npm - @vibe/core - Versions diffs - 3.82.3 → 3.83.1 - Mend

@vibe/core 3.82.3 → 3.83.1

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

Files changed (960) hide show

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

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

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

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

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

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

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

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

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

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

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

@@ -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-b26d62194c18_3_82_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-right: 0;\n}\n\n.button .secondaryButton {\n  margin-left: 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-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary.disabled .secondaryButton {\n  border-left: 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-left: 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-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary:not(.disabled).colorPositive .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary:not(.disabled).colorNegative .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary:not(.disabled).colorOnPrimaryColor .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary .mainButton {\n  border-right: 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-b26d62194c18_3_83_0";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-right: 0;\n}\n\n.button .secondaryButton {\n  margin-left: 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-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary.disabled .secondaryButton {\n  border-left: 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-left: 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-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary:not(.disabled).colorPositive .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary:not(.disabled).colorNegative .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary:not(.disabled).colorOnPrimaryColor .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary .mainButton {\n  border-right: 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/Steps/Steps.module.scss.js CHANGED Viewed

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

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

@@ -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_3_82_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};
+var n={command:"command",backward:"backward",icon:"icon",disabled:"disabled",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnInvertedBackground:"colorOnInvertedBackground"};!function(n){const o="s_id-b004c6aa2b0d_3_83_0";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.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={dot:"dot","focus-visible":"focus-visible",isActive:"isActive",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnInvertedBackground:"colorOnInvertedBackground"};!function(n){const o="s_id-cedbbb07e913_3_82_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};
+var n={dot:"dot","focus-visible":"focus-visible",isActive:"isActive",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnInvertedBackground:"colorOnInvertedBackground"};!function(n){const o="s_id-cedbbb07e913_3_83_0";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.module.scss.js CHANGED Viewed

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

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

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

package/dist/mocked_classnames/src/components/Steps/StepsNumbersHeader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import r from"classnames";import e,{useMemo as t}from"react";import o from"../Text/Text.js";import n from"./StepsNumbersHeader.module.scss.js";var m=function(m){var a=m.activeStepIndex,c=m.stepsCount,s=m.color,i=t((function(){return"primary"===s?s:"on-inverted-background"===s?"onInverted":"onPrimary"}),[s]);return e.createElement(o,{type:"text2",color:i,className:r(n.numbers)},"".concat(a+1," \\ ").concat(c))};export{m as StepsNumbersHeader};
+import r from"classnames";import e,{useMemo as o}from"react";import{Text as t}from"@vibe/typography/mockedClassNames";import n from"./StepsNumbersHeader.module.scss.js";var a=function(a){var m=a.activeStepIndex,s=a.stepsCount,c=a.color,p=o((function(){return"primary"===c?c:"on-inverted-background"===c?"onInverted":"onPrimary"}),[c]);return e.createElement(t,{type:"text2",color:p,className:r(n.numbers)},"".concat(m+1," \\ ").concat(s))};export{a as StepsNumbersHeader};
 //# sourceMappingURL=StepsNumbersHeader.js.map

package/dist/mocked_classnames/src/components/Steps/StepsNumbersHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepsNumbersHeader.js","sources":["../../../../../src/components/Steps/StepsNumbersHeader.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type FC, useMemo } from \"react\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport Text from \"~~../Text~~/~~Text~~\";\nimport styles from \"./StepsNumbersHeader.module.scss\";\nimport { type StepsColor } from \"./Steps.types\";\n\nexport interface StepsNumbersHeaderProps 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 The color theme of the steps numbers header.\n */\n color?: StepsColor;\n}\n\nexport const StepsNumbersHeader: FC<StepsNumbersHeaderProps> = ({ activeStepIndex, stepsCount, color }) => {\n const textColor = useMemo(() => {\n if (color === \"primary\") {\n return color;\n } else {\n return color === \"on-inverted-background\" ? \"onInverted\" : \"onPrimary\";\n }\n }, [color]);\n\n return (\n <Text type=\"text2\" color={textColor} className={cx(styles.numbers)}>{`${\n activeStepIndex + 1\n } \\\\ ${stepsCount}`}</Text>\n );\n};\n"],"names":["StepsNumbersHeader","_ref","activeStepIndex","stepsCount","color","textColor","useMemo","React","createElement","Text","type","className","cx","styles","numbers","concat"],"mappings":"~~mJAsBaA~~,EAAkD,SAAhCC,GAA2E,IAAxCC,EAAeD,EAAfC,gBAAiBC,EAAUF,EAAVE,WAAYC,EAAKH,EAALG,MACvFC,EAAYC,GAAQ,WACxB,MAAc,YAAVF,EACKA,EAEU,2BAAVA,EAAqC,aAAe,WAE/D,GAAG,CAACA,IAEJ,OACEG,EAAAC,cAACC,EAAI,CAACC,KAAK,QAAQN,MAAOC,EAAWM,UAAWC,EAAGC,EAAOC,UAAQ,GAAAC,OAChEb,EAAkB,EACpB,QAAAa,OAAOZ,GAEX"}
1	+ {"version":3,"file":"StepsNumbersHeader.js","sources":["../../../../../src/components/Steps/StepsNumbersHeader.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type FC, useMemo } from \"react\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { Text } from \"@vibe/typography\";\nimport styles from \"./StepsNumbersHeader.module.scss\";\nimport { type StepsColor } from \"./Steps.types\";\n\nexport interface StepsNumbersHeaderProps 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 The color theme of the steps numbers header.\n */\n color?: StepsColor;\n}\n\nexport const StepsNumbersHeader: FC<StepsNumbersHeaderProps> = ({ activeStepIndex, stepsCount, color }) => {\n const textColor = useMemo(() => {\n if (color === \"primary\") {\n return color;\n } else {\n return color === \"on-inverted-background\" ? \"onInverted\" : \"onPrimary\";\n }\n }, [color]);\n\n return (\n <Text type=\"text2\" color={textColor} className={cx(styles.numbers)}>{`${\n activeStepIndex + 1\n } \\\\ ${stepsCount}`}</Text>\n );\n};\n"],"names":["StepsNumbersHeader","_ref","activeStepIndex","stepsCount","color","textColor","useMemo","React","createElement","Text","type","className","cx","styles","numbers","concat"],"mappings":"6KAsBaA,EAAkD,SAAhCC,GAA2E,IAAxCC,EAAeD,EAAfC,gBAAiBC,EAAUF,EAAVE,WAAYC,EAAKH,EAALG,MACvFC,EAAYC,GAAQ,WACxB,MAAc,YAAVF,EACKA,EAEU,2BAAVA,EAAqC,aAAe,WAE/D,GAAG,CAACA,IAEJ,OACEG,EAAAC,cAACC,EAAI,CAACC,KAAK,QAAQN,MAAOC,EAAWM,UAAWC,EAAGC,EAAOC,UAAQ,GAAAC,OAChEb,EAAkB,EACpB,QAAAa,OAAOZ,GAEX"}

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

@@ -1,2 +1,2 @@
-var e={numbers:"numbers"};!function(e){const n="s_id-126f9ab60838_3_82_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.numbers {\n  margin: 0 var(--spacing-small);\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 n="s_id-126f9ab60838_3_83_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.numbers {\n  margin: 0 var(--spacing-small);\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.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={"hidden-switch":"hidden-switch"};!function(e){const t="s_id-4506b47fa00c_3_82_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};
+var e={"hidden-switch":"hidden-switch"};!function(e){const t="s_id-4506b47fa00c_3_83_0";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.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var r={table:"table",border:"border",virtualized:"virtualized",hasScroll:"hasScroll"};!function(r){const e="s_id-55eb48952bb4_3_82_2";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const l=document.createElement("style");l.id=e,o.firstChild?o.insertBefore(l,o.firstChild):o.appendChild(l),l.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}("/* stylelint-disable */\n/* stylelint-enable */\n.table {\n  --sticky-cell-hover-background: linear-gradient(\n      to right,\n      var(--primary-background-hover-color),\n      var(--primary-background-hover-color)\n    ),\n    linear-gradient(to right, var(--primary-background-color), var(--primary-background-color));\n  background-color: var(--primary-background-color);\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n}\n.table::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.table::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.table.border {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}\n.table.virtualized {\n  overflow: hidden;\n}\n.table.hasScroll {\n  --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{r as default};
+var r={table:"table",border:"border",virtualized:"virtualized",hasScroll:"hasScroll"};!function(r){const e="s_id-55eb48952bb4_3_83_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const l=document.createElement("style");l.id=e,o.firstChild?o.insertBefore(l,o.firstChild):o.appendChild(l),l.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}("/* stylelint-disable */\n/* stylelint-enable */\n.table {\n  --sticky-cell-hover-background: linear-gradient(\n      to right,\n      var(--primary-background-hover-color),\n      var(--primary-background-hover-color)\n    ),\n    linear-gradient(to right, var(--primary-background-color), var(--primary-background-color));\n  background-color: var(--primary-background-color);\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n}\n.table::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.table::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.table.border {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}\n.table.virtualized {\n  overflow: hidden;\n}\n.table.hasScroll {\n  --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{r as default};
 //# sourceMappingURL=Table.module.scss.js.map

package/dist/mocked_classnames/src/components/Table/TableBody/TableBody.module.scss.js CHANGED Viewed

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

package/dist/mocked_classnames/src/components/Table/TableCell/TableCell.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{typeof as t,defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as s}from"react";import a from"../../Text/Text.js";import l from"./TableCell.module.scss.js";import o from"classnames";import{getTestId as i}from"../../../tests/testIds.js";import{ComponentDefaultTestId as m}from"../../../tests/constants.js";var n=s((function(s,n){var c=s.sticky,d=s.id,p=s.className,f=s["data-testid"],u=s.children,y=1===r.Children.count(u),j=t(r.Children.toArray(u)[0]),C="string"===j||"number"===j;return r.createElement("div",{ref:n,id:d,className:o(l.tableCell,e({},l.sticky,c),p),"data-testid":f||i(m.TABLE_CELL,d),role:"cell"},y&&C?r.createElement(a,{type:"text2",color:"primary"},u):u)}));export{n as default};
+import{typeof as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as s}from"react";import{Text as a}from"@vibe/typography/mockedClassNames";import o from"./TableCell.module.scss.js";import l from"classnames";import{getTestId as i}from"../../../tests/testIds.js";import{ComponentDefaultTestId as m}from"../../../tests/constants.js";var c=s((function(s,c){var n=s.sticky,p=s.id,d=s.className,f=s["data-testid"],u=s.children,y=1===r.Children.count(u),C=e(r.Children.toArray(u)[0]),b="string"===C||"number"===C;return r.createElement("div",{ref:c,id:p,className:l(o.tableCell,t({},o.sticky,n),d),"data-testid":f||i(m.TABLE_CELL,p),role:"cell"},y&&b?r.createElement(a,{type:"text2",color:"primary"},u):u)}));export{c as default};
 //# sourceMappingURL=TableCell.js.map

package/dist/mocked_classnames/src/components/Table/TableCell/TableCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableCell.js","sources":["../../../../../../src/components/Table/TableCell/TableCell.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport Text from \"~~../../Text~~/~~Text~~\";\nimport styles from \"./TableCell.module.scss\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\n\nexport interface TableCellProps extends VibeComponentProps {\n /*\n The content inside the table cell.\n /\n children?: React.ReactNode;\n /\n If true, makes the cell sticky (typically used for frozen columns).\n */\n sticky?: boolean;\n}\n\nconst TableCell = forwardRef(\n (\n { sticky, id, className, \"data-testid\": dataTestId, children }: TableCellProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const isSingleChild = React.Children.count(children) === 1;\n const typeOfFirstChild = typeof React.Children.toArray(children)[0];\n const isFirstChildString = typeOfFirstChild === \"string\" \|\| typeOfFirstChild === \"number\";\n\n return (\n <div\n ref={ref}\n id={id}\n className={cx(styles.tableCell, { [styles.sticky]: sticky }, className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TABLE_CELL, id)}\n role=\"cell\"\n >\n {isSingleChild && isFirstChildString ? (\n <Text type=\"text2\" color=\"primary\">\n {children}\n </Text>\n ) : (\n children\n )}\n </div>\n );\n }\n);\n\nexport default TableCell;\n"],"names":["TableCell","forwardRef","_ref","ref","sticky","id","className","dataTestId","children","isSingleChild","React","Children","count","typeOfFirstChild","_typeof","toArray","isFirstChildString","createElement","cx","styles","tableCell","_defineProperty","getTestId","ComponentDefaultTestId","TABLE_CELL","role","Text","type","color"],"mappings":"~~sWAmBMA~~,IAAAA,EAAYC,GAChB,SAAAC,EAEEC,GACE,IAFAC,EAAMF,EAANE,OAAQC,EAAEH,EAAFG,GAAIC,EAASJ,EAATI,UAA0BC,EAAUL,EAAzB,eAA2BM,EAAQN,EAARM,SAG9CC,EAAmD,IAAnCC,EAAMC,SAASC,MAAMJ,GACrCK,EAAgBC,EAAUJ,EAAMC,SAASI,QAAQP,GAAU,IAC3DQ,EAA0C,WAArBH,GAAsD,WAArBA,EAE5D,OACEH,EAAAO,cAAA,MAAA,CACEd,IAAKA,EACLE,GAAIA,EACJC,UAAWY,EAAGC,EAAOC,UAASC,EAAKF,GAAAA,EAAOf,OAASA,GAAUE,GAChD,cAAAC,GAAce,EAAUC,EAAuBC,WAAYnB,GACxEoB,KAAK,QAEJhB,GAAiBO,EAChBN,EAAAO,cAACS,EAAK,CAAAC,KAAK,QAAQC,MAAM,WACtBpB,GAGHA,EAIR"}
1	+ {"version":3,"file":"TableCell.js","sources":["../../../../../../src/components/Table/TableCell/TableCell.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { Text } from \"@vibe/typography\";\nimport styles from \"./TableCell.module.scss\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\n\nexport interface TableCellProps extends VibeComponentProps {\n /*\n The content inside the table cell.\n /\n children?: React.ReactNode;\n /\n If true, makes the cell sticky (typically used for frozen columns).\n */\n sticky?: boolean;\n}\n\nconst TableCell = forwardRef(\n (\n { sticky, id, className, \"data-testid\": dataTestId, children }: TableCellProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const isSingleChild = React.Children.count(children) === 1;\n const typeOfFirstChild = typeof React.Children.toArray(children)[0];\n const isFirstChildString = typeOfFirstChild === \"string\" \|\| typeOfFirstChild === \"number\";\n\n return (\n <div\n ref={ref}\n id={id}\n className={cx(styles.tableCell, { [styles.sticky]: sticky }, className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TABLE_CELL, id)}\n role=\"cell\"\n >\n {isSingleChild && isFirstChildString ? (\n <Text type=\"text2\" color=\"primary\">\n {children}\n </Text>\n ) : (\n children\n )}\n </div>\n );\n }\n);\n\nexport default TableCell;\n"],"names":["TableCell","forwardRef","_ref","ref","sticky","id","className","dataTestId","children","isSingleChild","React","Children","count","typeOfFirstChild","_typeof","toArray","isFirstChildString","createElement","cx","styles","tableCell","_defineProperty","getTestId","ComponentDefaultTestId","TABLE_CELL","role","Text","type","color"],"mappings":"6XAmBMA,IAAAA,EAAYC,GAChB,SAAAC,EAEEC,GACE,IAFAC,EAAMF,EAANE,OAAQC,EAAEH,EAAFG,GAAIC,EAASJ,EAATI,UAA0BC,EAAUL,EAAzB,eAA2BM,EAAQN,EAARM,SAG9CC,EAAmD,IAAnCC,EAAMC,SAASC,MAAMJ,GACrCK,EAAgBC,EAAUJ,EAAMC,SAASI,QAAQP,GAAU,IAC3DQ,EAA0C,WAArBH,GAAsD,WAArBA,EAE5D,OACEH,EAAAO,cAAA,MAAA,CACEd,IAAKA,EACLE,GAAIA,EACJC,UAAWY,EAAGC,EAAOC,UAASC,EAAKF,GAAAA,EAAOf,OAASA,GAAUE,GAChD,cAAAC,GAAce,EAAUC,EAAuBC,WAAYnB,GACxEoB,KAAK,QAEJhB,GAAiBO,EAChBN,EAAAO,cAACS,EAAK,CAAAC,KAAK,QAAQC,MAAM,WACtBpB,GAGHA,EAIR"}

package/dist/mocked_classnames/src/components/Table/TableCell/TableCell.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableCell:"tableCell",sticky:"sticky"};!function(e){const t="s_id-25789b81dac4_3_82_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableCell {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell.sticky {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}");export{e as default};
+var e={tableCell:"tableCell",sticky:"sticky"};!function(e){const t="s_id-25789b81dac4_3_83_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableCell {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell.sticky {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}");export{e as default};
 //# sourceMappingURL=TableCell.module.scss.js.map

package/dist/mocked_classnames/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableCellSkeletonWrapper:"tableCellSkeletonWrapper",longText:"longText",mediumText:"mediumText",tableCellSkeleton:"tableCellSkeleton",circle:"circle",rectangle:"rectangle"};!function(e){const l="s_id-18cab9319884_3_82_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+l))return;const n=document.createElement("style");n.id=l,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableCellSkeletonWrapper {\n  height: 100%;\n}\n.tableCellSkeletonWrapper.longText {\n  padding-inline-end: var(--spacing-large);\n}\n.tableCellSkeletonWrapper.mediumText {\n  padding-inline-end: var(--spacing-xxxl);\n}\n.tableCellSkeletonWrapper .tableCellSkeleton {\n  height: 100%;\n}\n@supports (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper .tableCellSkeleton.circle, .tableCellSkeletonWrapper .tableCellSkeleton.rectangle {\n    width: auto;\n    aspect-ratio: 1/1;\n  }\n}\n@supports not (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper .tableCellSkeleton.circle, .tableCellSkeletonWrapper .tableCellSkeleton.rectangle {\n    width: 21px;\n  }\n}");export{e as default};
+var e={tableCellSkeletonWrapper:"tableCellSkeletonWrapper",longText:"longText",mediumText:"mediumText",tableCellSkeleton:"tableCellSkeleton",circle:"circle",rectangle:"rectangle"};!function(e){const l="s_id-18cab9319884_3_83_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+l))return;const n=document.createElement("style");n.id=l,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableCellSkeletonWrapper {\n  height: 100%;\n}\n.tableCellSkeletonWrapper.longText {\n  padding-inline-end: var(--spacing-large);\n}\n.tableCellSkeletonWrapper.mediumText {\n  padding-inline-end: var(--spacing-xxxl);\n}\n.tableCellSkeletonWrapper .tableCellSkeleton {\n  height: 100%;\n}\n@supports (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper .tableCellSkeleton.circle, .tableCellSkeletonWrapper .tableCellSkeleton.rectangle {\n    width: auto;\n    aspect-ratio: 1/1;\n  }\n}\n@supports not (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper .tableCellSkeleton.circle, .tableCellSkeletonWrapper .tableCellSkeleton.rectangle {\n    width: 21px;\n  }\n}");export{e as default};
 //# sourceMappingURL=TableCellSkeleton.module.scss.js.map

package/dist/mocked_classnames/src/components/Table/TableContainer/TableContainer.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableContainer:"tableContainer",menuContainer:"menuContainer"};!function(e){const n="s_id-c61f3446ce1a_3_82_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)}(".tableContainer {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.tableContainer .menuContainer {\n  --cell-width: 40px;\n  position: absolute;\n  overflow: hidden;\n  left: calc(1px - var(--cell-width));\n  width: var(--cell-width);\n  height: 100%;\n}");export{e as default};
+var e={tableContainer:"tableContainer",menuContainer:"menuContainer"};!function(e){const n="s_id-c61f3446ce1a_3_83_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tableContainer {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.tableContainer .menuContainer {\n  --cell-width: 40px;\n  position: absolute;\n  overflow: hidden;\n  left: calc(1px - var(--cell-width));\n  width: var(--cell-width);\n  height: 100%;\n}");export{e as default};
 //# sourceMappingURL=TableContainer.module.scss.js.map

package/dist/mocked_classnames/src/components/Table/TableHeader/TableHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableHeader:"tableHeader",virtualized:"virtualized"};!function(e){const t="s_id-8e924ee64aa4_3_82_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableHeader {\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  background-color: var(--primary-background-color);\n  min-width: 100%;\n  width: fit-content;\n}\n.tableHeader > [role=columnheader] {\n  background-color: inherit;\n}\n.tableHeader.virtualized {\n  overflow: auto;\n  width: auto;\n  scrollbar-width: none;\n}\n.tableHeader.virtualized::-webkit-scrollbar {\n  display: none;\n}");export{e as default};
+var e={tableHeader:"tableHeader",virtualized:"virtualized"};!function(e){const t="s_id-8e924ee64aa4_3_83_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableHeader {\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  background-color: var(--primary-background-color);\n  min-width: 100%;\n  width: fit-content;\n}\n.tableHeader > [role=columnheader] {\n  background-color: inherit;\n}\n.tableHeader.virtualized {\n  overflow: auto;\n  width: auto;\n  scrollbar-width: none;\n}\n.tableHeader.virtualized::-webkit-scrollbar {\n  display: none;\n}");export{e as default};
 //# sourceMappingURL=TableHeader.module.scss.js.map

package/dist/mocked_classnames/src/components/Table/TableHeaderCell/TableHeaderCell.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as r,useState as n}from"react";import a from"classnames";import i from"./TableHeaderCell.module.scss.js";import{Icon as s}from"@vibe/icon/mockedClassNames";import l from"../../IconButton/IconButton.js";import{Info as c}from"@vibe/icons";import m from"../../Text/Text.js";import{Flex as d}from"@vibe/layout/mockedClassNames";import{getSortIcon as p,getNextSortState as u,getAriaSort as f}from"../Table/tableHelpers.js";import b from"../../Tooltip/Tooltip.js";import{getTestId as v}from"../../../tests/testIds.js";import{ComponentDefaultTestId as C}from"../../../tests/constants.js";import{getStyle as E}from"../../../helpers/typesciptCssModulesHelper.js";var y=r((function(r,y){var j=r.id,N=r.className,T=r["data-testid"],H=r.title,k=r.onSortClicked,x=r.infoContent,L=r.icon,g=r.sortState,B=void 0===g?"none":g,h=r.sortButtonAriaLabel,A=void 0===h?"Sort":h,w=r.sticky,I=n(!1),S=e(I,2),_=S[0],M=S[1],P=f(B),z="none"!==P||_;return o.createElement("div",{ref:y,id:j,className:a(i.tableHeaderCell,t(t({},i.sortActive,k&&"none"!==P),i.sticky,w),N),"data-testid":T||v(C.TABLE_HEADER_CELL,j),role:"columnheader",onMouseOver:function(){return M(!0)},onMouseLeave:function(){return M(!1)},onFocus:function(){return M(!0)},onBlur:function(){return M(!1)},"aria-sort":k?P:void 0,tabIndex:k?0:void 0},o.createElement(d,{direction:"row",align:"center",className:i.tableHeaderCellContent,gap:"xs"},L&&o.createElement(s,{icon:L,className:i.icon}),"string"==typeof H?o.createElement(m,{type:"text2",weight:"medium",color:"secondary"},H):H,x&&o.createElement(b,{content:x,referenceWrapperClassName:i.infoTooltip},o.createElement(s,{icon:c,iconLabel:x}))),k&&o.createElement(d,{direction:"row",align:"center",className:i.tableHeaderCellSort},o.createElement(l,{icon:p(B),kind:"tertiary",size:"xs",ariaLabel:A,"aria-hidden":!z,className:a(i.sort,E(i,B),t({},i.show,z)),onClick:function(){return k(u(B))}})))}));export{y as default};
+import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as r,useState as a}from"react";import s from"classnames";import i from"./TableHeaderCell.module.scss.js";import{Icon as n}from"@vibe/icon/mockedClassNames";import{IconButton as l}from"@vibe/icon-button/mockedClassNames";import{Info as m}from"@vibe/icons";import{Text as c}from"@vibe/typography/mockedClassNames";import{Flex as d}from"@vibe/layout/mockedClassNames";import{getSortIcon as p,getNextSortState as f,getAriaSort as u}from"../Table/tableHelpers.js";import{Tooltip as b}from"@vibe/tooltip/mockedClassNames";import{getTestId as v}from"../../../tests/testIds.js";import{ComponentDefaultTestId as C}from"../../../tests/constants.js";import{getStyle as y}from"../../../helpers/typesciptCssModulesHelper.js";var E=r((function(r,E){var N=r.id,k=r.className,H=r["data-testid"],g=r.title,L=r.onSortClicked,h=r.infoContent,j=r.icon,x=r.sortState,A=void 0===x?"none":x,T=r.sortButtonAriaLabel,w=void 0===T?"Sort":T,B=r.sticky,S=a(!1),_=e(S,2),M=_[0],I=_[1],P=u(A),z="none"!==P||M;return o.createElement("div",{ref:E,id:N,className:s(i.tableHeaderCell,t(t({},i.sortActive,L&&"none"!==P),i.sticky,B),k),"data-testid":H||v(C.TABLE_HEADER_CELL,N),role:"columnheader",onMouseOver:function(){return I(!0)},onMouseLeave:function(){return I(!1)},onFocus:function(){return I(!0)},onBlur:function(){return I(!1)},"aria-sort":L?P:void 0,tabIndex:L?0:void 0},o.createElement(d,{direction:"row",align:"center",className:i.tableHeaderCellContent,gap:"xs"},j&&o.createElement(n,{icon:j,className:i.icon}),"string"==typeof g?o.createElement(c,{type:"text2",weight:"medium",color:"secondary"},g):g,h&&o.createElement(b,{content:h,referenceWrapperClassName:i.infoTooltip},o.createElement(n,{icon:m,iconLabel:h}))),L&&o.createElement(d,{direction:"row",align:"center",className:i.tableHeaderCellSort},o.createElement(l,{icon:p(A),kind:"tertiary",size:"xs",ariaLabel:w,"aria-hidden":!z,className:s(i.sort,y(i,A),t({},i.show,z)),onClick:function(){return L(f(A))}})))}));export{E as default};
 //# sourceMappingURL=TableHeaderCell.js.map

package/dist/mocked_classnames/src/components/Table/TableHeaderCell/TableHeaderCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableHeaderCell.js","sources":["../../../../../../src/components/Table/TableHeaderCell/TableHeaderCell.tsx"],"sourcesContent":["import React, { forwardRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport styles from \"./TableHeaderCell.module.scss\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport IconButton from \"~~../../IconButton~~/~~IconButton~~\";\nimport { Info } from \"@vibe/icons\";\nimport Text from \"~~../../Text~~/~~Text~~\";\nimport { Flex } from \"@vibe/layout\";\nimport { getAriaSort, getNextSortState, getSortIcon } from \"../Table/tableHelpers\";\nimport Tooltip from \"~~../../Tooltip~~/~~Tooltip~~\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\n\nexport interface TableHeaderCellProps extends VibeComponentProps {\n /*\n The title of the column, displayed inside the header cell.\n /\n title: string \| React.ReactNode;\n /\n Icon displayed next to the column title.\n /\n icon?: SubIcon;\n /\n Tooltip content for additional information about the column.\n /\n infoContent?: string;\n /\n Current sorting state of the column.\n /\n sortState?: \"asc\" \| \"desc\" \| \"none\";\n /\n Callback fired when the column header is clicked to change sorting.\n /\n onSortClicked?: (direction: \"asc\" \| \"desc\" \| \"none\") => void;\n /\n ARIA label for the sort button.\n /\n sortButtonAriaLabel?: string;\n /\n If true, the header cell remains visible while scrolling horizontally.\n */\n sticky?: boolean;\n}\n\nconst TableHeaderCell = forwardRef(\n (\n {\n id,\n className,\n \"data-testid\": dataTestId,\n title,\n onSortClicked,\n infoContent,\n icon,\n sortState = \"none\",\n sortButtonAriaLabel = \"Sort\",\n sticky\n }: TableHeaderCellProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const [isHovered, setIsHovered] = useState<boolean>(false);\n const ariaSort = getAriaSort(sortState);\n const isSortActive = onSortClicked && ariaSort !== \"none\";\n const shouldShowSortIcon = ariaSort !== \"none\" \|\| isHovered;\n\n return (\n <div\n ref={ref}\n id={id}\n className={cx(\n styles.tableHeaderCell,\n { [styles.sortActive]: isSortActive, [styles.sticky]: sticky },\n className\n )}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TABLE_HEADER_CELL, id)}\n role=\"columnheader\"\n onMouseOver={() => setIsHovered(true)}\n onMouseLeave={() => setIsHovered(false)}\n onFocus={() => setIsHovered(true)}\n onBlur={() => setIsHovered(false)}\n aria-sort={onSortClicked ? ariaSort : undefined}\n tabIndex={onSortClicked ? 0 : undefined}\n >\n <Flex direction=\"row\" align=\"center\" className={styles.tableHeaderCellContent} gap=\"xs\">\n {icon && <Icon icon={icon} className={styles.icon} />}\n {typeof title === \"string\" ? (\n <Text type=\"text2\" weight=\"medium\" color=\"secondary\">\n {title}\n </Text>\n ) : (\n title\n )}\n {infoContent && (\n <Tooltip content={infoContent} referenceWrapperClassName={styles.infoTooltip}>\n <Icon icon={Info} iconLabel={infoContent} />\n </Tooltip>\n )}\n </Flex>\n {onSortClicked && (\n <Flex direction=\"row\" align=\"center\" className={styles.tableHeaderCellSort}>\n <IconButton\n icon={getSortIcon(sortState)}\n kind=\"tertiary\"\n size=\"xs\"\n ariaLabel={sortButtonAriaLabel}\n aria-hidden={!shouldShowSortIcon}\n className={cx(styles.sort, getStyle(styles, sortState), {\n [styles.show]: shouldShowSortIcon\n })}\n onClick={() => onSortClicked(getNextSortState(sortState))}\n />\n </Flex>\n )}\n </div>\n );\n }\n);\n\nexport default TableHeaderCell;\n"],"names":["TableHeaderCell","forwardRef","_ref","ref","id","className","dataTestId","title","onSortClicked","infoContent","icon","_ref$sortState","sortState","_ref$sortButtonAriaLa","sortButtonAriaLabel","sticky","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHovered","ariaSort","getAriaSort","shouldShowSortIcon","React","createElement","cx","styles","tableHeaderCell","_defineProperty","sortActive","getTestId","ComponentDefaultTestId","TABLE_HEADER_CELL","role","onMouseOver","onMouseLeave","onFocus","onBlur","undefined","tabIndex","Flex","direction","align","tableHeaderCellContent","gap","Icon","Text","type","weight","color","Tooltip","content","referenceWrapperClassName","infoTooltip","Info","iconLabel","tableHeaderCellSort","IconButton","getSortIcon","kind","size","ariaLabel","sort","getStyle","show","onClick","getNextSortState"],"mappings":"~~ywBA8CMA~~,IAAAA,EAAkBC,GACtB,SAAAC,EAaEC,GACE,IAZAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAKL,EAALK,MACAC,EAAaN,EAAbM,cACAC,EAAWP,EAAXO,YACAC,EAAIR,EAAJQ,KAAIC,EAAAT,EACJU,UAAAA,OAAY,IAAHD,EAAG,OAAMA,EAAAE,EAAAX,EAClBY,oBAAAA,OAAsB,IAAHD,EAAG,OAAMA,EAC5BE,EAAMb,EAANa,OAIFC,EAAkCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAAnDI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GACxBI,EAAWC,EAAYX,GAEvBY,EAAkC,SAAbF,GAAuBF,EAElD,OACEK,EACEC,cAAA,MAAA,CAAAvB,IAAKA,EACLC,GAAIA,EACJC,UAAWsB,EACTC,EAAOC,gBAAeC,EAAAA,EACnBF,CAAAA,EAAAA,EAAOG,WATKvB,GAA8B,SAAbc,GASMM,EAAOb,OAASA,GACtDV,GAEW,cAAAC,GAAc0B,EAAUC,EAAuBC,kBAAmB9B,GAC/E+B,KAAK,eACLC,YAAa,WAAA,OAAMf,GAAa,EAAK,EACrCgB,aAAc,WAAA,OAAMhB,GAAa,EAAM,EACvCiB,QAAS,WAAA,OAAMjB,GAAa,EAAK,EACjCkB,OAAQ,WAAA,OAAMlB,GAAa,EAAM,EACtB,YAAAb,EAAgBc,OAAWkB,EACtCC,SAAUjC,EAAgB,OAAIgC,GAE9Bf,EAAAC,cAACgB,EAAK,CAAAC,UAAU,MAAMC,MAAM,SAASvC,UAAWuB,EAAOiB,uBAAwBC,IAAI,MAChFpC,GAAQe,EAAAC,cAACqB,EAAI,CAACrC,KAAMA,EAAML,UAAWuB,EAAOlB,OAC3B,iBAAVH,EACNkB,EAAAC,cAACsB,EAAI,CAACC,KAAK,QAAQC,OAAO,SAASC,MAAM,aACtC5C,GAGHA,EAEDE,GACCgB,EAACC,cAAA0B,EAAQ,CAAAC,QAAS5C,EAAa6C,0BAA2B1B,EAAO2B,aAC/D9B,EAAAC,cAACqB,EAAI,CAACrC,KAAM8C,EAAMC,UAAWhD,MAIlCD,GACCiB,EAAAC,cAACgB,EAAI,CAACC,UAAU,MAAMC,MAAM,SAASvC,UAAWuB,EAAO8B,qBACrDjC,EAAAC,cAACiC,EACC,CAAAjD,KAAMkD,EAAYhD,GAClBiD,KAAK,WACLC,KAAK,KACLC,UAAWjD,EAAmB,eAChBU,EACdnB,UAAWsB,EAAGC,EAAOoC,KAAMC,EAASrC,EAAQhB,GAAUkB,EACnDF,CAAAA,EAAAA,EAAOsC,KAAO1C,IAEjB2C,QAAS,WAAA,OAAM3D,EAAc4D,EAAiBxD,GAAW,KAMrE"}
1	+ {"version":3,"file":"TableHeaderCell.js","sources":["../../../../../../src/components/Table/TableHeaderCell/TableHeaderCell.tsx"],"sourcesContent":["import React, { forwardRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport styles from \"./TableHeaderCell.module.scss\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Info } from \"@vibe/icons\";\nimport { Text } from \"@vibe/typography\";\nimport { Flex } from \"@vibe/layout\";\nimport { getAriaSort, getNextSortState, getSortIcon } from \"../Table/tableHelpers\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\n\nexport interface TableHeaderCellProps extends VibeComponentProps {\n /*\n The title of the column, displayed inside the header cell.\n /\n title: string \| React.ReactNode;\n /\n Icon displayed next to the column title.\n /\n icon?: SubIcon;\n /\n Tooltip content for additional information about the column.\n /\n infoContent?: string;\n /\n Current sorting state of the column.\n /\n sortState?: \"asc\" \| \"desc\" \| \"none\";\n /\n Callback fired when the column header is clicked to change sorting.\n /\n onSortClicked?: (direction: \"asc\" \| \"desc\" \| \"none\") => void;\n /\n ARIA label for the sort button.\n /\n sortButtonAriaLabel?: string;\n /\n If true, the header cell remains visible while scrolling horizontally.\n */\n sticky?: boolean;\n}\n\nconst TableHeaderCell = forwardRef(\n (\n {\n id,\n className,\n \"data-testid\": dataTestId,\n title,\n onSortClicked,\n infoContent,\n icon,\n sortState = \"none\",\n sortButtonAriaLabel = \"Sort\",\n sticky\n }: TableHeaderCellProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const [isHovered, setIsHovered] = useState<boolean>(false);\n const ariaSort = getAriaSort(sortState);\n const isSortActive = onSortClicked && ariaSort !== \"none\";\n const shouldShowSortIcon = ariaSort !== \"none\" \|\| isHovered;\n\n return (\n <div\n ref={ref}\n id={id}\n className={cx(\n styles.tableHeaderCell,\n { [styles.sortActive]: isSortActive, [styles.sticky]: sticky },\n className\n )}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TABLE_HEADER_CELL, id)}\n role=\"columnheader\"\n onMouseOver={() => setIsHovered(true)}\n onMouseLeave={() => setIsHovered(false)}\n onFocus={() => setIsHovered(true)}\n onBlur={() => setIsHovered(false)}\n aria-sort={onSortClicked ? ariaSort : undefined}\n tabIndex={onSortClicked ? 0 : undefined}\n >\n <Flex direction=\"row\" align=\"center\" className={styles.tableHeaderCellContent} gap=\"xs\">\n {icon && <Icon icon={icon} className={styles.icon} />}\n {typeof title === \"string\" ? (\n <Text type=\"text2\" weight=\"medium\" color=\"secondary\">\n {title}\n </Text>\n ) : (\n title\n )}\n {infoContent && (\n <Tooltip content={infoContent} referenceWrapperClassName={styles.infoTooltip}>\n <Icon icon={Info} iconLabel={infoContent} />\n </Tooltip>\n )}\n </Flex>\n {onSortClicked && (\n <Flex direction=\"row\" align=\"center\" className={styles.tableHeaderCellSort}>\n <IconButton\n icon={getSortIcon(sortState)}\n kind=\"tertiary\"\n size=\"xs\"\n ariaLabel={sortButtonAriaLabel}\n aria-hidden={!shouldShowSortIcon}\n className={cx(styles.sort, getStyle(styles, sortState), {\n [styles.show]: shouldShowSortIcon\n })}\n onClick={() => onSortClicked(getNextSortState(sortState))}\n />\n </Flex>\n )}\n </div>\n );\n }\n);\n\nexport default TableHeaderCell;\n"],"names":["TableHeaderCell","forwardRef","_ref","ref","id","className","dataTestId","title","onSortClicked","infoContent","icon","_ref$sortState","sortState","_ref$sortButtonAriaLa","sortButtonAriaLabel","sticky","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHovered","ariaSort","getAriaSort","shouldShowSortIcon","React","createElement","cx","styles","tableHeaderCell","_defineProperty","sortActive","getTestId","ComponentDefaultTestId","TABLE_HEADER_CELL","role","onMouseOver","onMouseLeave","onFocus","onBlur","undefined","tabIndex","Flex","direction","align","tableHeaderCellContent","gap","Icon","Text","type","weight","color","Tooltip","content","referenceWrapperClassName","infoTooltip","Info","iconLabel","tableHeaderCellSort","IconButton","getSortIcon","kind","size","ariaLabel","sort","getStyle","show","onClick","getNextSortState"],"mappings":"m0BA8CMA,IAAAA,EAAkBC,GACtB,SAAAC,EAaEC,GACE,IAZAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAKL,EAALK,MACAC,EAAaN,EAAbM,cACAC,EAAWP,EAAXO,YACAC,EAAIR,EAAJQ,KAAIC,EAAAT,EACJU,UAAAA,OAAY,IAAHD,EAAG,OAAMA,EAAAE,EAAAX,EAClBY,oBAAAA,OAAsB,IAAHD,EAAG,OAAMA,EAC5BE,EAAMb,EAANa,OAIFC,EAAkCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAAnDI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GACxBI,EAAWC,EAAYX,GAEvBY,EAAkC,SAAbF,GAAuBF,EAElD,OACEK,EACEC,cAAA,MAAA,CAAAvB,IAAKA,EACLC,GAAIA,EACJC,UAAWsB,EACTC,EAAOC,gBAAeC,EAAAA,EACnBF,CAAAA,EAAAA,EAAOG,WATKvB,GAA8B,SAAbc,GASMM,EAAOb,OAASA,GACtDV,GAEW,cAAAC,GAAc0B,EAAUC,EAAuBC,kBAAmB9B,GAC/E+B,KAAK,eACLC,YAAa,WAAA,OAAMf,GAAa,EAAK,EACrCgB,aAAc,WAAA,OAAMhB,GAAa,EAAM,EACvCiB,QAAS,WAAA,OAAMjB,GAAa,EAAK,EACjCkB,OAAQ,WAAA,OAAMlB,GAAa,EAAM,EACtB,YAAAb,EAAgBc,OAAWkB,EACtCC,SAAUjC,EAAgB,OAAIgC,GAE9Bf,EAAAC,cAACgB,EAAK,CAAAC,UAAU,MAAMC,MAAM,SAASvC,UAAWuB,EAAOiB,uBAAwBC,IAAI,MAChFpC,GAAQe,EAAAC,cAACqB,EAAI,CAACrC,KAAMA,EAAML,UAAWuB,EAAOlB,OAC3B,iBAAVH,EACNkB,EAAAC,cAACsB,EAAI,CAACC,KAAK,QAAQC,OAAO,SAASC,MAAM,aACtC5C,GAGHA,EAEDE,GACCgB,EAACC,cAAA0B,EAAQ,CAAAC,QAAS5C,EAAa6C,0BAA2B1B,EAAO2B,aAC/D9B,EAAAC,cAACqB,EAAI,CAACrC,KAAM8C,EAAMC,UAAWhD,MAIlCD,GACCiB,EAAAC,cAACgB,EAAI,CAACC,UAAU,MAAMC,MAAM,SAASvC,UAAWuB,EAAO8B,qBACrDjC,EAAAC,cAACiC,EACC,CAAAjD,KAAMkD,EAAYhD,GAClBiD,KAAK,WACLC,KAAK,KACLC,UAAWjD,EAAmB,eAChBU,EACdnB,UAAWsB,EAAGC,EAAOoC,KAAMC,EAASrC,EAAQhB,GAAUkB,EACnDF,CAAAA,EAAAA,EAAOsC,KAAO1C,IAEjB2C,QAAS,WAAA,OAAM3D,EAAc4D,EAAiBxD,GAAW,KAMrE"}

package/dist/mocked_classnames/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableHeaderCell:"tableHeaderCell","focus-visible":"focus-visible",sticky:"sticky",sortActive:"sortActive",tableHeaderCellContent:"tableHeaderCellContent",icon:"icon",infoTooltip:"infoTooltip",tableHeaderCellSort:"tableHeaderCellSort",sort:"sort",asc:"asc",desc:"desc",show:"show"};!function(e){const l="s_id-5b3eed132e11_3_82_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+l))return;const t=document.createElement("style");t.id=l,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tableHeaderCell {\n  height: var(--table-row-size);\n  padding: var(--spacing-small);\n  padding-inline-start: var(--spacing-medium);\n  color: var(--secondary-text-color);\n  box-sizing: border-box;\n  text-align: initial;\n  border-bottom: 1px solid var(--layout-border-color);\n  display: flex;\n  justify-content: space-between;\n  background-color: inherit;\n}\n.tableHeaderCell:focus-visible, .tableHeaderCell.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.tableHeaderCell:focus:not(.focus-visible) {\n  outline: none;\n}\n.tableHeaderCell.sticky {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell.sticky:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell:hover, .tableHeaderCell.sortActive {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell .tableHeaderCellContent {\n  min-width: 0;\n}\n.tableHeaderCell .tableHeaderCellContent .icon {\n  min-width: var(--spacing-medium);\n}\n.tableHeaderCell .tableHeaderCellContent .infoTooltip {\n  display: inline-flex;\n}\n.tableHeaderCell .tableHeaderCellSort {\n  padding-inline-start: var(--spacing-small);\n}\n.tableHeaderCell .tableHeaderCellSort .sort {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell .tableHeaderCellSort .sort.asc, .tableHeaderCell .tableHeaderCellSort .sort.desc {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell .tableHeaderCellSort .sort:not(.show) {\n  opacity: 0;\n  pointer-events: none;\n}");export{e as default};
+var e={tableHeaderCell:"tableHeaderCell","focus-visible":"focus-visible",sticky:"sticky",sortActive:"sortActive",tableHeaderCellContent:"tableHeaderCellContent",icon:"icon",infoTooltip:"infoTooltip",tableHeaderCellSort:"tableHeaderCellSort",sort:"sort",asc:"asc",desc:"desc",show:"show"};!function(e){const l="s_id-5b3eed132e11_3_83_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+l))return;const t=document.createElement("style");t.id=l,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tableHeaderCell {\n  height: var(--table-row-size);\n  padding: var(--spacing-small);\n  padding-inline-start: var(--spacing-medium);\n  color: var(--secondary-text-color);\n  box-sizing: border-box;\n  text-align: initial;\n  border-bottom: 1px solid var(--layout-border-color);\n  display: flex;\n  justify-content: space-between;\n  background-color: inherit;\n}\n.tableHeaderCell:focus-visible, .tableHeaderCell.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.tableHeaderCell:focus:not(.focus-visible) {\n  outline: none;\n}\n.tableHeaderCell.sticky {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell.sticky:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell:hover, .tableHeaderCell.sortActive {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell .tableHeaderCellContent {\n  min-width: 0;\n}\n.tableHeaderCell .tableHeaderCellContent .icon {\n  min-width: var(--spacing-medium);\n}\n.tableHeaderCell .tableHeaderCellContent .infoTooltip {\n  display: inline-flex;\n}\n.tableHeaderCell .tableHeaderCellSort {\n  padding-inline-start: var(--spacing-small);\n}\n.tableHeaderCell .tableHeaderCellSort .sort {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell .tableHeaderCellSort .sort.asc, .tableHeaderCell .tableHeaderCellSort .sort.desc {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell .tableHeaderCellSort .sort:not(.show) {\n  opacity: 0;\n  pointer-events: none;\n}");export{e as default};
 //# sourceMappingURL=TableHeaderCell.module.scss.js.map

package/dist/mocked_classnames/src/components/Table/TableRow/TableRow.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableRow:"tableRow"};!function(e){const t="s_id-72a799b963ca_3_82_2";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.tableRow {\n  height: var(--table-row-size);\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  min-width: 100%;\n  width: fit-content;\n}\n.tableRow[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow:hover[aria-selected=true] > [role=cell] {\n  background: var(--primary-selected-hover-color);\n}");export{e as default};
+var e={tableRow:"tableRow"};!function(e){const t="s_id-72a799b963ca_3_83_0";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.tableRow {\n  height: var(--table-row-size);\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  min-width: 100%;\n  width: fit-content;\n}\n.tableRow[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow:hover[aria-selected=true] > [role=cell] {\n  background: var(--primary-selected-hover-color);\n}");export{e as default};
 //# sourceMappingURL=TableRow.module.scss.js.map

package/dist/mocked_classnames/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={rowMenuContainer:"rowMenuContainer",small:"small",medium:"medium",large:"large"};!function(e){const n="s_id-3e6ad01a6799_3_82_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rowMenuContainer {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--spacing-small);\n}\n.rowMenuContainer.small {\n  padding-block: var(--spacing-xs);\n}\n.rowMenuContainer.medium {\n  padding-block: var(--spacing-small);\n}\n.rowMenuContainer.large {\n  padding-block: 12px;\n}");export{e as default};
+var e={rowMenuContainer:"rowMenuContainer",small:"small",medium:"medium",large:"large"};!function(e){const n="s_id-3e6ad01a6799_3_83_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rowMenuContainer {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--spacing-small);\n}\n.rowMenuContainer.small {\n  padding-block: var(--spacing-xs);\n}\n.rowMenuContainer.medium {\n  padding-block: var(--spacing-small);\n}\n.rowMenuContainer.large {\n  padding-block: 12px;\n}");export{e as default};
 //# sourceMappingURL=TableRowMenu.module.scss.js.map

package/dist/mocked_classnames/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableBody:"tableBody",tableBodyItems:"tableBodyItems",withHeader:"withHeader"};!function(e){const t="s_id-f3eca674d9e8_3_82_2";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,d.firstChild?d.insertBefore(l,d.firstChild):d.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tableBody {\n  height: calc(100% - var(--table-row-size));\n}\n.tableBody .tableBodyItems::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.tableBody .tableBodyItems::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.tableBody.withHeader {\n  height: 100%;\n  overflow: hidden;\n}");export{e as default};
+var e={tableBody:"tableBody",tableBodyItems:"tableBodyItems",withHeader:"withHeader"};!function(e){const t="s_id-f3eca674d9e8_3_83_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,d.firstChild?d.insertBefore(l,d.firstChild):d.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tableBody {\n  height: calc(100% - var(--table-row-size));\n}\n.tableBody .tableBodyItems::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.tableBody .tableBodyItems::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.tableBody.withHeader {\n  height: 100%;\n  overflow: hidden;\n}");export{e as default};
 //# sourceMappingURL=TableVirtualizedBody.module.scss.js.map

package/dist/mocked_classnames/src/components/Tabs/Tab/Tab.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as e,toConsumableArray as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import r,{forwardRef as i,useRef as s}from"react";import{noop as a}from"es-toolkit";import n from"../../../hooks/useMergeRef.js";import{getStyle as l}from"../../../helpers/typesciptCssModulesHelper.js";import{Icon as c}from"@vibe/icon/mockedClassNames";import{getTestId as d,ComponentDefaultTestId as m}from"../../../tests/testIds.js";import p from"./Tab.module.scss.js";import f from"../../Tooltip/Tooltip.js";import{ComponentVibeId as u}from"../../../tests/constants.js";import{keyCodes as v}from"../../../constants/keyCodes.js";import"../../../constants/sizes.js";var b=i((function(i,b){var y=i.className,j=i.tabInnerClassName,C=i.id,k=i.value,T=void 0===k?0:k,E=i.disabled,I=void 0!==E&&E,N=i.active,h=void 0!==N&&N,A=i.focus,g=void 0!==A&&A,P=i.stretchedUnderline,S=void 0!==P&&P,x=i.onClick,B=void 0===x?a:x,H=i.tooltipProps,z=void 0===H?{}:H,D=i.icon,F=i.iconType,M=i.iconSide,R=void 0===M?"left":M,U=i.children,_=i["data-testid"],w=i.tabIndex,K=i.ariaControls,O=s(null),V=n(b,O);return r.createElement(f,Object.assign({},z,{content:z.content}),r.createElement("li",{ref:V,key:C,className:o(p.tabWrapper,y,e(e(e(e({},p.active,h),p.disabled,I),p.tabFocusVisibleInset,g),p.stretchedUnderline,S)),id:C,role:"tab","aria-selected":h,"aria-disabled":I,"aria-controls":K||void 0,tabIndex:w,"data-testid":_||d(m.TAB,C),"data-vibe":u.TAB,onClick:function(){return!I&&B(T)},onKeyDown:function(e){e.key!==v.ENTER&&e.key!==v.SPACE||(e.preventDefault(),!I&&B(T))}},r.createElement("div",{className:o(p.tabInner,j)},function(){if(!D)return U;var e=r.createElement(c,{ariaHidden:!0,iconType:F,icon:D,className:o(p.tabIcon,l(p,R)),iconSize:18,ignoreFocusStyle:!0}),i=r.Children.toArray(U);return"left"===R?[e].concat(t(i)):[].concat(t(i),[e])}())))}));export{b as default};
+import{defineProperty as e,toConsumableArray as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import r,{forwardRef as s,useRef as i}from"react";import{noop as a}from"es-toolkit";import n from"../../../hooks/useMergeRef.js";import{getStyle as l}from"../../../helpers/typesciptCssModulesHelper.js";import{Icon as c}from"@vibe/icon/mockedClassNames";import{getTestId as d,ComponentDefaultTestId as m}from"../../../tests/testIds.js";import p from"./Tab.module.scss.js";import{Tooltip as f}from"@vibe/tooltip/mockedClassNames";import{ComponentVibeId as u}from"../../../tests/constants.js";import{keyCodes as v}from"../../../constants/keyCodes.js";import"../../../constants/sizes.js";var b=s((function(s,b){var y=s.className,C=s.tabInnerClassName,k=s.id,j=s.value,N=void 0===j?0:j,E=s.disabled,I=void 0!==E&&E,h=s.active,T=void 0!==h&&h,A=s.focus,g=void 0!==A&&A,P=s.stretchedUnderline,S=void 0!==P&&P,x=s.onClick,B=void 0===x?a:x,H=s.tooltipProps,z=void 0===H?{}:H,D=s.icon,F=s.iconType,M=s.iconSide,R=void 0===M?"left":M,U=s.children,_=s["data-testid"],w=s.tabIndex,K=s.ariaControls,O=i(null),V=n(b,O);return r.createElement(f,Object.assign({},z,{content:z.content}),r.createElement("li",{ref:V,key:k,className:o(p.tabWrapper,y,e(e(e(e({},p.active,T),p.disabled,I),p.tabFocusVisibleInset,g),p.stretchedUnderline,S)),id:k,role:"tab","aria-selected":T,"aria-disabled":I,"aria-controls":K||void 0,tabIndex:w,"data-testid":_||d(m.TAB,k),"data-vibe":u.TAB,onClick:function(){return!I&&B(N)},onKeyDown:function(e){e.key!==v.ENTER&&e.key!==v.SPACE||(e.preventDefault(),!I&&B(N))}},r.createElement("div",{className:o(p.tabInner,C)},function(){if(!D)return U;var e=r.createElement(c,{ariaHidden:!0,iconType:F,icon:D,className:o(p.tabIcon,l(p,R)),iconSize:18,ignoreFocusStyle:!0}),s=r.Children.toArray(U);return"left"===R?[e].concat(t(s)):[].concat(t(s),[e])}())))}));export{b as default};
 //# sourceMappingURL=Tab.js.map

package/dist/mocked_classnames/src/components/Tabs/Tab/Tab.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tab.js","sources":["../../../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type FC, forwardRef, type ReactElement, useRef } from \"react\";\nimport { noop as NOOP } from \"es-toolkit\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { Icon, type IconType, type SubIcon } from \"@vibe/icon\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport styles from \"./Tab.module.scss\";\nimport Tooltip, { type TooltipProps } from \"~~../../Tooltip~~/~~Tooltip~~\";\nimport { ComponentVibeId } from \"../../../tests/constants\";\nimport { keyCodes } from \"../../../constants\";\n\nexport interface TabProps extends VibeComponentProps {\n /*\n Class name applied to the inner tab content.\n /\n tabInnerClassName?: string;\n /\n The index value of the tab.\n /\n value?: number;\n /\n If true, disables the tab.\n /\n disabled?: boolean;\n /\n If true, marks the tab as active.\n /\n active?: boolean;\n /\n If true, applies focus styles to the tab.\n /\n focus?: boolean;\n /\n If true, hides the individual tab border when using stretched underline.\n /\n stretchedUnderline?: boolean;\n /\n The icon displayed in the tab.\n /\n icon?: SubIcon;\n /\n The type of icon.\n /\n iconType?: IconType;\n /\n The position of the icon relative to the text.\n /\n iconSide?: string;\n /\n Callback fired when the tab is clicked.\n /\n onClick?: (value: number) => void;\n /\n Props passed to the tab's tooltip.\n /\n tooltipProps?: Partial<TooltipProps>;\n /\n The content displayed inside the tab.\n /\n children?: string \| ReactElement \| ReactElement[];\n /\n Tab index for focus management.\n /\n tabIndex?: number;\n /\n The id of the associated TabPanel for aria-controls attribute.\n */\n ariaControls?: string;\n}\n\nconst Tab: FC<TabProps> = forwardRef(\n (\n {\n className,\n tabInnerClassName,\n id,\n value = 0,\n disabled = false,\n active = false,\n focus = false,\n stretchedUnderline = false,\n onClick = NOOP,\n tooltipProps = {} as TooltipProps,\n icon,\n iconType,\n iconSide = \"left\",\n children,\n \"data-testid\": dataTestId,\n tabIndex,\n ariaControls\n }: TabProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n function renderIconAndChildren() {\n if (!icon) return children;\n\n const iconElement = (\n <Icon\n ariaHidden={true}\n iconType={iconType}\n icon={icon}\n className={cx(styles.tabIcon, getStyle(styles, iconSide))}\n iconSize={18}\n ignoreFocusStyle\n />\n );\n\n const childrenArray = React.Children.toArray(children);\n\n if (iconSide === \"left\") {\n return [iconElement, ...childrenArray];\n }\n\n return [...childrenArray, iconElement];\n }\n\n function handleKeyDown(event: React.KeyboardEvent) {\n if (event.key === keyCodes.ENTER \|\| event.key === keyCodes.SPACE) {\n event.preventDefault();\n !disabled && onClick(value);\n }\n }\n\n return (\n <Tooltip {...tooltipProps} content={tooltipProps.content}>\n <li\n ref={mergedRef}\n key={id}\n className={cx(styles.tabWrapper, className, {\n [styles.active]: active,\n [styles.disabled]: disabled,\n [styles.tabFocusVisibleInset]: focus,\n [styles.stretchedUnderline]: stretchedUnderline\n })}\n id={id}\n role=\"tab\"\n aria-selected={active}\n aria-disabled={disabled}\n aria-controls={ariaControls \|\| undefined}\n tabIndex={tabIndex}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TAB, id)}\n data-vibe={ComponentVibeId.TAB}\n onClick={() => !disabled && onClick(value)}\n onKeyDown={handleKeyDown}\n >\n <div className={cx(styles.tabInner, tabInnerClassName)}>{renderIconAndChildren()}</div>\n </li>\n </Tooltip>\n );\n }\n);\n\nexport default Tab;\n"],"names":["Tab","forwardRef","_ref","ref","className","tabInnerClassName","id","_ref$value","value","_ref$disabled","disabled","_ref$active","active","_ref$focus","focus","_ref$stretchedUnderli","stretchedUnderline","_ref$onClick","onClick","NOOP","_ref$tooltipProps","tooltipProps","icon","iconType","_ref$iconSide","iconSide","children","dataTestId","tabIndex","ariaControls","componentRef","useRef","mergedRef","useMergeRef","React","createElement","Tooltip","Object","assign","content","key","cx","styles","tabWrapper","_defineProperty","tabFocusVisibleInset","role","undefined","getTestId","ComponentDefaultTestId","TAB","ComponentVibeId","onKeyDown","event","keyCodes","ENTER","SPACE","preventDefault","tabInner","iconElement","Icon","ariaHidden","tabIcon","getStyle","iconSize","ignoreFocusStyle","childrenArray","Children","toArray","concat","_toConsumableArray","renderIconAndChildren"],"mappings":"~~2rBAwEMA~~,IAAAA,EAAoBC,GACxB,SAAAC,EAoBEC,GACE,IAnBAC,EAASF,EAATE,UACAC,EAAiBH,EAAjBG,kBACAC,EAAEJ,EAAFI,GAAEC,EAAAL,EACFM,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAAAE,EAAAP,EACTQ,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAT,EAChBU,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAAX,EACdY,MAAAA,OAAQ,IAAHD,GAAQA,EAAAE,EAAAb,EACbc,mBAAAA,OAAqB,IAAHD,GAAQA,EAAAE,EAAAf,EAC1BgB,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAlB,EACdmB,aAAAA,OAAY,IAAAD,EAAG,CAAkB,EAAAA,EACjCE,EAAIpB,EAAJoB,KACAC,EAAQrB,EAARqB,SAAQC,EAAAtB,EACRuB,SAAAA,OAAW,IAAHD,EAAG,OAAMA,EACjBE,EAAQxB,EAARwB,SACeC,EAAUzB,EAAzB,eACA0B,EAAQ1B,EAAR0B,SACAC,EAAY3B,EAAZ2B,aAIIC,EAAeC,EAAO,MACtBC,EAAYC,EAAY9B,EAAK2B,GAgCnC,OACEI,EAACC,cAAAC,EAAYC,OAAAC,OAAA,CAAA,EAAAjB,GAAckB,QAASlB,EAAakB,UAC/CL,EAAAC,cAAA,KAAA,CACEhC,IAAK6B,EACLQ,IAAKlC,EACLF,UAAWqC,EAAGC,EAAOC,WAAYvC,EAASwC,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EACvCF,EAAO9B,OAASA,GAChB8B,EAAOhC,SAAWA,GAClBgC,EAAOG,qBAAuB/B,GAC9B4B,EAAO1B,mBAAqBA,IAE/BV,GAAIA,EACJwC,KAAK,MAAK,gBACKlC,EAAM,gBACNF,EACA,gBAAAmB,QAAgBkB,EAC/BnB,SAAUA,EAAQ,cACLD,GAAcqB,EAAUC,EAAuBC,IAAK5C,GAAG,YACzD6C,EAAgBD,IAC3BhC,QAAS,WAAA,OAAOR,GAAYQ,EAAQV,EAAM,EAC1C4C,UA3BN,SAAuBC,GACjBA,EAAMb,MAAQc,EAASC,OAASF,EAAMb,MAAQc,EAASE,QACzDH,EAAMI,kBACL/C,GAAYQ,EAAQV,GAEzB,GAwBM0B,EAAAC,cAAA,MAAA,CAAK/B,UAAWqC,EAAGC,EAAOgB,SAAUrD,IApD1C,WACE,IAAKiB,EAAM,OAAOI,EAElB,IAAMiC,EACJzB,gBAAC0B,EAAI,CACHC,YAAY,EACZtC,SAAUA,EACVD,KAAMA,EACNlB,UAAWqC,EAAGC,EAAOoB,QAASC,EAASrB,EAAQjB,IAC/CuC,SAAU,GACVC,kBAAgB,IAIdC,EAAgBhC,EAAMiC,SAASC,QAAQ1C,GAE7C,MAAiB,SAAbD,EACF,CAAQkC,GAAWU,OAAAC,EAAKJ,IAG1B,GAAAG,OAAAC,EAAWJ,IAAeP,GAC5B,CA+B+DY,KAIjE"}
1	+ {"version":3,"file":"Tab.js","sources":["../../../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type FC, forwardRef, type ReactElement, useRef } from \"react\";\nimport { noop as NOOP } from \"es-toolkit\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { Icon, type IconType, type SubIcon } from \"@vibe/icon\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport styles from \"./Tab.module.scss\";\nimport { Tooltip, type TooltipProps } from \"@vibe/tooltip\";\nimport { ComponentVibeId } from \"../../../tests/constants\";\nimport { keyCodes } from \"../../../constants\";\n\nexport interface TabProps extends VibeComponentProps {\n /*\n Class name applied to the inner tab content.\n /\n tabInnerClassName?: string;\n /\n The index value of the tab.\n /\n value?: number;\n /\n If true, disables the tab.\n /\n disabled?: boolean;\n /\n If true, marks the tab as active.\n /\n active?: boolean;\n /\n If true, applies focus styles to the tab.\n /\n focus?: boolean;\n /\n If true, hides the individual tab border when using stretched underline.\n /\n stretchedUnderline?: boolean;\n /\n The icon displayed in the tab.\n /\n icon?: SubIcon;\n /\n The type of icon.\n /\n iconType?: IconType;\n /\n The position of the icon relative to the text.\n /\n iconSide?: string;\n /\n Callback fired when the tab is clicked.\n /\n onClick?: (value: number) => void;\n /\n Props passed to the tab's tooltip.\n /\n tooltipProps?: Partial<TooltipProps>;\n /\n The content displayed inside the tab.\n /\n children?: string \| ReactElement \| ReactElement[];\n /\n Tab index for focus management.\n /\n tabIndex?: number;\n /\n The id of the associated TabPanel for aria-controls attribute.\n */\n ariaControls?: string;\n}\n\nconst Tab: FC<TabProps> = forwardRef(\n (\n {\n className,\n tabInnerClassName,\n id,\n value = 0,\n disabled = false,\n active = false,\n focus = false,\n stretchedUnderline = false,\n onClick = NOOP,\n tooltipProps = {} as TooltipProps,\n icon,\n iconType,\n iconSide = \"left\",\n children,\n \"data-testid\": dataTestId,\n tabIndex,\n ariaControls\n }: TabProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n function renderIconAndChildren() {\n if (!icon) return children;\n\n const iconElement = (\n <Icon\n ariaHidden={true}\n iconType={iconType}\n icon={icon}\n className={cx(styles.tabIcon, getStyle(styles, iconSide))}\n iconSize={18}\n ignoreFocusStyle\n />\n );\n\n const childrenArray = React.Children.toArray(children);\n\n if (iconSide === \"left\") {\n return [iconElement, ...childrenArray];\n }\n\n return [...childrenArray, iconElement];\n }\n\n function handleKeyDown(event: React.KeyboardEvent) {\n if (event.key === keyCodes.ENTER \|\| event.key === keyCodes.SPACE) {\n event.preventDefault();\n !disabled && onClick(value);\n }\n }\n\n return (\n <Tooltip {...tooltipProps} content={tooltipProps.content}>\n <li\n ref={mergedRef}\n key={id}\n className={cx(styles.tabWrapper, className, {\n [styles.active]: active,\n [styles.disabled]: disabled,\n [styles.tabFocusVisibleInset]: focus,\n [styles.stretchedUnderline]: stretchedUnderline\n })}\n id={id}\n role=\"tab\"\n aria-selected={active}\n aria-disabled={disabled}\n aria-controls={ariaControls \|\| undefined}\n tabIndex={tabIndex}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TAB, id)}\n data-vibe={ComponentVibeId.TAB}\n onClick={() => !disabled && onClick(value)}\n onKeyDown={handleKeyDown}\n >\n <div className={cx(styles.tabInner, tabInnerClassName)}>{renderIconAndChildren()}</div>\n </li>\n </Tooltip>\n );\n }\n);\n\nexport default Tab;\n"],"names":["Tab","forwardRef","_ref","ref","className","tabInnerClassName","id","_ref$value","value","_ref$disabled","disabled","_ref$active","active","_ref$focus","focus","_ref$stretchedUnderli","stretchedUnderline","_ref$onClick","onClick","NOOP","_ref$tooltipProps","tooltipProps","icon","iconType","_ref$iconSide","iconSide","children","dataTestId","tabIndex","ariaControls","componentRef","useRef","mergedRef","useMergeRef","React","createElement","Tooltip","Object","assign","content","key","cx","styles","tabWrapper","_defineProperty","tabFocusVisibleInset","role","undefined","getTestId","ComponentDefaultTestId","TAB","ComponentVibeId","onKeyDown","event","keyCodes","ENTER","SPACE","preventDefault","tabInner","iconElement","Icon","ariaHidden","tabIcon","getStyle","iconSize","ignoreFocusStyle","childrenArray","Children","toArray","concat","_toConsumableArray","renderIconAndChildren"],"mappings":"4sBAwEMA,IAAAA,EAAoBC,GACxB,SAAAC,EAoBEC,GACE,IAnBAC,EAASF,EAATE,UACAC,EAAiBH,EAAjBG,kBACAC,EAAEJ,EAAFI,GAAEC,EAAAL,EACFM,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAAAE,EAAAP,EACTQ,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAT,EAChBU,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAAX,EACdY,MAAAA,OAAQ,IAAHD,GAAQA,EAAAE,EAAAb,EACbc,mBAAAA,OAAqB,IAAHD,GAAQA,EAAAE,EAAAf,EAC1BgB,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAlB,EACdmB,aAAAA,OAAY,IAAAD,EAAG,CAAkB,EAAAA,EACjCE,EAAIpB,EAAJoB,KACAC,EAAQrB,EAARqB,SAAQC,EAAAtB,EACRuB,SAAAA,OAAW,IAAHD,EAAG,OAAMA,EACjBE,EAAQxB,EAARwB,SACeC,EAAUzB,EAAzB,eACA0B,EAAQ1B,EAAR0B,SACAC,EAAY3B,EAAZ2B,aAIIC,EAAeC,EAAO,MACtBC,EAAYC,EAAY9B,EAAK2B,GAgCnC,OACEI,EAACC,cAAAC,EAAYC,OAAAC,OAAA,CAAA,EAAAjB,GAAckB,QAASlB,EAAakB,UAC/CL,EAAAC,cAAA,KAAA,CACEhC,IAAK6B,EACLQ,IAAKlC,EACLF,UAAWqC,EAAGC,EAAOC,WAAYvC,EAASwC,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EACvCF,EAAO9B,OAASA,GAChB8B,EAAOhC,SAAWA,GAClBgC,EAAOG,qBAAuB/B,GAC9B4B,EAAO1B,mBAAqBA,IAE/BV,GAAIA,EACJwC,KAAK,MAAK,gBACKlC,EAAM,gBACNF,EACA,gBAAAmB,QAAgBkB,EAC/BnB,SAAUA,EAAQ,cACLD,GAAcqB,EAAUC,EAAuBC,IAAK5C,GAAG,YACzD6C,EAAgBD,IAC3BhC,QAAS,WAAA,OAAOR,GAAYQ,EAAQV,EAAM,EAC1C4C,UA3BN,SAAuBC,GACjBA,EAAMb,MAAQc,EAASC,OAASF,EAAMb,MAAQc,EAASE,QACzDH,EAAMI,kBACL/C,GAAYQ,EAAQV,GAEzB,GAwBM0B,EAAAC,cAAA,MAAA,CAAK/B,UAAWqC,EAAGC,EAAOgB,SAAUrD,IApD1C,WACE,IAAKiB,EAAM,OAAOI,EAElB,IAAMiC,EACJzB,gBAAC0B,EAAI,CACHC,YAAY,EACZtC,SAAUA,EACVD,KAAMA,EACNlB,UAAWqC,EAAGC,EAAOoB,QAASC,EAASrB,EAAQjB,IAC/CuC,SAAU,GACVC,kBAAgB,IAIdC,EAAgBhC,EAAMiC,SAASC,QAAQ1C,GAE7C,MAAiB,SAAbD,EACF,CAAQkC,GAAWU,OAAAC,EAAKJ,IAG1B,GAAAG,OAAAC,EAAWJ,IAAeP,GAC5B,CA+B+DY,KAIjE"}

package/dist/mocked_classnames/src/components/Tabs/Tab/Tab.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={tabWrapper:"tabWrapper",stretchedUnderline:"stretchedUnderline",tabInner:"tabInner",tabIcon:"tabIcon",right:"right",tabFocusVisibleInset:"tabFocusVisibleInset",active:"active",disabled:"disabled"};!function(n){const e="s_id-304dfa4df00e_3_82_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.tabWrapper {\n  position: relative;\n  display: inline-block;\n  padding-left: 1px;\n  padding-right: 1px;\n  border-top: 1px solid transparent;\n  border-bottom: 2px solid;\n  border-bottom-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n  text-align: center;\n  height: 100%;\n  margin: 0;\n}\n.tabWrapper.stretchedUnderline {\n  border-bottom: 0;\n}\n.tabWrapper:after {\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  content: "";\n  border-bottom: solid 2px;\n  border-bottom-color: var(--primary-color);\n  transform: scaleX(0);\n  z-index: 0;\n}\n.tabWrapper .tabInner {\n  height: calc(100% - 1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  padding: 4px 16px;\n  font: var(--font-text1-normal);\n  user-select: none;\n  margin-bottom: 1px;\n  cursor: pointer;\n  color: var(--primary-text-color);\n}\n.tabWrapper .tabInner:focus {\n  outline: none;\n}\n.tabWrapper .tabInner .tabIcon {\n  color: var(--icon-color);\n  margin-right: var(--spacing-small);\n}\n.tabWrapper .tabInner .tabIcon.right {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n.tabWrapper.tabFocusVisibleInset {\n  outline: none;\n  z-index: 11;\n  border-radius: 3px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  position: relative;\n}\n.tabWrapper.active:after {\n  transform: scaleX(1);\n  transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.tabWrapper.disabled .tabInner {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.tabWrapper:not(.disabled) .tabInner:hover {\n  border-radius: 4px;\n  background-color: var(--primary-background-hover-color);\n}');export{n as default};
+var n={tabWrapper:"tabWrapper",stretchedUnderline:"stretchedUnderline",tabInner:"tabInner",tabIcon:"tabIcon",right:"right",tabFocusVisibleInset:"tabFocusVisibleInset",active:"active",disabled:"disabled"};!function(n){const e="s_id-304dfa4df00e_3_83_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.tabWrapper {\n  position: relative;\n  display: inline-block;\n  padding-left: 1px;\n  padding-right: 1px;\n  border-top: 1px solid transparent;\n  border-bottom: 2px solid;\n  border-bottom-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n  text-align: center;\n  height: 100%;\n  margin: 0;\n}\n.tabWrapper.stretchedUnderline {\n  border-bottom: 0;\n}\n.tabWrapper:after {\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  content: "";\n  border-bottom: solid 2px;\n  border-bottom-color: var(--primary-color);\n  transform: scaleX(0);\n  z-index: 0;\n}\n.tabWrapper .tabInner {\n  height: calc(100% - 1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  padding: 4px 16px;\n  font: var(--font-text1-normal);\n  user-select: none;\n  margin-bottom: 1px;\n  cursor: pointer;\n  color: var(--primary-text-color);\n}\n.tabWrapper .tabInner:focus {\n  outline: none;\n}\n.tabWrapper .tabInner .tabIcon {\n  color: var(--icon-color);\n  margin-right: var(--spacing-small);\n}\n.tabWrapper .tabInner .tabIcon.right {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n.tabWrapper.tabFocusVisibleInset {\n  outline: none;\n  z-index: 11;\n  border-radius: 3px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  position: relative;\n}\n.tabWrapper.active:after {\n  transform: scaleX(1);\n  transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.tabWrapper.disabled .tabInner {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.tabWrapper:not(.disabled) .tabInner:hover {\n  border-radius: 4px;\n  background-color: var(--primary-background-hover-color);\n}');export{n as default};
 //# sourceMappingURL=Tab.module.scss.js.map

package/dist/mocked_classnames/src/components/Tabs/TabList/TabList.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tabsWrapper:"tabsWrapper",tabsList:"tabsList",sm:"sm",lg:"lg",stretched:"stretched",tabListTabWrapper:"tabListTabWrapper",tabListTabInner:"tabListTabInner",disabled:"disabled",stretchedUnderline:"stretchedUnderline"};!function(e){const t="s_id-1dd2e005bc2f_3_82_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const s=document.createElement("style");s.id=t,n.firstChild?n.insertBefore(s,n.firstChild):n.appendChild(s),s.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tabsWrapper .tabsList {\n  display: flex;\n  flex-direction: row;\n  list-style-type: none;\n  font-size: 0;\n  position: relative;\n  height: 40px;\n  outline: none;\n  padding: 0;\n}\n.tabsWrapper .tabsList.sm {\n  height: 32px;\n}\n.tabsWrapper .tabsList.lg {\n  height: 48px;\n}\n.tabsWrapper.stretched .tabsList {\n  width: 100%;\n}\n.tabsWrapper.stretched .tabsList .tabListTabWrapper {\n  width: 100%;\n}\n.tabsWrapper.stretched .tabsList .tabListTabWrapper .tabListTabInner {\n  width: 100%;\n}\n.tabsWrapper.disabled {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}\n.tabsWrapper.stretchedUnderline {\n  border-bottom: 2px solid var(--ui-background-color);\n}");export{e as default};
+var e={tabsWrapper:"tabsWrapper",tabsList:"tabsList",sm:"sm",lg:"lg",stretched:"stretched",tabListTabWrapper:"tabListTabWrapper",tabListTabInner:"tabListTabInner",disabled:"disabled",stretchedUnderline:"stretchedUnderline"};!function(e){const t="s_id-1dd2e005bc2f_3_83_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const s=document.createElement("style");s.id=t,n.firstChild?n.insertBefore(s,n.firstChild):n.appendChild(s),s.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tabsWrapper .tabsList {\n  display: flex;\n  flex-direction: row;\n  list-style-type: none;\n  font-size: 0;\n  position: relative;\n  height: 40px;\n  outline: none;\n  padding: 0;\n}\n.tabsWrapper .tabsList.sm {\n  height: 32px;\n}\n.tabsWrapper .tabsList.lg {\n  height: 48px;\n}\n.tabsWrapper.stretched .tabsList {\n  width: 100%;\n}\n.tabsWrapper.stretched .tabsList .tabListTabWrapper {\n  width: 100%;\n}\n.tabsWrapper.stretched .tabsList .tabListTabWrapper .tabListTabInner {\n  width: 100%;\n}\n.tabsWrapper.disabled {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}\n.tabsWrapper.stretchedUnderline {\n  border-bottom: 2px solid var(--ui-background-color);\n}");export{e as default};
 //# sourceMappingURL=TabList.module.scss.js.map

package/dist/mocked_classnames/src/components/Tabs/TabPanel/TabPanel.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tabPanelWrapper:"tabPanelWrapper"};!function(e){const t="s_id-82244d4a2f7b_3_82_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabPanelWrapper {\n  color: var(--primary-text-color);\n}");export{e as default};
+var e={tabPanelWrapper:"tabPanelWrapper"};!function(e){const t="s_id-82244d4a2f7b_3_83_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabPanelWrapper {\n  color: var(--primary-text-color);\n}");export{e as default};
 //# sourceMappingURL=TabPanel.module.scss.js.map

package/dist/mocked_classnames/src/components/Tabs/TabPanels/TabPanels.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={tabPanelsWrapper:"tabPanelsWrapper",tabPanel:"tabPanel",animationDirectionRtl:"animationDirectionRtl",animationDirectionLtr:"animationDirectionLtr",active:"active",panelSlideIn:"panelSlideIn"};!function(n){const e="s_id-078bacbdb1e4_3_82_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.tabPanelsWrapper .tabPanel {\n  display: none;\n}\n.tabPanelsWrapper .tabPanel.animationDirectionRtl {\n  transform: translateX(8px);\n}\n.tabPanelsWrapper .tabPanel.animationDirectionLtr {\n  transform: translateX(-8px);\n}\n.tabPanelsWrapper .tabPanel.active {\n  display: block;\n  animation: panelSlideIn var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n@keyframes panelSlideIn {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{n as default};
+var n={tabPanelsWrapper:"tabPanelsWrapper",tabPanel:"tabPanel",animationDirectionRtl:"animationDirectionRtl",animationDirectionLtr:"animationDirectionLtr",active:"active",panelSlideIn:"panelSlideIn"};!function(n){const e="s_id-078bacbdb1e4_3_83_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.tabPanelsWrapper .tabPanel {\n  display: none;\n}\n.tabPanelsWrapper .tabPanel.animationDirectionRtl {\n  transform: translateX(8px);\n}\n.tabPanelsWrapper .tabPanel.animationDirectionLtr {\n  transform: translateX(-8px);\n}\n.tabPanelsWrapper .tabPanel.active {\n  display: block;\n  animation: panelSlideIn var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n@keyframes panelSlideIn {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{n as default};
 //# sourceMappingURL=TabPanels.module.scss.js.map

package/dist/mocked_classnames/src/components/TextArea/TextArea.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as a}from"../../../_virtual/_tslib.js";import r,{forwardRef as s,useMemo as l,useState as i,useCallback as o}from"react";import n from"classnames";import{getTestId as m}from"../../tests/testIds.js";import{ComponentDefaultTestId as d,ComponentVibeId as c}from"../../tests/constants.js";import u from"./TextArea.module.scss.js";import x from"../Text/Text.js";import{Flex as p}from"@vibe/layout/mockedClassNames";import f from"../HiddenText/HiddenText.js";var h={small:3,large:4},b=s((function(s,b){var g=s.size,v=void 0===g?"small":g,T=s.rows,E=s.label,y=s.helpText,j=s.success,w=s.error,C=s.className,N=s["data-testid"],A=s.id,_=s.disabled,z=s.readOnly,L=s.required,O=s.maxLength,q=s.allowExceedingMaxLength,H=s.onChange,F=s.value,M=s.resize,P=void 0===M||M,R=s.showCharCount,X=void 0!==R&&R,k=a(s,["size","rows","label","helpText","success","error","className","data-testid","id","disabled","readOnly","required","maxLength","allowExceedingMaxLength","onChange","value","resize","showCharCount"]),B=T||h[v],I=y&&"".concat(A,"-help-text"),W=q&&"".concat(A,"-allow-exceeding-max-length"),D=l((function(){return[I,W].filter((function(e){return!!e})).join(" ")||void 0}),[I,W]),G=i((null==F?void 0:F.length)||0),J=e(G,2),K=J[0],Q=J[1],S=w||"number"==typeof O&&K>O,U=o((function(e){Q(e.target.value.length),null==H||H(e)}),[H]);return r.createElement("div",{className:n(u.textAreaWrapper,t(t(t(t({},u.error,S),u.success,j),u.disabled,_),u.readOnly,z),C),"data-testid":N||m(d.TEXT_AREA,A),"data-vibe":c.TEXT_AREA},E&&r.createElement("label",{className:n(u.label,t({},u.required,L)),htmlFor:A},E),r.createElement("textarea",Object.assign({},k,{id:A,maxLength:"number"!=typeof O||q?void 0:O,ref:b,value:F,disabled:_,readOnly:z,required:L,rows:B,className:n(u.textArea,[u[v]],t({},u.resize,P)),"aria-invalid":S,"aria-describedby":D,onChange:U})),(X||y)&&r.createElement(p,{gap:"xs",justify:"space-between",className:n(u.subTextContainer)},y&&r.createElement(x,{className:n(u.helpText),color:"inherit",id:I},y),X&&r.createElement(r.Fragment,null,r.createElement(x,{className:u.limitText},K,"number"==typeof O&&"/".concat(O)),r.createElement(f,{id:W,text:"".concat(K," out of ").concat(O)}))))}));export{b as default};
+import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as a}from"../../../_virtual/_tslib.js";import r,{forwardRef as s,useMemo as l,useState as o,useCallback as i}from"react";import n from"classnames";import{getTestId as m}from"../../tests/testIds.js";import{ComponentDefaultTestId as d,ComponentVibeId as c}from"../../tests/constants.js";import u from"./TextArea.module.scss.js";import{Text as p}from"@vibe/typography/mockedClassNames";import{Flex as x}from"@vibe/layout/mockedClassNames";import f from"../HiddenText/HiddenText.js";var h={small:3,large:4},b=s((function(s,b){var g=s.size,v=void 0===g?"small":g,y=s.rows,E=s.label,T=s.helpText,C=s.success,N=s.error,j=s.className,w=s["data-testid"],A=s.id,_=s.disabled,z=s.readOnly,L=s.required,O=s.maxLength,q=s.allowExceedingMaxLength,H=s.onChange,k=s.value,F=s.resize,M=void 0===F||F,P=s.showCharCount,R=void 0!==P&&P,X=a(s,["size","rows","label","helpText","success","error","className","data-testid","id","disabled","readOnly","required","maxLength","allowExceedingMaxLength","onChange","value","resize","showCharCount"]),B=y||h[v],I=T&&"".concat(A,"-help-text"),W=q&&"".concat(A,"-allow-exceeding-max-length"),D=l((function(){return[I,W].filter((function(e){return!!e})).join(" ")||void 0}),[I,W]),G=o((null==k?void 0:k.length)||0),J=e(G,2),K=J[0],Q=J[1],S=N||"number"==typeof O&&K>O,U=i((function(e){Q(e.target.value.length),null==H||H(e)}),[H]);return r.createElement("div",{className:n(u.textAreaWrapper,t(t(t(t({},u.error,S),u.success,C),u.disabled,_),u.readOnly,z),j),"data-testid":w||m(d.TEXT_AREA,A),"data-vibe":c.TEXT_AREA},E&&r.createElement("label",{className:n(u.label,t({},u.required,L)),htmlFor:A},E),r.createElement("textarea",Object.assign({},X,{id:A,maxLength:"number"!=typeof O||q?void 0:O,ref:b,value:k,disabled:_,readOnly:z,required:L,rows:B,className:n(u.textArea,[u[v]],t({},u.resize,M)),"aria-invalid":S,"aria-describedby":D,onChange:U})),(R||T)&&r.createElement(x,{gap:"xs",justify:"space-between",className:n(u.subTextContainer)},T&&r.createElement(p,{className:n(u.helpText),color:"inherit",id:I},T),R&&r.createElement(r.Fragment,null,r.createElement(p,{className:u.limitText},K,"number"==typeof O&&"/".concat(O)),r.createElement(f,{id:W,text:"".concat(K," out of ").concat(O)}))))}));export{b as default};
 //# sourceMappingURL=TextArea.js.map