npm - @vibe/core - Versions diffs - 4.0.0-alpha.1 → 4.0.0-alpha.2 - Mend

@vibe/core 4.0.0-alpha.1 → 4.0.0-alpha.2

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 (1406) hide show

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

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

@@ -1,2 +1,2 @@
-var e={infix:"infix_39fd5e955f",txt:"txt_7fc28a72ed",prefix:"prefix_4006417eb3",postfix:"postfix_b0643c4840"};!function(e){const n="s_id-a0238067a712_4_0_0-alpha_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_39fd5e955f {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt_7fc28a72ed {\n  white-space: nowrap;\n}\n\n.prefix_4006417eb3 {\n  margin-inline-end: var(--space-8);\n}\n\n.postfix_b0643c4840 {\n  margin-inline-start: var(--space-8);\n}");export{e as default};
+var e={infix:"infix_884923af3b",txt:"txt_3901741f46",prefix:"prefix_0e5fdd4398",postfix:"postfix_d756b42ab4"};!function(e){const n="s_id-a0238067a712_4_0_0-alpha_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".infix_884923af3b {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt_3901741f46 {\n  white-space: nowrap;\n}\n\n.prefix_0e5fdd4398 {\n  margin-inline-end: var(--space-8);\n}\n\n.postfix_d756b42ab4 {\n  margin-inline-start: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=SliderInfix.module.scss.js.map

package/dist/src/components/Slider/SliderInfixHooks.js.map CHANGED Viewed

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

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

@@ -1,2 +1,2 @@
-var e={button:"button_ab2ac47e9e",mainButton:"mainButton_2ade24348b",secondaryButton:"secondaryButton_ce1114e9d5",secondaryButtonWrapper:"secondaryButtonWrapper_44c2d172a8",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_1f2762d383",active:"active_94f4549a98",disabled:"disabled_2750476300",kindTertiary:"kindTertiary_050bce00ed",colorPrimary:"colorPrimary_050bce00ed",mainActive:"mainActive_b2aa6c5794",splitContentOpen:"splitContentOpen_88eafafb7e",hovered:"hovered_e235908ebd",colorBrand:"colorBrand_b2aa6c5794",colorPositive:"colorPositive_a54c589178",colorNegative:"colorNegative_a54c589178",kindPrimary:"kindPrimary_500ecbe800",colorOnPrimaryColor:"colorOnPrimaryColor_1adf6ed387",kindSecondary:"kindSecondary_a54c589178"};!function(e){const n="s_id-de44e8b791c3_4_0_0-alpha_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".button_ab2ac47e9e {\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_ab2ac47e9e .mainButton_2ade24348b {\n  margin-inline-end: 0;\n}\n\n.button_ab2ac47e9e .secondaryButton_ce1114e9d5 {\n  margin-inline-start: 0;\n}\n\n.secondaryButtonWrapper_44c2d172a8 .secondaryButtonIconWrapper_1f2762d383 {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active_94f4549a98 {\n  transform: scale(0.95);\n}\n\n.disabled_2750476300 {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary_050bce00ed.colorPrimary_050bce00ed.mainActive_b2aa6c5794 .mainButton_2ade24348b {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_050bce00ed.colorPrimary_050bce00ed.mainActive_b2aa6c5794 .mainButton_2ade24348b:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_050bce00ed.colorPrimary_050bce00ed.mainActive_b2aa6c5794 .secondaryButton_ce1114e9d5 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_050bce00ed.colorPrimary_050bce00ed.mainActive_b2aa6c5794 .secondaryButton_ce1114e9d5:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_050bce00ed.colorPrimary_050bce00ed.mainActive_b2aa6c5794.splitContentOpen_88eafafb7e.splitContentOpen_88eafafb7e .secondaryButton_ce1114e9d5,\n.kindTertiary_050bce00ed.colorPrimary_050bce00ed.mainActive_b2aa6c5794.splitContentOpen_88eafafb7e.splitContentOpen_88eafafb7e .secondaryButton_ce1114e9d5:hover,\n.kindTertiary_050bce00ed.colorPrimary_050bce00ed.mainActive_b2aa6c5794.hovered_e235908ebd.splitContentOpen_88eafafb7e .secondaryButton_ce1114e9d5,\n.kindTertiary_050bce00ed.colorPrimary_050bce00ed.mainActive_b2aa6c5794.hovered_e235908ebd.splitContentOpen_88eafafb7e .secondaryButton_ce1114e9d5:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary_050bce00ed.colorBrand_b2aa6c5794.mainActive_b2aa6c5794 .mainButton_2ade24348b {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_050bce00ed.colorBrand_b2aa6c5794.mainActive_b2aa6c5794 .secondaryButton_ce1114e9d5 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_050bce00ed.colorBrand_b2aa6c5794.mainActive_b2aa6c5794.splitContentOpen_88eafafb7e.splitContentOpen_88eafafb7e .secondaryButton_ce1114e9d5,\n.kindTertiary_050bce00ed.colorBrand_b2aa6c5794.mainActive_b2aa6c5794.splitContentOpen_88eafafb7e.splitContentOpen_88eafafb7e .secondaryButton_ce1114e9d5:hover,\n.kindTertiary_050bce00ed.colorBrand_b2aa6c5794.mainActive_b2aa6c5794.hovered_e235908ebd.splitContentOpen_88eafafb7e .secondaryButton_ce1114e9d5,\n.kindTertiary_050bce00ed.colorBrand_b2aa6c5794.mainActive_b2aa6c5794.hovered_e235908ebd.splitContentOpen_88eafafb7e .secondaryButton_ce1114e9d5:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary_050bce00ed.colorPositive_a54c589178.splitContentOpen_88eafafb7e .secondaryButton_ce1114e9d5,\n.kindTertiary_050bce00ed.colorPositive_a54c589178:hover .secondaryButton_ce1114e9d5,\n.kindTertiary_050bce00ed.colorPositive_a54c589178:focus .secondaryButton_ce1114e9d5 {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_050bce00ed.colorPositive_a54c589178.splitContentOpen_88eafafb7e .mainButton_2ade24348b,\n.kindTertiary_050bce00ed.colorPositive_a54c589178:hover .mainButton_2ade24348b,\n.kindTertiary_050bce00ed.colorPositive_a54c589178:focus .mainButton_2ade24348b {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_050bce00ed.colorNegative_a54c589178.splitContentOpen_88eafafb7e .secondaryButton_ce1114e9d5,\n.kindTertiary_050bce00ed.colorNegative_a54c589178:hover .secondaryButton_ce1114e9d5,\n.kindTertiary_050bce00ed.colorNegative_a54c589178:focus .secondaryButton_ce1114e9d5 {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_050bce00ed.colorNegative_a54c589178.splitContentOpen_88eafafb7e .mainButton_2ade24348b,\n.kindTertiary_050bce00ed.colorNegative_a54c589178:hover .mainButton_2ade24348b,\n.kindTertiary_050bce00ed.colorNegative_a54c589178:focus .mainButton_2ade24348b {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_050bce00ed .secondaryButton_ce1114e9d5 {\n  border-inline-start: 1px solid transparent;\n  margin-inline-start: 1px;\n}\n\n.kindPrimary_500ecbe800.disabled_2750476300 .secondaryButton_ce1114e9d5 {\n  border-inline-start: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary_500ecbe800:not(.disabled_2750476300).colorPrimary_050bce00ed.mainActive_b2aa6c5794 .secondaryButton_ce1114e9d5 {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_500ecbe800:not(.disabled_2750476300).colorPrimary_050bce00ed .secondaryButton_ce1114e9d5 {\n  border-inline-start: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_500ecbe800:not(.disabled_2750476300).colorBrand_b2aa6c5794.mainActive_b2aa6c5794 .secondaryButton_ce1114e9d5 {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_500ecbe800:not(.disabled_2750476300).colorBrand_b2aa6c5794 .secondaryButton_ce1114e9d5 {\n  border-inline-start: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_500ecbe800:not(.disabled_2750476300).colorPositive_a54c589178 .secondaryButton_ce1114e9d5 {\n  border-inline-start: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_500ecbe800:not(.disabled_2750476300).colorNegative_a54c589178 .secondaryButton_ce1114e9d5 {\n  border-inline-start: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_500ecbe800:not(.disabled_2750476300).colorOnPrimaryColor_1adf6ed387 .secondaryButton_ce1114e9d5 {\n  border-inline-start: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_a54c589178 .mainButton_2ade24348b {\n  border-inline-end: none;\n}\n\n.kindSecondary_a54c589178.colorPrimary_050bce00ed.mainActive_b2aa6c5794 .mainButton_2ade24348b {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_a54c589178.colorPrimary_050bce00ed.mainActive_b2aa6c5794 .mainButton_2ade24348b:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_a54c589178.colorPrimary_050bce00ed.mainActive_b2aa6c5794 .secondaryButton_ce1114e9d5 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary_a54c589178.colorPrimary_050bce00ed.splitContentOpen_88eafafb7e .secondaryButton_ce1114e9d5 {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_a54c589178.colorPrimary_050bce00ed.splitContentOpen_88eafafb7e .secondaryButton_ce1114e9d5:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_a54c589178.colorBrand_b2aa6c5794.mainActive_b2aa6c5794 .mainButton_2ade24348b {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_a54c589178.colorBrand_b2aa6c5794.mainActive_b2aa6c5794 .secondaryButton_ce1114e9d5 {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary_a54c589178.colorBrand_b2aa6c5794.splitContentOpen_88eafafb7e .secondaryButton_ce1114e9d5,\n.kindSecondary_a54c589178.colorBrand_b2aa6c5794.splitContentOpen_88eafafb7e .secondaryButton_ce1114e9d5:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{e as default};
+var e={button:"button_e55916d7e5",mainButton:"mainButton_b2a8897db6",secondaryButton:"secondaryButton_4ebdf71e0b",secondaryButtonWrapper:"secondaryButtonWrapper_3db8ca4867",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_fd498bcce1",active:"active_3399bbd0ec",disabled:"disabled_d2984b52f8",kindTertiary:"kindTertiary_08e02a00a2",colorPrimary:"colorPrimary_08e02a00a2",mainActive:"mainActive_f3808de157",splitContentOpen:"splitContentOpen_9f8e6180b5",hovered:"hovered_69d8c02eff",colorBrand:"colorBrand_f3808de157",colorPositive:"colorPositive_dbf94314e9",colorNegative:"colorNegative_dbf94314e9",kindPrimary:"kindPrimary_32c6cf11ce",colorOnPrimaryColor:"colorOnPrimaryColor_6a7036165f",kindSecondary:"kindSecondary_dbf94314e9"};!function(e){const n="s_id-de44e8b791c3_4_0_0-alpha_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".button_e55916d7e5 {\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_e55916d7e5 .mainButton_b2a8897db6 {\n  margin-inline-end: 0;\n}\n\n.button_e55916d7e5 .secondaryButton_4ebdf71e0b {\n  margin-inline-start: 0;\n}\n\n.secondaryButtonWrapper_3db8ca4867 .secondaryButtonIconWrapper_fd498bcce1 {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active_3399bbd0ec {\n  transform: scale(0.95);\n}\n\n.disabled_d2984b52f8 {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary_08e02a00a2.colorPrimary_08e02a00a2.mainActive_f3808de157 .mainButton_b2a8897db6 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_08e02a00a2.colorPrimary_08e02a00a2.mainActive_f3808de157 .mainButton_b2a8897db6:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_08e02a00a2.colorPrimary_08e02a00a2.mainActive_f3808de157 .secondaryButton_4ebdf71e0b {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_08e02a00a2.colorPrimary_08e02a00a2.mainActive_f3808de157 .secondaryButton_4ebdf71e0b:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_08e02a00a2.colorPrimary_08e02a00a2.mainActive_f3808de157.splitContentOpen_9f8e6180b5.splitContentOpen_9f8e6180b5 .secondaryButton_4ebdf71e0b,\n.kindTertiary_08e02a00a2.colorPrimary_08e02a00a2.mainActive_f3808de157.splitContentOpen_9f8e6180b5.splitContentOpen_9f8e6180b5 .secondaryButton_4ebdf71e0b:hover,\n.kindTertiary_08e02a00a2.colorPrimary_08e02a00a2.mainActive_f3808de157.hovered_69d8c02eff.splitContentOpen_9f8e6180b5 .secondaryButton_4ebdf71e0b,\n.kindTertiary_08e02a00a2.colorPrimary_08e02a00a2.mainActive_f3808de157.hovered_69d8c02eff.splitContentOpen_9f8e6180b5 .secondaryButton_4ebdf71e0b:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary_08e02a00a2.colorBrand_f3808de157.mainActive_f3808de157 .mainButton_b2a8897db6 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_08e02a00a2.colorBrand_f3808de157.mainActive_f3808de157 .secondaryButton_4ebdf71e0b {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_08e02a00a2.colorBrand_f3808de157.mainActive_f3808de157.splitContentOpen_9f8e6180b5.splitContentOpen_9f8e6180b5 .secondaryButton_4ebdf71e0b,\n.kindTertiary_08e02a00a2.colorBrand_f3808de157.mainActive_f3808de157.splitContentOpen_9f8e6180b5.splitContentOpen_9f8e6180b5 .secondaryButton_4ebdf71e0b:hover,\n.kindTertiary_08e02a00a2.colorBrand_f3808de157.mainActive_f3808de157.hovered_69d8c02eff.splitContentOpen_9f8e6180b5 .secondaryButton_4ebdf71e0b,\n.kindTertiary_08e02a00a2.colorBrand_f3808de157.mainActive_f3808de157.hovered_69d8c02eff.splitContentOpen_9f8e6180b5 .secondaryButton_4ebdf71e0b:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary_08e02a00a2.colorPositive_dbf94314e9.splitContentOpen_9f8e6180b5 .secondaryButton_4ebdf71e0b,\n.kindTertiary_08e02a00a2.colorPositive_dbf94314e9:hover .secondaryButton_4ebdf71e0b,\n.kindTertiary_08e02a00a2.colorPositive_dbf94314e9:focus .secondaryButton_4ebdf71e0b {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_08e02a00a2.colorPositive_dbf94314e9.splitContentOpen_9f8e6180b5 .mainButton_b2a8897db6,\n.kindTertiary_08e02a00a2.colorPositive_dbf94314e9:hover .mainButton_b2a8897db6,\n.kindTertiary_08e02a00a2.colorPositive_dbf94314e9:focus .mainButton_b2a8897db6 {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_08e02a00a2.colorNegative_dbf94314e9.splitContentOpen_9f8e6180b5 .secondaryButton_4ebdf71e0b,\n.kindTertiary_08e02a00a2.colorNegative_dbf94314e9:hover .secondaryButton_4ebdf71e0b,\n.kindTertiary_08e02a00a2.colorNegative_dbf94314e9:focus .secondaryButton_4ebdf71e0b {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_08e02a00a2.colorNegative_dbf94314e9.splitContentOpen_9f8e6180b5 .mainButton_b2a8897db6,\n.kindTertiary_08e02a00a2.colorNegative_dbf94314e9:hover .mainButton_b2a8897db6,\n.kindTertiary_08e02a00a2.colorNegative_dbf94314e9:focus .mainButton_b2a8897db6 {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_08e02a00a2 .secondaryButton_4ebdf71e0b {\n  border-inline-start: 1px solid transparent;\n  margin-inline-start: 1px;\n}\n\n.kindPrimary_32c6cf11ce.disabled_d2984b52f8 .secondaryButton_4ebdf71e0b {\n  border-inline-start: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary_32c6cf11ce:not(.disabled_d2984b52f8).colorPrimary_08e02a00a2.mainActive_f3808de157 .secondaryButton_4ebdf71e0b {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_32c6cf11ce:not(.disabled_d2984b52f8).colorPrimary_08e02a00a2 .secondaryButton_4ebdf71e0b {\n  border-inline-start: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_32c6cf11ce:not(.disabled_d2984b52f8).colorBrand_f3808de157.mainActive_f3808de157 .secondaryButton_4ebdf71e0b {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_32c6cf11ce:not(.disabled_d2984b52f8).colorBrand_f3808de157 .secondaryButton_4ebdf71e0b {\n  border-inline-start: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_32c6cf11ce:not(.disabled_d2984b52f8).colorPositive_dbf94314e9 .secondaryButton_4ebdf71e0b {\n  border-inline-start: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_32c6cf11ce:not(.disabled_d2984b52f8).colorNegative_dbf94314e9 .secondaryButton_4ebdf71e0b {\n  border-inline-start: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_32c6cf11ce:not(.disabled_d2984b52f8).colorOnPrimaryColor_6a7036165f .secondaryButton_4ebdf71e0b {\n  border-inline-start: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_dbf94314e9 .mainButton_b2a8897db6 {\n  border-inline-end: none;\n}\n\n.kindSecondary_dbf94314e9.colorPrimary_08e02a00a2.mainActive_f3808de157 .mainButton_b2a8897db6 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_dbf94314e9.colorPrimary_08e02a00a2.mainActive_f3808de157 .mainButton_b2a8897db6:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_dbf94314e9.colorPrimary_08e02a00a2.mainActive_f3808de157 .secondaryButton_4ebdf71e0b {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary_dbf94314e9.colorPrimary_08e02a00a2.splitContentOpen_9f8e6180b5 .secondaryButton_4ebdf71e0b {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_dbf94314e9.colorPrimary_08e02a00a2.splitContentOpen_9f8e6180b5 .secondaryButton_4ebdf71e0b:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_dbf94314e9.colorBrand_f3808de157.mainActive_f3808de157 .mainButton_b2a8897db6 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_dbf94314e9.colorBrand_f3808de157.mainActive_f3808de157 .secondaryButton_4ebdf71e0b {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary_dbf94314e9.colorBrand_f3808de157.splitContentOpen_9f8e6180b5 .secondaryButton_4ebdf71e0b,\n.kindSecondary_dbf94314e9.colorBrand_f3808de157.splitContentOpen_9f8e6180b5 .secondaryButton_4ebdf71e0b:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{e as default};
 //# sourceMappingURL=SplitButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={steps:"steps_bd72a10a2a",contentOnTop:"contentOnTop_3b51981490",contentOnBottom:"contentOnBottom_866c0a3ae7"};!function(e){const t="s_id-7ec46f3af3a6_4_0_0-alpha_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)}(".steps_bd72a10a2a .contentOnTop_3b51981490 {\n  margin-top: var(--space-16);\n}\n.steps_bd72a10a2a .contentOnBottom_866c0a3ae7 {\n  margin-bottom: var(--space-8);\n}");export{e as default};
+var e={steps:"steps_04234a194e",contentOnTop:"contentOnTop_3a75a2662a",contentOnBottom:"contentOnBottom_a6a9380ed7"};!function(e){const t="s_id-7ec46f3af3a6_4_0_0-alpha_1";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)}(".steps_04234a194e .contentOnTop_3a75a2662a {\n  margin-top: var(--space-16);\n}\n.steps_04234a194e .contentOnBottom_a6a9380ed7 {\n  margin-bottom: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=Steps.module.scss.js.map

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-var e={header:"header_215b62da67"};!function(e){const t="s_id-f29720816734_4_0_0-alpha_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".header_215b62da67 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-8);\n}");export{e as default};
+var e={header:"header_2e7e48a0da"};!function(e){const t="s_id-f29720816734_4_0_0-alpha_1";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_2e7e48a0da {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=StepsHeader.module.scss.js.map

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

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

package/dist/src/components/Switch/Switch.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={"hidden-switch":"hidden-switch_46c4189c18"};!function(e){const t="s_id-fad3709be591_4_0_0-alpha_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_46c4189c18 { /* 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_0673caa729"};!function(e){const t="s_id-fad3709be591_4_0_0-alpha_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.hidden-switch_0673caa729 { /* 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/src/components/Table/Table/Table.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Table.js","sources":["../../../../../src/components/Table/Table/Table.tsx"],"sourcesContent":["import React, {\n forwardRef,\n type ReactElement,\n type UIEventHandler,\n useCallback,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport cx from \"classnames\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { type TableHeaderProps } from \"../TableHeader/TableHeader\";\nimport { type TableBodyProps } from \"../TableBody/TableBody\";\nimport { getTableRowLayoutStyles } from \"./tableHelpers\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../tests/constants\";\nimport { RowHeights } from \"./TableConsts\";\nimport { type RowSizes } from \"./Table.types\";\nimport styles from \"./Table.module.scss\";\nimport { TableProvider } from \"../context/TableContext/TableContext\";\nimport { TableRowMenuProvider } from \"../context/TableRowMenuContext/TableRowMenuContext\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { type TableProviderValue } from \"../context/TableContext/TableContext.types\";\nimport { type TableRowMenuProviderValue } from \"../context/TableRowMenuContext/TableRowMenuContext.types\";\nimport { type SubIcon } from \"@vibe/icon\";\n\nexport type TableLoadingStateType = \"long-text\" \| \"medium-text\" \| \"circle\" \| \"rectangle\";\n\ntype Width = number \| `${number}%` \| `${number}px` \| `${number}fr`;\n\nexport interface TableColumn {\n /*\n Unique identifier for the column.\n /\n id: string;\n /\n Column title displayed in the header.\n /\n title: string;\n /\n Additional information displayed as a tooltip.\n /\n infoContent?: string;\n /\n Column width configuration.\n /\n width?: Width \| { min: Width; max: Width };\n /\n Icon displayed next to the column title.\n /\n icon?: SubIcon;\n /\n Loading state type for the column when data is being fetched.\n /\n loadingStateType?: TableLoadingStateType;\n}\n\nexport interface TableProps extends VibeComponentProps {\n /\n Defines the columns of the table.\n /\n columns: TableColumn[];\n /\n State of the data being displayed (loading or error).\n /\n dataState?: {\n isLoading?: boolean;\n isError?: boolean;\n };\n /\n React element displayed when there is an error state.\n /\n errorState: ReactElement;\n /\n React element displayed when there is no data.\n /\n emptyState: ReactElement;\n /\n Custom styles for the table.\n /\n style?: React.CSSProperties;\n /\n The child components inside the table, such as `<TableHeader />` and `<TableBody />`.\n /\n children?:\n \| ReactElement<TableHeaderProps>\n \| ReactElement<TableBodyProps>\n \| Array<ReactElement<TableHeaderProps> \| ReactElement<TableBodyProps>>;\n /\n The row size of the table.\n /\n size?: RowSizes;\n /\n If true, removes the table's outer border.\n /\n withoutBorder?: boolean;\n}\n\nconst Table = forwardRef(\n (\n {\n id,\n className,\n \"data-testid\": dataTestId,\n columns,\n errorState,\n emptyState,\n dataState,\n style,\n children,\n size = \"medium\",\n withoutBorder\n }: TableProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const tableRootRef = useRef<HTMLDivElement>(null);\n const mergedRef = useMergeRef(ref, tableRootRef);\n\n const [isMenuOpen, setIsMenuOpen] = useState<boolean>(false);\n const [hoveredRowRef, setHoveredRowRef] = useState<React.RefObject<HTMLDivElement>>(null);\n\n const resetHoveredRow = useCallback(() => {\n setIsMenuOpen(false);\n setHoveredRowRef(null);\n }, []);\n\n const [isVirtualized, setIsVirtualized] = useState<boolean>(false);\n const markTableAsVirtualized = useCallback(() => {\n setIsVirtualized(true);\n }, []);\n\n const [isScrolled, setIsScrolled] = useState<boolean>(false);\n\n const onScroll = useCallback<UIEventHandler<HTMLDivElement>>(\n e => {\n resetHoveredRow();\n if (!isVirtualized) {\n const newLeft = (e.target as HTMLDivElement).scrollLeft;\n const hasScroll = newLeft > 0;\n setIsScrolled(prevScroll => (prevScroll !== hasScroll ? hasScroll : prevScroll));\n }\n },\n [resetHoveredRow, isVirtualized]\n );\n\n const { gridTemplateColumns } = getTableRowLayoutStyles(columns);\n\n /\n The `--table-grid-template-columns` and `--table-row-size` variables will be available under each <Table /> scope\n * and will be consumed in the stylesheets of its children (<TableHeader />, <TableRow />, <TableHeaderCell />)\n */\n const calculatedStyle = {\n \"--table-grid-template-columns\": gridTemplateColumns,\n \"--table-row-size\": `${RowHeights[size]}px`,\n ...style\n } as React.CSSProperties;\n\n const tableProviderValue = useMemo<TableProviderValue>(\n () => ({\n columns,\n dataState,\n emptyState,\n errorState,\n size,\n tableRootRef,\n isVirtualized,\n markTableAsVirtualized,\n isScrolled,\n setIsScrolled: (scrollLeft: boolean) => setIsScrolled(scrollLeft)\n }),\n [columns, dataState, emptyState, errorState, isVirtualized, markTableAsVirtualized, isScrolled, size]\n );\n\n const tableRowMenuProviderValue = useMemo<TableRowMenuProviderValue>(\n () => ({\n tableRootRef,\n hoveredRowRef,\n isMenuOpen,\n resetHoveredRow,\n setHoveredRowRef: (rowRef: React.RefObject<HTMLDivElement>) => setHoveredRowRef(rowRef),\n setIsMenuOpen: (isOpen: boolean) => setIsMenuOpen(isOpen)\n }),\n [hoveredRowRef, isMenuOpen, resetHoveredRow, setHoveredRowRef]\n );\n\n return (\n <TableProvider value={tableProviderValue}>\n <TableRowMenuProvider value={tableRowMenuProviderValue}>\n <div\n ref={mergedRef}\n id={id}\n className={cx(\n styles.table,\n {\n [styles.border]: !withoutBorder,\n [styles.virtualized]: isVirtualized,\n [styles.hasScroll]: isScrolled\n },\n className\n )}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TABLE, id)}\n data-vibe={ComponentVibeId.TABLE}\n role=\"table\"\n style={calculatedStyle}\n onScroll={onScroll}\n >\n {children}\n </div>\n </TableRowMenuProvider>\n </TableProvider>\n );\n }\n);\n\nexport default Table;\n"],"names":["Table","forwardRef","_ref","ref","id","className","dataTestId","columns","errorState","emptyState","dataState","style","children","_ref$size","size","withoutBorder","tableRootRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isMenuOpen","setIsMenuOpen","_useState3","_useState4","hoveredRowRef","setHoveredRowRef","resetHoveredRow","useCallback","_useState5","_useState6","isVirtualized","setIsVirtualized","markTableAsVirtualized","_useState7","_useState8","isScrolled","setIsScrolled","onScroll","e","hasScroll","target","scrollLeft","prevScroll","_getTableRowLayoutSty","getTableRowLayoutStyles","calculatedStyle","Object","assign","gridTemplateColumns","concat","RowHeights","tableProviderValue","useMemo","tableRowMenuProviderValue","rowRef","isOpen","React","createElement","TableProvider","value","TableRowMenuProvider","cx","styles","table","_defineProperty","border","virtualized","getTestId","ComponentDefaultTestId","TABLE","ComponentVibeId","role"],"mappings":"gtBAkGMA,IAAAA,EAAQC,GACZ,SAAAC,EAcEC,GACE,IAbAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAOL,EAAPK,QACAC,EAAUN,EAAVM,WACAC,EAAUP,EAAVO,WACAC,EAASR,EAATQ,UACAC,EAAKT,EAALS,MACAC,EAAQV,EAARU,SAAQC,EAAAX,EACRY,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAab,EAAba,cAIIC,EAAeC,EAAuB,MACtCC,EAAYC,EAAYhB,EAAKa,GAEnCI,EAAoCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAArDI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAChCI,EAA0CL,EAA0C,MAAKM,EAAAJ,EAAAG,EAAA,GAAlFE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAEhCG,EAAkBC,GAAY,WAClCN,GAAc,GACdI,EAAiB,KAClB,GAAE,IAEHG,EAA0CX,GAAkB,GAAMY,EAAAV,EAAAS,EAAA,GAA3DE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAChCG,EAAyBL,GAAY,WACzCI,GAAiB,EAClB,GAAE,IAEHE,EAAoChB,GAAkB,GAAMiB,EAAAf,EAAAc,EAAA,GAArDE,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GAE1BG,EAAWV,GACf,SAAAW,GAEE,GADAZ,KACKI,EAAe,CAClB,IACMS,EADWD,EAAEE,OAA0BC,WACjB,EAC5BL,GAAc,SAAAM,GAAU,OAAKA,IAAeH,EAAYA,EAAYG,CAAU,~~GAC/E~~,~~CACH~~,GACA,CAAChB,EAAiBI,IAGpBa,EAAgCC,EAAwBzC,GAMlD0C,EAAkBC,OAAAC,OAAA,CACtB,gCAPyBJ,EAAnBK,oBAQN,sBAAkBC,OAAKC,EAAWxC,GAAK,OACpCH,GAGC4C,GAAqBC,GACzB,WAAA,MAAO,CACLjD,QAAAA,EACAG,UAAAA,EACAD,WAAAA,EACAD,WAAAA,EACAM,KAAAA,EACAE,aAAAA,EACAkB,cAAAA,EACAE,uBAAAA,EACAG,WAAAA,EACAC,cAAe,SAACK,GAAmB,OAAKL,EAAcK,EAAW,EAClE,GACD,CAACtC,EAASG,EAAWD,EAAYD,EAAY0B,EAAeE,EAAwBG,EAAYzB,IAG5F2C,GAA4BD,GAChC,WAAA,MAAO,CACLxC,aAAAA,EACAY,cAAAA,EACAJ,WAAAA,EACAM,gBAAAA,EACAD,iBAAkB,SAAC6B,GAAuC,OAAK7B,EAAiB6B,EAAO,EACvFjC,cAAe,SAACkC,GAAe,OAAKlC,EAAckC,EAAO,EACzD,GACF,CAAC/B,EAAeJ,EAAYM,EAAiBD,IAG/C,OACE+B,EAACC,cAAAC,EAAc,CAAAC,MAAOR,IACpBK,EAAAC,cAACG,EAAoB,CAACD,MAAON,IAC3BG,EAAAC,cAAA,MAAA,CACE1D,IAAKe,EACLd,GAAIA,EACJC,UAAW4D,EACTC,EAAOC,MAAKC,EAAAA,EAAAA,EAAA,CAAA,EAETF,EAAOG,QAAUtD,GACjBmD,EAAOI,YAAcpC,GACrBgC,EAAOvB,UAAYJ,GAEtBlC,GAEW,cAAAC,GAAciE,EAAUC,EAAuBC,MAAOrE,GAAG,YAC3DsE,EAAgBD,MAC3BE,KAAK,QACLhE,MAAOsC,EACPR,SAAUA,GAET7B,IAKX"}
1	+ {"version":3,"file":"Table.js","sources":["../../../../../src/components/Table/Table/Table.tsx"],"sourcesContent":["import React, {\n forwardRef,\n type ReactElement,\n type UIEventHandler,\n useCallback,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport cx from \"classnames\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { type TableHeaderProps } from \"../TableHeader/TableHeader\";\nimport { type TableBodyProps } from \"../TableBody/TableBody\";\nimport { getTableRowLayoutStyles } from \"./tableHelpers\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../tests/constants\";\nimport { RowHeights } from \"./TableConsts\";\nimport { type RowSizes } from \"./Table.types\";\nimport styles from \"./Table.module.scss\";\nimport { TableProvider } from \"../context/TableContext/TableContext\";\nimport { TableRowMenuProvider } from \"../context/TableRowMenuContext/TableRowMenuContext\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { type TableProviderValue } from \"../context/TableContext/TableContext.types\";\nimport { type TableRowMenuProviderValue } from \"../context/TableRowMenuContext/TableRowMenuContext.types\";\nimport { type SubIcon } from \"@vibe/icon\";\n\nexport type TableLoadingStateType = \"long-text\" \| \"medium-text\" \| \"circle\" \| \"rectangle\";\n\ntype Width = number \| `${number}%` \| `${number}px` \| `${number}fr`;\n\nexport interface TableColumn {\n /*\n Unique identifier for the column.\n /\n id: string;\n /\n Column title displayed in the header.\n /\n title: string;\n /\n Additional information displayed as a tooltip.\n /\n infoContent?: string;\n /\n Column width configuration.\n /\n width?: Width \| { min: Width; max: Width };\n /\n Icon displayed next to the column title.\n /\n icon?: SubIcon;\n /\n Loading state type for the column when data is being fetched.\n /\n loadingStateType?: TableLoadingStateType;\n}\n\nexport interface TableProps extends VibeComponentProps {\n /\n Defines the columns of the table.\n /\n columns: TableColumn[];\n /\n State of the data being displayed (loading or error).\n /\n dataState?: {\n isLoading?: boolean;\n isError?: boolean;\n };\n /\n React element displayed when there is an error state.\n /\n errorState: ReactElement;\n /\n React element displayed when there is no data.\n /\n emptyState: ReactElement;\n /\n Custom styles for the table.\n /\n style?: React.CSSProperties;\n /\n The child components inside the table, such as `<TableHeader />` and `<TableBody />`.\n /\n children?:\n \| ReactElement<TableHeaderProps>\n \| ReactElement<TableBodyProps>\n \| Array<ReactElement<TableHeaderProps> \| ReactElement<TableBodyProps>>;\n /\n The row size of the table.\n /\n size?: RowSizes;\n /\n If true, removes the table's outer border.\n /\n withoutBorder?: boolean;\n}\n\nconst Table = forwardRef(\n (\n {\n id,\n className,\n \"data-testid\": dataTestId,\n columns,\n errorState,\n emptyState,\n dataState,\n style,\n children,\n size = \"medium\",\n withoutBorder\n }: TableProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const tableRootRef = useRef<HTMLDivElement>(null);\n const mergedRef = useMergeRef(ref, tableRootRef);\n\n const [isMenuOpen, setIsMenuOpen] = useState<boolean>(false);\n const [hoveredRowRef, setHoveredRowRef] = useState<React.RefObject<HTMLDivElement>>(null);\n\n const resetHoveredRow = useCallback(() => {\n setIsMenuOpen(false);\n setHoveredRowRef(null);\n }, []);\n\n const [isVirtualized, setIsVirtualized] = useState<boolean>(false);\n const markTableAsVirtualized = useCallback(() => {\n setIsVirtualized(true);\n }, []);\n\n const [isScrolled, setIsScrolled] = useState<boolean>(false);\n\n const onScroll = useCallback<UIEventHandler<HTMLDivElement>>(\n e => {\n resetHoveredRow();\n if (!isVirtualized) {\n const newLeft = (e.target as HTMLDivElement).scrollLeft;\n const hasScroll = newLeft > 0;\n setIsScrolled(prevScroll => (prevScroll !== hasScroll ? hasScroll : prevScroll));\n }\n },\n [resetHoveredRow, isVirtualized]\n );\n\n const { gridTemplateColumns } = getTableRowLayoutStyles(columns);\n\n /\n The `--table-grid-template-columns` and `--table-row-size` variables will be available under each <Table /> scope\n * and will be consumed in the stylesheets of its children (<TableHeader />, <TableRow />, <TableHeaderCell />)\n */\n const calculatedStyle = {\n \"--table-grid-template-columns\": gridTemplateColumns,\n \"--table-row-size\": `${RowHeights[size]}px`,\n ...style\n } as React.CSSProperties;\n\n const tableProviderValue = useMemo<TableProviderValue>(\n () => ({\n columns,\n dataState,\n emptyState,\n errorState,\n size,\n tableRootRef,\n isVirtualized,\n markTableAsVirtualized,\n isScrolled,\n setIsScrolled: (scrollLeft: boolean) => setIsScrolled(scrollLeft)\n }),\n [columns, dataState, emptyState, errorState, isVirtualized, markTableAsVirtualized, isScrolled, size]\n );\n\n const tableRowMenuProviderValue = useMemo<TableRowMenuProviderValue>(\n () => ({\n tableRootRef,\n hoveredRowRef,\n isMenuOpen,\n resetHoveredRow,\n setHoveredRowRef: (rowRef: React.RefObject<HTMLDivElement>) => setHoveredRowRef(rowRef),\n setIsMenuOpen: (isOpen: boolean) => setIsMenuOpen(isOpen)\n }),\n [hoveredRowRef, isMenuOpen, resetHoveredRow, setHoveredRowRef]\n );\n\n return (\n <TableProvider value={tableProviderValue}>\n <TableRowMenuProvider value={tableRowMenuProviderValue}>\n <div\n ref={mergedRef}\n id={id}\n className={cx(\n styles.table,\n {\n [styles.border]: !withoutBorder,\n [styles.virtualized]: isVirtualized,\n [styles.hasScroll]: isScrolled\n },\n className\n )}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TABLE, id)}\n data-vibe={ComponentVibeId.TABLE}\n role=\"table\"\n style={calculatedStyle}\n onScroll={onScroll}\n >\n {children}\n </div>\n </TableRowMenuProvider>\n </TableProvider>\n );\n }\n);\n\nexport default Table;\n"],"names":["Table","forwardRef","_ref","ref","id","className","dataTestId","columns","errorState","emptyState","dataState","style","children","_ref$size","size","withoutBorder","tableRootRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isMenuOpen","setIsMenuOpen","_useState3","_useState4","hoveredRowRef","setHoveredRowRef","resetHoveredRow","useCallback","_useState5","_useState6","isVirtualized","setIsVirtualized","markTableAsVirtualized","_useState7","_useState8","isScrolled","setIsScrolled","onScroll","e","hasScroll","target","scrollLeft","prevScroll","_getTableRowLayoutSty","getTableRowLayoutStyles","calculatedStyle","Object","assign","gridTemplateColumns","concat","RowHeights","tableProviderValue","useMemo","tableRowMenuProviderValue","rowRef","isOpen","React","createElement","TableProvider","value","TableRowMenuProvider","cx","styles","table","_defineProperty","border","virtualized","getTestId","ComponentDefaultTestId","TABLE","ComponentVibeId","role"],"mappings":"gtBAkGMA,IAAAA,EAAQC,GACZ,SAAAC,EAcEC,GACE,IAbAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAOL,EAAPK,QACAC,EAAUN,EAAVM,WACAC,EAAUP,EAAVO,WACAC,EAASR,EAATQ,UACAC,EAAKT,EAALS,MACAC,EAAQV,EAARU,SAAQC,EAAAX,EACRY,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAab,EAAba,cAIIC,EAAeC,EAAuB,MACtCC,EAAYC,EAAYhB,EAAKa,GAEnCI,EAAoCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAArDI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAChCI,EAA0CL,EAA0C,MAAKM,EAAAJ,EAAAG,EAAA,GAAlFE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAEhCG,EAAkBC,GAAY,WAClCN,GAAc,GACdI,EAAiB,KAClB,GAAE,IAEHG,EAA0CX,GAAkB,GAAMY,EAAAV,EAAAS,EAAA,GAA3DE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAChCG,EAAyBL,GAAY,WACzCI,GAAiB,EAClB,GAAE,IAEHE,EAAoChB,GAAkB,GAAMiB,EAAAf,EAAAc,EAAA,GAArDE,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GAE1BG,EAAWV,GACf,SAAAW,GAEE,GADAZ,KACKI,EAAe,CAClB,IACMS,EADWD,EAAEE,OAA0BC,WACjB,EAC5BL,GAAc,SAAAM,GAAU,OAAKA,IAAeH,EAAYA,EAAYG,CAAU,GAChF,CACF,GACA,CAAChB,EAAiBI,IAGpBa,EAAgCC,EAAwBzC,GAMlD0C,EAAkBC,OAAAC,OAAA,CACtB,gCAPyBJ,EAAnBK,oBAQN,sBAAkBC,OAAKC,EAAWxC,GAAK,OACpCH,GAGC4C,GAAqBC,GACzB,WAAA,MAAO,CACLjD,QAAAA,EACAG,UAAAA,EACAD,WAAAA,EACAD,WAAAA,EACAM,KAAAA,EACAE,aAAAA,EACAkB,cAAAA,EACAE,uBAAAA,EACAG,WAAAA,EACAC,cAAe,SAACK,GAAmB,OAAKL,EAAcK,EAAW,EAClE,GACD,CAACtC,EAASG,EAAWD,EAAYD,EAAY0B,EAAeE,EAAwBG,EAAYzB,IAG5F2C,GAA4BD,GAChC,WAAA,MAAO,CACLxC,aAAAA,EACAY,cAAAA,EACAJ,WAAAA,EACAM,gBAAAA,EACAD,iBAAkB,SAAC6B,GAAuC,OAAK7B,EAAiB6B,EAAO,EACvFjC,cAAe,SAACkC,GAAe,OAAKlC,EAAckC,EAAO,EACzD,GACF,CAAC/B,EAAeJ,EAAYM,EAAiBD,IAG/C,OACE+B,EAACC,cAAAC,EAAc,CAAAC,MAAOR,IACpBK,EAAAC,cAACG,EAAoB,CAACD,MAAON,IAC3BG,EAAAC,cAAA,MAAA,CACE1D,IAAKe,EACLd,GAAIA,EACJC,UAAW4D,EACTC,EAAOC,MAAKC,EAAAA,EAAAA,EAAA,CAAA,EAETF,EAAOG,QAAUtD,GACjBmD,EAAOI,YAAcpC,GACrBgC,EAAOvB,UAAYJ,GAEtBlC,GAEW,cAAAC,GAAciE,EAAUC,EAAuBC,MAAOrE,GAAG,YAC3DsE,EAAgBD,MAC3BE,KAAK,QACLhE,MAAOsC,EACPR,SAAUA,GAET7B,IAKX"}

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

@@ -1,2 +1,2 @@
-var e={table:"table_fbed91d154",border:"border_c81e33c4f6",virtualized:"virtualized_e2c3c3c431",hasScroll:"hasScroll_7920e78b9b"};!function(e){const r="s_id-a9ed4419fbb6_4_0_0-alpha_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const l=document.createElement("style");l.id=r,o.firstChild?o.insertBefore(l,o.firstChild):o.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.table_fbed91d154 {\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_fbed91d154::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.table_fbed91d154::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.table_fbed91d154.border_c81e33c4f6 {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table_fbed91d154 [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table_fbed91d154 [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}\n.table_fbed91d154.virtualized_e2c3c3c431 {\n  overflow: hidden;\n}\n.table_fbed91d154.hasScroll_7920e78b9b {\n  --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{e as default};
+var e={table:"table_e7d8aa2b1d",border:"border_2dd544213d",virtualized:"virtualized_8719d13e22",hasScroll:"hasScroll_444f00ddaa"};!function(e){const r="s_id-a9ed4419fbb6_4_0_0-alpha_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.table_e7d8aa2b1d {\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_e7d8aa2b1d::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.table_e7d8aa2b1d::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.table_e7d8aa2b1d.border_2dd544213d {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table_e7d8aa2b1d [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table_e7d8aa2b1d [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}\n.table_e7d8aa2b1d.virtualized_8719d13e22 {\n  overflow: hidden;\n}\n.table_e7d8aa2b1d.hasScroll_444f00ddaa {\n  --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{e as default};
 //# sourceMappingURL=Table.module.scss.js.map

package/dist/src/components/Table/Table/tableHelpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tableHelpers.js","sources":["../../../../../src/components/Table/Table/tableHelpers.ts"],"sourcesContent":["import { type AriaAttributes } from \"react\";\nimport type React from \"react\";\nimport { type TableColumn, type TableLoadingStateType } from \"./Table\";\nimport { Sort } from \"@vibe/icons\";\nimport { type TableHeaderCellProps } from \"../TableHeaderCell/TableHeaderCell\";\nimport { SortAscending, SortDescending } from \"@vibe/icons\";\nimport { type SkeletonType } from \"../../../components/Skeleton/Skelton.types\";\nexport function generateWidth(width: TableColumn[\"width\"]): string {\n if (typeof width === \"number\") {\n return `${width}px`;\n } else if (typeof width === \"string\") {\n return /%\|px\|fr$/.test(width) ? width : `${width}px`;\n } else if (width?.min && width?.max) {\n return `minmax(${generateWidth(width.min)}, ${generateWidth(width.max)})`;\n } else {\n return \"minmax(112px, 1fr)\";\n }\n}\n\nexport function getTableRowLayoutStyles(columns: TableColumn[], style: React.CSSProperties = {}): React.CSSProperties {\n return {\n ...style,\n display: \"grid\",\n gridTemplateColumns: columns.map(cell => generateWidth(cell.width)).join(\" \")\n };\n}\n\nexport function getSortIcon(sortState: TableHeaderCellProps[\"sortState\"]) {\n if (sortState === \"asc\") {\n return SortAscending;\n } else if (sortState === \"desc\") {\n return SortDescending;\n } else {\n return Sort;\n }\n}\n\nexport function getNextSortState(sortState: TableHeaderCellProps[\"sortState\"]): TableHeaderCellProps[\"sortState\"] {\n if (sortState === \"asc\") {\n return \"desc\";\n } else if (sortState === \"desc\") {\n return \"none\";\n } else {\n return \"asc\";\n }\n}\n\nexport function getAriaSort(sortState: TableHeaderCellProps[\"sortState\"]): AriaAttributes[\"aria-sort\"] {\n if (sortState === \"asc\") {\n return \"ascending\";\n }\n if (sortState === \"desc\") {\n return \"descending\";\n }\n return \"none\";\n}\n\nexport function getSkeletonType(loadingStateType: TableLoadingStateType): SkeletonType {\n if (loadingStateType === \"circle\") {\n return \"circle\";\n }\n if (loadingStateType === \"rectangle\") {\n return \"rectangle\";\n }\n return \"text\";\n}\n\nexport function getLoadingTypeForCell(\n loadingStateType: TableLoadingStateType,\n rowIndex: number\n): TableLoadingStateType {\n return loadingStateType === \"long-text\"\n ? ([\"long-text\", \"medium-text\"] as TableLoadingStateType[])[rowIndex % 2]\n : loadingStateType;\n}\n"],"names":["generateWidth","width","concat","test","min","max","getTableRowLayoutStyles","columns","Object","assign","display","gridTemplateColumns","map","cell","join","getSortIcon","sortState","SortAscending","SortDescending","Sort","getNextSortState","getAriaSort","getSkeletonType","loadingStateType","getLoadingTypeForCell","rowIndex"],"mappings":"+KAOM,SAAUA,EAAcC,GAC5B,MAAqB,iBAAVA,EACTC,GAAAA,OAAUD,EAAK,MACW,iBAAVA,EACT,WAAWE,KAAKF,GAASA,EAAKC,GAAAA,OAAMD,EAAS,OAC3CA,~~aAAK~~,~~EAALA~~,EAAOG,OAAOH,~~aAAK~~,~~EAALA~~,EAAOI,KAC9B,UAAAH,OAAiBF,EAAcC,EAAMG,KAAIF,MAAAA,OAAKF,EAAcC,EAAMI,KAAI,KAE/D,oBAEX,UAEgBC,EAAwBC,GACtC,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,yDAD2F,CAAA,GAEjF,CACRC,QAAS,OACTC,oBAAqBJ,EAAQK,KAAI,SAAAC,GAAI,OAAIb,EAAca,EAAKZ,UAAQa,KAAK,MAE7E,CAEM,SAAUC,EAAYC,GAC1B,MAAkB,QAAdA,EACKC,EACgB,SAAdD,EACFE,EAEAC,CAEX,CAEM,SAAUC,EAAiBJ,GAC/B,MAAkB,QAAdA,EACK,OACgB,SAAdA,EACF,OAEA,KAEX,CAEM,SAAUK,EAAYL,GAC1B,MAAkB,QAAdA,EACK,YAES,SAAdA,EACK,aAEF,MACT,CAEM,SAAUM,EAAgBC,GAC9B,MAAyB,WAArBA,EACK,SAEgB,cAArBA,EACK,YAEF,MACT,CAEgB,SAAAC,EACdD,EACAE,GAEA,MAA4B,cAArBF,EACF,CAAC,YAAa,eAA2CE,EAAW,GACrEF,CACN"}
1	+ {"version":3,"file":"tableHelpers.js","sources":["../../../../../src/components/Table/Table/tableHelpers.ts"],"sourcesContent":["import { type AriaAttributes } from \"react\";\nimport type React from \"react\";\nimport { type TableColumn, type TableLoadingStateType } from \"./Table\";\nimport { Sort } from \"@vibe/icons\";\nimport { type TableHeaderCellProps } from \"../TableHeaderCell/TableHeaderCell\";\nimport { SortAscending, SortDescending } from \"@vibe/icons\";\nimport { type SkeletonType } from \"../../../components/Skeleton/Skelton.types\";\nexport function generateWidth(width: TableColumn[\"width\"]): string {\n if (typeof width === \"number\") {\n return `${width}px`;\n } else if (typeof width === \"string\") {\n return /%\|px\|fr$/.test(width) ? width : `${width}px`;\n } else if (width?.min && width?.max) {\n return `minmax(${generateWidth(width.min)}, ${generateWidth(width.max)})`;\n } else {\n return \"minmax(112px, 1fr)\";\n }\n}\n\nexport function getTableRowLayoutStyles(columns: TableColumn[], style: React.CSSProperties = {}): React.CSSProperties {\n return {\n ...style,\n display: \"grid\",\n gridTemplateColumns: columns.map(cell => generateWidth(cell.width)).join(\" \")\n };\n}\n\nexport function getSortIcon(sortState: TableHeaderCellProps[\"sortState\"]) {\n if (sortState === \"asc\") {\n return SortAscending;\n } else if (sortState === \"desc\") {\n return SortDescending;\n } else {\n return Sort;\n }\n}\n\nexport function getNextSortState(sortState: TableHeaderCellProps[\"sortState\"]): TableHeaderCellProps[\"sortState\"] {\n if (sortState === \"asc\") {\n return \"desc\";\n } else if (sortState === \"desc\") {\n return \"none\";\n } else {\n return \"asc\";\n }\n}\n\nexport function getAriaSort(sortState: TableHeaderCellProps[\"sortState\"]): AriaAttributes[\"aria-sort\"] {\n if (sortState === \"asc\") {\n return \"ascending\";\n }\n if (sortState === \"desc\") {\n return \"descending\";\n }\n return \"none\";\n}\n\nexport function getSkeletonType(loadingStateType: TableLoadingStateType): SkeletonType {\n if (loadingStateType === \"circle\") {\n return \"circle\";\n }\n if (loadingStateType === \"rectangle\") {\n return \"rectangle\";\n }\n return \"text\";\n}\n\nexport function getLoadingTypeForCell(\n loadingStateType: TableLoadingStateType,\n rowIndex: number\n): TableLoadingStateType {\n return loadingStateType === \"long-text\"\n ? ([\"long-text\", \"medium-text\"] as TableLoadingStateType[])[rowIndex % 2]\n : loadingStateType;\n}\n"],"names":["generateWidth","width","concat","test","min","max","getTableRowLayoutStyles","columns","Object","assign","display","gridTemplateColumns","map","cell","join","getSortIcon","sortState","SortAscending","SortDescending","Sort","getNextSortState","getAriaSort","getSkeletonType","loadingStateType","getLoadingTypeForCell","rowIndex"],"mappings":"+KAOM,SAAUA,EAAcC,GAC5B,MAAqB,iBAAVA,EACTC,GAAAA,OAAUD,EAAK,MACW,iBAAVA,EACT,WAAWE,KAAKF,GAASA,EAAKC,GAAAA,OAAMD,EAAS,OAC3CA,aAAA,EAAAA,EAAOG,OAAOH,aAAA,EAAAA,EAAOI,KAC9B,UAAAH,OAAiBF,EAAcC,EAAMG,KAAIF,MAAAA,OAAKF,EAAcC,EAAMI,KAAI,KAE/D,oBAEX,UAEgBC,EAAwBC,GACtC,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,yDAD2F,CAAA,GAEjF,CACRC,QAAS,OACTC,oBAAqBJ,EAAQK,KAAI,SAAAC,GAAI,OAAIb,EAAca,EAAKZ,UAAQa,KAAK,MAE7E,CAEM,SAAUC,EAAYC,GAC1B,MAAkB,QAAdA,EACKC,EACgB,SAAdD,EACFE,EAEAC,CAEX,CAEM,SAAUC,EAAiBJ,GAC/B,MAAkB,QAAdA,EACK,OACgB,SAAdA,EACF,OAEA,KAEX,CAEM,SAAUK,EAAYL,GAC1B,MAAkB,QAAdA,EACK,YAES,SAAdA,EACK,aAEF,MACT,CAEM,SAAUM,EAAgBC,GAC9B,MAAyB,WAArBA,EACK,SAEgB,cAArBA,EACK,YAEF,MACT,CAEgB,SAAAC,EACdD,EACAE,GAEA,MAA4B,cAArBF,EACF,CAAC,YAAa,eAA2CE,EAAW,GACrEF,CACN"}

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

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

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

@@ -1,2 +1,2 @@
-var e={tableCell:"tableCell_2909c54652",sticky:"sticky_d6ed3bd91c"};!function(e){const t="s_id-391f4300ac17_4_0_0-alpha_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_2909c54652 {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell_2909c54652.sticky_d6ed3bd91c {\n  z-index: 1;\n  position: sticky;\n  inset-inline-start: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}");export{e as default};
+var e={tableCell:"tableCell_062bc6c366",sticky:"sticky_e33182f014"};!function(e){const t="s_id-391f4300ac17_4_0_0-alpha_1";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_062bc6c366 {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell_062bc6c366.sticky_e33182f014 {\n  z-index: 1;\n  position: sticky;\n  inset-inline-start: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}");export{e as default};
 //# sourceMappingURL=TableCell.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tableCellSkeletonWrapper:"tableCellSkeletonWrapper_db7909be39",longText:"longText_f7b3987a96",mediumText:"mediumText_d75a7e0d91",tableCellSkeleton:"tableCellSkeleton_db7909be39",circle:"circle_4000675961",rectangle:"rectangle_f7d7722622"};!function(e){const l="s_id-b9f641959683_4_0_0-alpha_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_db7909be39 {\n  height: 100%;\n}\n.tableCellSkeletonWrapper_db7909be39.longText_f7b3987a96 {\n  padding-inline-end: var(--space-24);\n}\n.tableCellSkeletonWrapper_db7909be39.mediumText_d75a7e0d91 {\n  padding-inline-end: var(--space-64);\n}\n.tableCellSkeletonWrapper_db7909be39 .tableCellSkeleton_db7909be39 {\n  height: 100%;\n}\n.tableCellSkeletonWrapper_db7909be39 .tableCellSkeleton_db7909be39.circle_4000675961, .tableCellSkeletonWrapper_db7909be39 .tableCellSkeleton_db7909be39.rectangle_f7d7722622 {\n  width: auto;\n  aspect-ratio: 1/1;\n}");export{e as default};
+var e={tableCellSkeletonWrapper:"tableCellSkeletonWrapper_7c26cc9e05",longText:"longText_473ac99445",mediumText:"mediumText_f0672fa5b1",tableCellSkeleton:"tableCellSkeleton_7c26cc9e05",circle:"circle_9a4f7d6960",rectangle:"rectangle_4f213295d4"};!function(e){const l="s_id-b9f641959683_4_0_0-alpha_1";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_7c26cc9e05 {\n  height: 100%;\n}\n.tableCellSkeletonWrapper_7c26cc9e05.longText_473ac99445 {\n  padding-inline-end: var(--space-24);\n}\n.tableCellSkeletonWrapper_7c26cc9e05.mediumText_f0672fa5b1 {\n  padding-inline-end: var(--space-64);\n}\n.tableCellSkeletonWrapper_7c26cc9e05 .tableCellSkeleton_7c26cc9e05 {\n  height: 100%;\n}\n.tableCellSkeletonWrapper_7c26cc9e05 .tableCellSkeleton_7c26cc9e05.circle_9a4f7d6960, .tableCellSkeletonWrapper_7c26cc9e05 .tableCellSkeleton_7c26cc9e05.rectangle_4f213295d4 {\n  width: auto;\n  aspect-ratio: 1/1;\n}");export{e as default};
 //# sourceMappingURL=TableCellSkeleton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tableContainer:"tableContainer_dee2383e3f",menuContainer:"menuContainer_6654b41665"};!function(e){const n="s_id-a0ba3cbb8774_4_0_0-alpha_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_dee2383e3f {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.tableContainer_dee2383e3f .menuContainer_6654b41665 {\n  --cell-width: 40px;\n  position: absolute;\n  overflow: hidden;\n  inset-inline-start: calc(1px - var(--cell-width));\n  width: var(--cell-width);\n  height: 100%;\n}");export{e as default};
+var e={tableContainer:"tableContainer_a5203bbf4c",menuContainer:"menuContainer_a18284b5da"};!function(e){const n="s_id-a0ba3cbb8774_4_0_0-alpha_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tableContainer_a5203bbf4c {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.tableContainer_a5203bbf4c .menuContainer_a18284b5da {\n  --cell-width: 40px;\n  position: absolute;\n  overflow: hidden;\n  inset-inline-start: 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/src/components/Table/TableHeader/TableHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableHeader:"tableHeader_1177bfb5dd",virtualized:"virtualized_16dea2eecb"};!function(e){const d="s_id-8e924ee64aa4_4_0_0-alpha_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".tableHeader_1177bfb5dd {\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_1177bfb5dd > [role=columnheader] {\n  background-color: inherit;\n}\n.tableHeader_1177bfb5dd.virtualized_16dea2eecb {\n  overflow: auto;\n  width: auto;\n  scrollbar-width: none;\n}\n.tableHeader_1177bfb5dd.virtualized_16dea2eecb::-webkit-scrollbar {\n  display: none;\n}");export{e as default};
+var e={tableHeader:"tableHeader_a921666a35",virtualized:"virtualized_7dc7ff4204"};!function(e){const a="s_id-8e924ee64aa4_4_0_0-alpha_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".tableHeader_a921666a35 {\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_a921666a35 > [role=columnheader] {\n  background-color: inherit;\n}\n.tableHeader_a921666a35.virtualized_7dc7ff4204 {\n  overflow: auto;\n  width: auto;\n  scrollbar-width: none;\n}\n.tableHeader_a921666a35.virtualized_7dc7ff4204::-webkit-scrollbar {\n  display: none;\n}");export{e as default};
 //# sourceMappingURL=TableHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tableHeaderCell:"tableHeaderCell_3124ba327b","focus-visible":"focus-visible_b9390e7de1",sticky:"sticky_d6ed3bd91c",sortActive:"sortActive_6dc92202a2",tableHeaderCellContent:"tableHeaderCellContent_d04abf9ceb",icon:"icon_33f065ad4e",infoTooltip:"infoTooltip_153e0c6241",tableHeaderCellSort:"tableHeaderCellSort_92842239b2",sort:"sort_e36c41b9b0",asc:"asc_ac66f54787",desc:"desc_e4054eda05",show:"show_6cfd673287"};!function(e){const a="s_id-0fa2e97aa7c9_4_0_0-alpha_0";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,l.firstChild?l.insertBefore(n,l.firstChild):l.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tableHeaderCell_3124ba327b {\n  height: var(--table-row-size);\n  padding: var(--space-8);\n  padding-inline-start: var(--space-16);\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_3124ba327b:focus-visible, .tableHeaderCell_3124ba327b.focus-visible_b9390e7de1 {\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_3124ba327b:focus:not(.focus-visible_b9390e7de1) {\n  outline: none;\n}\n.tableHeaderCell_3124ba327b.sticky_d6ed3bd91c {\n  z-index: 1;\n  position: sticky;\n  inset-inline-start: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell_3124ba327b.sticky_d6ed3bd91c:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell_3124ba327b:hover, .tableHeaderCell_3124ba327b.sortActive_6dc92202a2 {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell_3124ba327b .tableHeaderCellContent_d04abf9ceb {\n  min-width: 0;\n}\n.tableHeaderCell_3124ba327b .tableHeaderCellContent_d04abf9ceb .icon_33f065ad4e {\n  min-width: var(--space-16);\n}\n.tableHeaderCell_3124ba327b .tableHeaderCellContent_d04abf9ceb .infoTooltip_153e0c6241 {\n  display: inline-flex;\n}\n.tableHeaderCell_3124ba327b .tableHeaderCellSort_92842239b2 {\n  padding-inline-start: var(--space-8);\n}\n.tableHeaderCell_3124ba327b .tableHeaderCellSort_92842239b2 .sort_e36c41b9b0 {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell_3124ba327b .tableHeaderCellSort_92842239b2 .sort_e36c41b9b0.asc_ac66f54787, .tableHeaderCell_3124ba327b .tableHeaderCellSort_92842239b2 .sort_e36c41b9b0.desc_e4054eda05 {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell_3124ba327b .tableHeaderCellSort_92842239b2 .sort_e36c41b9b0:not(.show_6cfd673287) {\n  opacity: 0;\n  pointer-events: none;\n}");export{e as default};
+var e={tableHeaderCell:"tableHeaderCell_534bdd705d","focus-visible":"focus-visible_2a936b914b",sticky:"sticky_e33182f014",sortActive:"sortActive_1b82325e96",tableHeaderCellContent:"tableHeaderCellContent_6639dff3d5",icon:"icon_3c561ad2b6",infoTooltip:"infoTooltip_0f73eb81a1",tableHeaderCellSort:"tableHeaderCellSort_2983258479",sort:"sort_3fb445d7e7",asc:"asc_2092b875a9",desc:"desc_4e010ff0d0",show:"show_b4988f43ce"};!function(e){const l="s_id-0fa2e97aa7c9_4_0_0-alpha_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+l))return;const n=document.createElement("style");n.id=l,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tableHeaderCell_534bdd705d {\n  height: var(--table-row-size);\n  padding: var(--space-8);\n  padding-inline-start: var(--space-16);\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_534bdd705d:focus-visible, .tableHeaderCell_534bdd705d.focus-visible_2a936b914b {\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_534bdd705d:focus:not(.focus-visible_2a936b914b) {\n  outline: none;\n}\n.tableHeaderCell_534bdd705d.sticky_e33182f014 {\n  z-index: 1;\n  position: sticky;\n  inset-inline-start: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell_534bdd705d.sticky_e33182f014:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell_534bdd705d:hover, .tableHeaderCell_534bdd705d.sortActive_1b82325e96 {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell_534bdd705d .tableHeaderCellContent_6639dff3d5 {\n  min-width: 0;\n}\n.tableHeaderCell_534bdd705d .tableHeaderCellContent_6639dff3d5 .icon_3c561ad2b6 {\n  min-width: var(--space-16);\n}\n.tableHeaderCell_534bdd705d .tableHeaderCellContent_6639dff3d5 .infoTooltip_0f73eb81a1 {\n  display: inline-flex;\n}\n.tableHeaderCell_534bdd705d .tableHeaderCellSort_2983258479 {\n  padding-inline-start: var(--space-8);\n}\n.tableHeaderCell_534bdd705d .tableHeaderCellSort_2983258479 .sort_3fb445d7e7 {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell_534bdd705d .tableHeaderCellSort_2983258479 .sort_3fb445d7e7.asc_2092b875a9, .tableHeaderCell_534bdd705d .tableHeaderCellSort_2983258479 .sort_3fb445d7e7.desc_4e010ff0d0 {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell_534bdd705d .tableHeaderCellSort_2983258479 .sort_3fb445d7e7:not(.show_b4988f43ce) {\n  opacity: 0;\n  pointer-events: none;\n}");export{e as default};
 //# sourceMappingURL=TableHeaderCell.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tableRow:"tableRow_865b0e7879"};!function(e){const l="s_id-72a799b963ca_4_0_0-alpha_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+l))return;const r=document.createElement("style");r.id=l,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}("/* stylelint-disable selector-class-pattern */\n.tableRow_865b0e7879 {\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_865b0e7879[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow_865b0e7879 > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow_865b0e7879:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow_865b0e7879:hover[aria-selected=true] > [role=cell] {\n  background: var(--primary-selected-hover-color);\n}");export{e as default};
+var e={tableRow:"tableRow_ea9d3a55dd"};!function(e){const a="s_id-72a799b963ca_4_0_0-alpha_1";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,l.firstChild?l.insertBefore(t,l.firstChild):l.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable selector-class-pattern */\n.tableRow_ea9d3a55dd {\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_ea9d3a55dd[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow_ea9d3a55dd > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow_ea9d3a55dd:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow_ea9d3a55dd: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/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={rowMenuContainer:"rowMenuContainer_83de03a48c",small:"small_28a829270a",medium:"medium_f1854fa037",large:"large_a87f131415"};!function(e){const n="s_id-6ebd091550ab_4_0_0-alpha_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_83de03a48c {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--space-8);\n}\n.rowMenuContainer_83de03a48c.small_28a829270a {\n  padding-block: var(--space-4);\n}\n.rowMenuContainer_83de03a48c.medium_f1854fa037 {\n  padding-block: var(--space-8);\n}\n.rowMenuContainer_83de03a48c.large_a87f131415 {\n  padding-block: 12px;\n}");export{e as default};
+var e={rowMenuContainer:"rowMenuContainer_d3d9146d67",small:"small_0e38f20f92",medium:"medium_4d1827174d",large:"large_a78cf9fe69"};!function(e){const n="s_id-6ebd091550ab_4_0_0-alpha_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rowMenuContainer_d3d9146d67 {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--space-8);\n}\n.rowMenuContainer_d3d9146d67.small_0e38f20f92 {\n  padding-block: var(--space-4);\n}\n.rowMenuContainer_d3d9146d67.medium_4d1827174d {\n  padding-block: var(--space-8);\n}\n.rowMenuContainer_d3d9146d67.large_a78cf9fe69 {\n  padding-block: 12px;\n}");export{e as default};
 //# sourceMappingURL=TableRowMenu.module.scss.js.map

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

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

package/dist/src/components/Table/context/TableRowMenuContext/TableRowMenuContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableRowMenuContext.js","sources":["../../../../../../src/components/Table/context/TableRowMenuContext/TableRowMenuContext.tsx"],"sourcesContent":["import React, { createContext, useCallback, useContext, useMemo, useRef, useState } from \"react\";\nimport {\n type TableRowMenuContext as ITableRowMenuContext,\n type TableRowMenuProviderProps\n} from \"./TableRowMenuContext.types\";\n\nconst TableRowMenuContext = createContext<ITableRowMenuContext \| undefined>(undefined);\n\nexport const TableRowMenuProvider = ({ value, children }: TableRowMenuProviderProps) => {\n const { tableRootRef, hoveredRowRef, isMenuOpen, resetHoveredRow, setHoveredRowRef, setIsMenuOpen } = value;\n const [menuButtonPosition, setMenuButtonPosition] = useState(0);\n const isMenuHovered = useRef(false);\n\n const onMouseOverRow = useCallback(\n (rowRef: React.RefObject<HTMLDivElement>) => {\n if (isMenuOpen) return;\n\n setHoveredRowRef(rowRef);\n const tableRootTop = tableRootRef.current.getBoundingClientRect().top;\n const rowTop = rowRef.current.getBoundingClientRect().top;\n setMenuButtonPosition(rowTop - tableRootTop);\n },\n [isMenuOpen, setHoveredRowRef, tableRootRef]\n );\n\n const onMouseLeaveRow = useCallback(() => {\n if (isMenuOpen \|\| isMenuHovered.current) return;\n setHoveredRowRef(null);\n }, [isMenuOpen, setHoveredRowRef]);\n\n const onMouseOverRowMenu = useCallback(() => {\n isMenuHovered.current = true;\n }, []);\n\n const onMouseLeaveRowMenu = useCallback(() => {\n isMenuHovered.current = false;\n if (isMenuOpen) return;\n\n if (!hoveredRowRef?.current) {\n setHoveredRowRef(null);\n }\n }, [isMenuOpen, hoveredRowRef, setHoveredRowRef]);\n\n const setTableMenuShown = useCallback(() => {\n setIsMenuOpen(true);\n }, [setIsMenuOpen]);\n\n const setTableMenuHidden = useCallback(() => {\n setIsMenuOpen(false);\n }, [setIsMenuOpen]);\n\n const contextValue = useMemo<ITableRowMenuContext>(\n () => ({\n hoveredRowId: hoveredRowRef?.current?.id,\n resetHoveredRow,\n menuButtonPosition,\n onMouseOverRow,\n onMouseLeaveRow,\n onMouseOverRowMenu,\n onMouseLeaveRowMenu,\n setTableMenuShown,\n setTableMenuHidden\n }),\n [\n hoveredRowRef,\n resetHoveredRow,\n menuButtonPosition,\n onMouseLeaveRow,\n onMouseLeaveRowMenu,\n onMouseOverRow,\n onMouseOverRowMenu,\n setTableMenuShown,\n setTableMenuHidden\n ]\n );\n\n return <TableRowMenuContext.Provider value={contextValue}>{children}</TableRowMenuContext.Provider>;\n};\n\nexport const useTableRowMenu = () => {\n const context = useContext(TableRowMenuContext);\n if (!context) {\n throw new Error(\"useTableRowMenuContext must be used within a TableRowMenuProvider\");\n }\n return context;\n};\n"],"names":["TableRowMenuContext","createContext","undefined","TableRowMenuProvider","_ref","value","children","tableRootRef","hoveredRowRef","isMenuOpen","resetHoveredRow","setHoveredRowRef","setIsMenuOpen","_useState","useState","_useState2","_slicedToArray","menuButtonPosition","setMenuButtonPosition","isMenuHovered","useRef","onMouseOverRow","useCallback","rowRef","tableRootTop","current","getBoundingClientRect","top","rowTop","onMouseLeaveRow","onMouseOverRowMenu","onMouseLeaveRowMenu","setTableMenuShown","setTableMenuHidden","contextValue","useMemo","hoveredRowId","_a","id","React","createElement","Provider","useTableRowMenu","context","useContext","Error"],"mappings":"sMAMA,IAAMA,EAAsBC,OAAgDC,GAE/DC,EAAuB,SAAHC,GAAsD,IAAhDC,EAAKD,EAALC,MAAOC,EAAQF,EAARE,SACpCC,EAA8FF,EAA9FE,aAAcC,EAAgFH,EAAhFG,cAAeC,EAAiEJ,EAAjEI,WAAYC,EAAqDL,EAArDK,gBAAiBC,EAAoCN,EAApCM,iBAAkBC,EAAkBP,EAAlBO,cACpFC,EAAoDC,EAAS,GAAEC,EAAAC,EAAAH,EAAA,GAAxDI,EAAkBF,EAAA,GAAEG,EAAqBH,EAAA,GAC1CI,EAAgBC,GAAO,GAEvBC,EAAiBC,GACrB,SAACC,GACC,IAAId,EAAJ,CAEAE,EAAiBY,GACjB,IAAMC,EAAejB,EAAakB,QAAQC,wBAAwBC,IAC5DC,EAASL,EAAOE,QAAQC,wBAAwBC,IACtDT,EAAsBU,EAASJ,EALf,CAMjB,GACD,CAACf,EAAYE,EAAkBJ,IAG3BsB,EAAkBP,GAAY,WAC9Bb,GAAcU,EAAcM,SAChCd,EAAiB,KACnB,GAAG,CAACF,EAAYE,IAEVmB,EAAqBR,GAAY,WACrCH,EAAcM,SAAU,CACzB,GAAE,IAEGM,EAAsBT,GAAY,WACtCH,EAAcM,SAAU,EACpBhB,IAECD,~~eAAAA~~,EAAeiB,UAClBd,EAAiB,KAEpB,GAAE,CAACF,EAAYD,EAAeG,IAEzBqB,EAAoBV,GAAY,WACpCV,GAAc,EAChB,GAAG,CAACA,IAEEqB,EAAqBX,GAAY,WACrCV,GAAc,EAChB,GAAG,CAACA,IAEEsB,EAAeC,GACnB,iBAAM,MAAC,CACLC,aAAoC,QAAtBC,EAAA7B,eAAAA,EAAeiB,eAAO,IAAAY,OAAA,EAAAA,EAAEC,GACtC5B,gBAAAA,EACAO,mBAAAA,EACAI,eAAAA,EACAQ,gBAAAA,EACAC,mBAAAA,EACAC,oBAAAA,EACAC,kBAAAA,EACAC,mBAAAA,EACA,GACF,CACEzB,EACAE,EACAO,EACAY,EACAE,EACAV,EACAS,EACAE,EACAC,IAIJ,OAAOM,EAAAC,cAACxC,EAAoByC,SAAQ,CAACpC,MAAO6B,GAAe5B,EAC7D,EAEaoC,EAAkB,WAC7B,IAAMC,EAAUC,EAAW5C,GAC3B,IAAK2C,EACH,MAAUE,MAAM,qEAElB,OAAOF,CACT"}
1	+ {"version":3,"file":"TableRowMenuContext.js","sources":["../../../../../../src/components/Table/context/TableRowMenuContext/TableRowMenuContext.tsx"],"sourcesContent":["import React, { createContext, useCallback, useContext, useMemo, useRef, useState } from \"react\";\nimport {\n type TableRowMenuContext as ITableRowMenuContext,\n type TableRowMenuProviderProps\n} from \"./TableRowMenuContext.types\";\n\nconst TableRowMenuContext = createContext<ITableRowMenuContext \| undefined>(undefined);\n\nexport const TableRowMenuProvider = ({ value, children }: TableRowMenuProviderProps) => {\n const { tableRootRef, hoveredRowRef, isMenuOpen, resetHoveredRow, setHoveredRowRef, setIsMenuOpen } = value;\n const [menuButtonPosition, setMenuButtonPosition] = useState(0);\n const isMenuHovered = useRef(false);\n\n const onMouseOverRow = useCallback(\n (rowRef: React.RefObject<HTMLDivElement>) => {\n if (isMenuOpen) return;\n\n setHoveredRowRef(rowRef);\n const tableRootTop = tableRootRef.current.getBoundingClientRect().top;\n const rowTop = rowRef.current.getBoundingClientRect().top;\n setMenuButtonPosition(rowTop - tableRootTop);\n },\n [isMenuOpen, setHoveredRowRef, tableRootRef]\n );\n\n const onMouseLeaveRow = useCallback(() => {\n if (isMenuOpen \|\| isMenuHovered.current) return;\n setHoveredRowRef(null);\n }, [isMenuOpen, setHoveredRowRef]);\n\n const onMouseOverRowMenu = useCallback(() => {\n isMenuHovered.current = true;\n }, []);\n\n const onMouseLeaveRowMenu = useCallback(() => {\n isMenuHovered.current = false;\n if (isMenuOpen) return;\n\n if (!hoveredRowRef?.current) {\n setHoveredRowRef(null);\n }\n }, [isMenuOpen, hoveredRowRef, setHoveredRowRef]);\n\n const setTableMenuShown = useCallback(() => {\n setIsMenuOpen(true);\n }, [setIsMenuOpen]);\n\n const setTableMenuHidden = useCallback(() => {\n setIsMenuOpen(false);\n }, [setIsMenuOpen]);\n\n const contextValue = useMemo<ITableRowMenuContext>(\n () => ({\n hoveredRowId: hoveredRowRef?.current?.id,\n resetHoveredRow,\n menuButtonPosition,\n onMouseOverRow,\n onMouseLeaveRow,\n onMouseOverRowMenu,\n onMouseLeaveRowMenu,\n setTableMenuShown,\n setTableMenuHidden\n }),\n [\n hoveredRowRef,\n resetHoveredRow,\n menuButtonPosition,\n onMouseLeaveRow,\n onMouseLeaveRowMenu,\n onMouseOverRow,\n onMouseOverRowMenu,\n setTableMenuShown,\n setTableMenuHidden\n ]\n );\n\n return <TableRowMenuContext.Provider value={contextValue}>{children}</TableRowMenuContext.Provider>;\n};\n\nexport const useTableRowMenu = () => {\n const context = useContext(TableRowMenuContext);\n if (!context) {\n throw new Error(\"useTableRowMenuContext must be used within a TableRowMenuProvider\");\n }\n return context;\n};\n"],"names":["TableRowMenuContext","createContext","undefined","TableRowMenuProvider","_ref","value","children","tableRootRef","hoveredRowRef","isMenuOpen","resetHoveredRow","setHoveredRowRef","setIsMenuOpen","_useState","useState","_useState2","_slicedToArray","menuButtonPosition","setMenuButtonPosition","isMenuHovered","useRef","onMouseOverRow","useCallback","rowRef","tableRootTop","current","getBoundingClientRect","top","rowTop","onMouseLeaveRow","onMouseOverRowMenu","onMouseLeaveRowMenu","setTableMenuShown","setTableMenuHidden","contextValue","useMemo","hoveredRowId","_a","id","React","createElement","Provider","useTableRowMenu","context","useContext","Error"],"mappings":"sMAMA,IAAMA,EAAsBC,OAAgDC,GAE/DC,EAAuB,SAAHC,GAAsD,IAAhDC,EAAKD,EAALC,MAAOC,EAAQF,EAARE,SACpCC,EAA8FF,EAA9FE,aAAcC,EAAgFH,EAAhFG,cAAeC,EAAiEJ,EAAjEI,WAAYC,EAAqDL,EAArDK,gBAAiBC,EAAoCN,EAApCM,iBAAkBC,EAAkBP,EAAlBO,cACpFC,EAAoDC,EAAS,GAAEC,EAAAC,EAAAH,EAAA,GAAxDI,EAAkBF,EAAA,GAAEG,EAAqBH,EAAA,GAC1CI,EAAgBC,GAAO,GAEvBC,EAAiBC,GACrB,SAACC,GACC,IAAId,EAAJ,CAEAE,EAAiBY,GACjB,IAAMC,EAAejB,EAAakB,QAAQC,wBAAwBC,IAC5DC,EAASL,EAAOE,QAAQC,wBAAwBC,IACtDT,EAAsBU,EAASJ,EALf,CAMjB,GACD,CAACf,EAAYE,EAAkBJ,IAG3BsB,EAAkBP,GAAY,WAC9Bb,GAAcU,EAAcM,SAChCd,EAAiB,KACnB,GAAG,CAACF,EAAYE,IAEVmB,EAAqBR,GAAY,WACrCH,EAAcM,SAAU,CACzB,GAAE,IAEGM,EAAsBT,GAAY,WACtCH,EAAcM,SAAU,EACpBhB,IAECD,aAAA,EAAAA,EAAeiB,UAClBd,EAAiB,KAEpB,GAAE,CAACF,EAAYD,EAAeG,IAEzBqB,EAAoBV,GAAY,WACpCV,GAAc,EAChB,GAAG,CAACA,IAEEqB,EAAqBX,GAAY,WACrCV,GAAc,EAChB,GAAG,CAACA,IAEEsB,EAAeC,GACnB,iBAAM,MAAC,CACLC,aAAoC,QAAtBC,EAAA7B,eAAAA,EAAeiB,eAAO,IAAAY,OAAA,EAAAA,EAAEC,GACtC5B,gBAAAA,EACAO,mBAAAA,EACAI,eAAAA,EACAQ,gBAAAA,EACAC,mBAAAA,EACAC,oBAAAA,EACAC,kBAAAA,EACAC,mBAAAA,EACA,GACF,CACEzB,EACAE,EACAO,EACAY,EACAE,EACAV,EACAS,EACAE,EACAC,IAIJ,OAAOM,EAAAC,cAACxC,EAAoByC,SAAQ,CAACpC,MAAO6B,GAAe5B,EAC7D,EAEaoC,EAAkB,WAC7B,IAAMC,EAAUC,EAAW5C,GAC3B,IAAK2C,EACH,MAAUE,MAAM,qEAElB,OAAOF,CACT"}

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

@@ -1,2 +1,2 @@
-var n={tabWrapper:"tabWrapper_25c2eb54d2",stretchedUnderline:"stretchedUnderline_9d10a8c863",tabInner:"tabInner_e72db2dd8d",tabIcon:"tabIcon_550c847143",right:"right_47939b1c91",tabFocusVisibleInset:"tabFocusVisibleInset_402aca8ce1",active:"active_9463750190",disabled:"disabled_3183335197"};!function(n){const e="s_id-bfaa9c7255c3_4_0_0-alpha_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_25c2eb54d2 {\n  position: relative;\n  display: inline-block;\n  padding-inline: 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_25c2eb54d2.stretchedUnderline_9d10a8c863 {\n  border-bottom: 0;\n}\n.tabWrapper_25c2eb54d2:after {\n  display: block;\n  position: absolute;\n  inset-inline: 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_25c2eb54d2 .tabInner_e72db2dd8d {\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_25c2eb54d2 .tabInner_e72db2dd8d:focus {\n  outline: none;\n}\n.tabWrapper_25c2eb54d2 .tabInner_e72db2dd8d .tabIcon_550c847143 {\n  color: var(--icon-color);\n  margin-inline-end: var(--space-8);\n}\n.tabWrapper_25c2eb54d2 .tabInner_e72db2dd8d .tabIcon_550c847143.right_47939b1c91 {\n  margin-inline-end: 0;\n  margin-inline-start: var(--space-8);\n}\n.tabWrapper_25c2eb54d2.tabFocusVisibleInset_402aca8ce1 {\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_25c2eb54d2.active_9463750190:after {\n  transform: scaleX(1);\n  transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.tabWrapper_25c2eb54d2.disabled_3183335197 .tabInner_e72db2dd8d {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.tabWrapper_25c2eb54d2:not(.disabled_3183335197) .tabInner_e72db2dd8d:hover {\n  border-radius: 4px;\n  background-color: var(--primary-background-hover-color);\n}');export{n as default};
+var n={tabWrapper:"tabWrapper_c7071afa26",stretchedUnderline:"stretchedUnderline_13631f3646",tabInner:"tabInner_283f97117a",tabIcon:"tabIcon_b7de64ecde",right:"right_141de6af2a",tabFocusVisibleInset:"tabFocusVisibleInset_0fd88b1622",active:"active_5146d6ff54",disabled:"disabled_3452319315"};!function(n){const e="s_id-bfaa9c7255c3_4_0_0-alpha_1";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/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.tabWrapper_c7071afa26 {\n  position: relative;\n  display: inline-block;\n  padding-inline: 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_c7071afa26.stretchedUnderline_13631f3646 {\n  border-bottom: 0;\n}\n.tabWrapper_c7071afa26:after {\n  display: block;\n  position: absolute;\n  inset-inline: 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_c7071afa26 .tabInner_283f97117a {\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_c7071afa26 .tabInner_283f97117a:focus {\n  outline: none;\n}\n.tabWrapper_c7071afa26 .tabInner_283f97117a .tabIcon_b7de64ecde {\n  color: var(--icon-color);\n  margin-inline-end: var(--space-8);\n}\n.tabWrapper_c7071afa26 .tabInner_283f97117a .tabIcon_b7de64ecde.right_141de6af2a {\n  margin-inline-end: 0;\n  margin-inline-start: var(--space-8);\n}\n.tabWrapper_c7071afa26.tabFocusVisibleInset_0fd88b1622 {\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_c7071afa26.active_5146d6ff54:after {\n  transform: scaleX(1);\n  transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.tabWrapper_c7071afa26.disabled_3452319315 .tabInner_283f97117a {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.tabWrapper_c7071afa26:not(.disabled_3452319315) .tabInner_283f97117a: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/src/components/Tabs/TabList/TabList.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tabsWrapper:"tabsWrapper_5a28461488",tabsList:"tabsList_cde4bf39e4",sm:"sm_c92c01e5c1",lg:"lg_72a680d12a",stretched:"stretched_bf38200b03",tabListTabWrapper:"tabListTabWrapper_daa57fe039",tabListTabInner:"tabListTabInner_daa57fe039",disabled:"disabled_28271e9358",stretchedUnderline:"stretchedUnderline_c21c87a3ea"};!function(e){const t="s_id-1dd2e005bc2f_4_0_0-alpha_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)}("/* stylelint-disable */\n/* stylelint-enable */\n.tabsWrapper_5a28461488 .tabsList_cde4bf39e4 {\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_5a28461488 .tabsList_cde4bf39e4.sm_c92c01e5c1 {\n  height: 32px;\n}\n.tabsWrapper_5a28461488 .tabsList_cde4bf39e4.lg_72a680d12a {\n  height: 48px;\n}\n.tabsWrapper_5a28461488.stretched_bf38200b03 .tabsList_cde4bf39e4 {\n  width: 100%;\n}\n.tabsWrapper_5a28461488.stretched_bf38200b03 .tabsList_cde4bf39e4 .tabListTabWrapper_daa57fe039 {\n  width: 100%;\n}\n.tabsWrapper_5a28461488.stretched_bf38200b03 .tabsList_cde4bf39e4 .tabListTabWrapper_daa57fe039 .tabListTabInner_daa57fe039 {\n  width: 100%;\n}\n.tabsWrapper_5a28461488.disabled_28271e9358 {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}\n.tabsWrapper_5a28461488.stretchedUnderline_c21c87a3ea {\n  border-bottom: 2px solid var(--ui-background-color);\n}");export{e as default};
+var e={tabsWrapper:"tabsWrapper_72a1549302",tabsList:"tabsList_f6e383f4d5",sm:"sm_12433c09f2",lg:"lg_c4a7242b1c",stretched:"stretched_1f6391f092",tabListTabWrapper:"tabListTabWrapper_8a2029e277",tabListTabInner:"tabListTabInner_8a2029e277",disabled:"disabled_823574cc55",stretchedUnderline:"stretchedUnderline_23d76ad8bf"};!function(e){const t="s_id-1dd2e005bc2f_4_0_0-alpha_1";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.tabsWrapper_72a1549302 .tabsList_f6e383f4d5 {\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_72a1549302 .tabsList_f6e383f4d5.sm_12433c09f2 {\n  height: 32px;\n}\n.tabsWrapper_72a1549302 .tabsList_f6e383f4d5.lg_c4a7242b1c {\n  height: 48px;\n}\n.tabsWrapper_72a1549302.stretched_1f6391f092 .tabsList_f6e383f4d5 {\n  width: 100%;\n}\n.tabsWrapper_72a1549302.stretched_1f6391f092 .tabsList_f6e383f4d5 .tabListTabWrapper_8a2029e277 {\n  width: 100%;\n}\n.tabsWrapper_72a1549302.stretched_1f6391f092 .tabsList_f6e383f4d5 .tabListTabWrapper_8a2029e277 .tabListTabInner_8a2029e277 {\n  width: 100%;\n}\n.tabsWrapper_72a1549302.disabled_823574cc55 {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}\n.tabsWrapper_72a1549302.stretchedUnderline_23d76ad8bf {\n  border-bottom: 2px solid var(--ui-background-color);\n}");export{e as default};
 //# sourceMappingURL=TabList.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tabPanelWrapper:"tabPanelWrapper_e4054eda05"};!function(e){const t="s_id-82244d4a2f7b_4_0_0-alpha_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_e4054eda05 {\n  color: var(--primary-text-color);\n}");export{e as default};
+var e={tabPanelWrapper:"tabPanelWrapper_4e010ff0d0"};!function(e){const t="s_id-82244d4a2f7b_4_0_0-alpha_1";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_4e010ff0d0 {\n  color: var(--primary-text-color);\n}");export{e as default};
 //# sourceMappingURL=TabPanel.module.scss.js.map

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

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

package/dist/src/components/Tabs/TabsContext/TabsContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabsContext.js","sources":["../../../../../src/components/Tabs/TabsContext/TabsContext.tsx"],"sourcesContent":["import React, {\n type FC,\n forwardRef,\n type ReactElement,\n useCallback,\n useEffect,\n useRef,\n useState,\n useMemo\n} from \"react\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport usePrevious from \"../../../hooks/usePrevious\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\n\nexport interface TabsContextProps extends VibeComponentProps {\n /*\n The index of the currently active tab.\n /\n activeTabId?: number;\n /\n The child elements representing the tab list and tab panels.\n */\n children?: ReactElement \| ReactElement[];\n}\n\ntype TabsChild = ReactElement & {\n type: Record<string, unknown>;\n};\n\nconst TabsContext: FC<TabsContextProps> = forwardRef(\n ({ className, id, activeTabId = 0, children, \"data-testid\": dataTestId }, ref) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const [previousActiveTabIdState, setPreviousActiveTabIdState] = useState(activeTabId);\n const [activeTabIdState, setActiveTabIdState] = useState(activeTabId);\n const prevActiveTabIdProp = usePrevious(activeTabId);\n\n useEffect(() => {\n // Update active tab if changed from props\n if (activeTabId !== prevActiveTabIdProp && activeTabId !== activeTabIdState) {\n setPreviousActiveTabIdState(activeTabIdState);\n setActiveTabIdState(activeTabId);\n }\n }, [activeTabId, activeTabIdState, prevActiveTabIdProp]);\n\n const onTabClick = useCallback(\n (tabId: number) => {\n setPreviousActiveTabIdState(activeTabIdState);\n setActiveTabIdState(tabId);\n },\n [activeTabIdState]\n );\n\n // Collect TabPanel ids for aria-controls relationship\n const tabPanelIds = useMemo(() => {\n const ids: string[] = [];\n React.Children.forEach(children, (child: TabsChild) => {\n if (child.type.isTabPanels) {\n React.Children.forEach(child.props.children, (panelChild: ReactElement, index: number) => {\n ids[index] = panelChild.props.id;\n });\n }\n });\n return ids;\n }, [children]);\n\n return (\n <div\n ref={mergedRef}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TABS_CONTEXT, id)}\n >\n {React.Children.map(children, (child: TabsChild) => {\n if (child.type.isTabList) {\n const originalOnTabChange = child.props.onTabChange;\n const onTabChange = (tabId: number) => {\n onTabClick(tabId);\n originalOnTabChange?.(tabId);\n };\n return React.cloneElement(child, { activeTabId: activeTabIdState, onTabChange, tabPanelIds });\n }\n if (child.type.isTabPanels) {\n const animationDirection = previousActiveTabIdState < activeTabIdState ? \"ltr\" : \"rtl\";\n return React.cloneElement(child, { activeTabId: activeTabIdState, animationDirection });\n }\n return child;\n })}\n </div>\n );\n }\n);\n\nexport default TabsContext;\n"],"names":["TabsContext","forwardRef","_ref","ref","className","id","_ref$activeTabId","activeTabId","children","dataTestId","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","previousActiveTabIdState","setPreviousActiveTabIdState","_useState3","_useState4","activeTabIdState","setActiveTabIdState","prevActiveTabIdProp","usePrevious","useEffect","onTabClick","useCallback","tabId","tabPanelIds","useMemo","ids","React","Children","forEach","child","type","isTabPanels","props","panelChild","index","createElement","getTestId","ComponentDefaultTestId","TABS_CONTEXT","map","isTabList","originalOnTabChange","onTabChange","cloneElement","animationDirection"],"mappings":"iXA8BMA,IAAAA,EAAoCC,GACxC,SAAAC,EAA0EC,GAAO,IAA9EC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAEC,EAAAJ,EAAEK,YAAAA,OAAc,IAAHD,EAAG,EAACA,EAAEE,EAAQN,EAARM,SAAyBC,EAAUP,EAAzB,eACrCQ,EAAeC,EAAO,MACtBC,EAAYC,EAAYV,EAAKO,GAEnCI,EAAgEC,EAASR,GAAYS,EAAAC,EAAAH,EAAA,GAA9EI,EAAwBF,EAAA,GAAEG,EAA2BH,EAAA,GAC5DI,EAAgDL,EAASR,GAAYc,EAAAJ,EAAAG,EAAA,GAA9DE,EAAgBD,EAAA,GAAEE,EAAmBF,EAAA,GACtCG,EAAsBC,EAAYlB,GAExCmB,GAAU,WAEJnB,IAAgBiB,GAAuBjB,IAAgBe,IACzDH,EAA4BG,GAC5BC,EAAoBhB,GAEvB,GAAE,CAACA,EAAae,EAAkBE,IAEnC,IAAMG,EAAaC,GACjB,SAACC,GACCV,EAA4BG,GAC5BC,EAAoBM,EACtB,GACA,CAACP,IAIGQ,EAAcC,GAAQ,WAC1B,IAAMC,EAAgB,GAQtB,OAPAC,EAAMC,SAASC,QAAQ3B,GAAU,SAAC4B,GAC5BA,EAAMC,KAAKC,aACbL,EAAMC,SAASC,QAAQC,EAAMG,MAAM/B,UAAU,SAACgC,EAA0BC,GACtET,EAAIS,GAASD,EAAWD,MAAMlC,EAChC,GAEJ,IACO2B,CACT,GAAG,CAACxB,IAEJ,OACEyB,EACES,cAAA,MAAA,CAAAvC,IAAKS,EACLR,UAAWA,EACXC,GAAIA,EACS,cAAAI,GAAckC,EAAUC,EAAuBC,aAAcxC,IAEzE4B,EAAMC,SAASY,IAAItC,GAAU,SAAC4B,GAC7B,GAAIA,EAAMC,KAAKU,UAAW,CACxB,IAAMC,EAAsBZ,EAAMG,MAAMU,YAKxC,OAAOhB,EAAMiB,aAAad,EAAO,CAAE7B,YAAae,EAAkB2B,YAJ9C,SAACpB,GACnBF,EAAWE,GACXmB,SAAAA,EAAsBnB,IAEuDC,YAAAA,~~GAChF~~,~~CACD~~,OAAIM,EAAMC,KAAKC,YAENL,EAAMiB,aAAad,EAAO,CAAE7B,YAAae,EAAkB6B,mBADZ7B,EAA3BJ,EAA8C,MAAQ,QAG5EkB,CACR,IAGP"}
1	+ {"version":3,"file":"TabsContext.js","sources":["../../../../../src/components/Tabs/TabsContext/TabsContext.tsx"],"sourcesContent":["import React, {\n type FC,\n forwardRef,\n type ReactElement,\n useCallback,\n useEffect,\n useRef,\n useState,\n useMemo\n} from \"react\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport usePrevious from \"../../../hooks/usePrevious\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\n\nexport interface TabsContextProps extends VibeComponentProps {\n /*\n The index of the currently active tab.\n /\n activeTabId?: number;\n /\n The child elements representing the tab list and tab panels.\n */\n children?: ReactElement \| ReactElement[];\n}\n\ntype TabsChild = ReactElement & {\n type: Record<string, unknown>;\n};\n\nconst TabsContext: FC<TabsContextProps> = forwardRef(\n ({ className, id, activeTabId = 0, children, \"data-testid\": dataTestId }, ref) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const [previousActiveTabIdState, setPreviousActiveTabIdState] = useState(activeTabId);\n const [activeTabIdState, setActiveTabIdState] = useState(activeTabId);\n const prevActiveTabIdProp = usePrevious(activeTabId);\n\n useEffect(() => {\n // Update active tab if changed from props\n if (activeTabId !== prevActiveTabIdProp && activeTabId !== activeTabIdState) {\n setPreviousActiveTabIdState(activeTabIdState);\n setActiveTabIdState(activeTabId);\n }\n }, [activeTabId, activeTabIdState, prevActiveTabIdProp]);\n\n const onTabClick = useCallback(\n (tabId: number) => {\n setPreviousActiveTabIdState(activeTabIdState);\n setActiveTabIdState(tabId);\n },\n [activeTabIdState]\n );\n\n // Collect TabPanel ids for aria-controls relationship\n const tabPanelIds = useMemo(() => {\n const ids: string[] = [];\n React.Children.forEach(children, (child: TabsChild) => {\n if (child.type.isTabPanels) {\n React.Children.forEach(child.props.children, (panelChild: ReactElement, index: number) => {\n ids[index] = panelChild.props.id;\n });\n }\n });\n return ids;\n }, [children]);\n\n return (\n <div\n ref={mergedRef}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TABS_CONTEXT, id)}\n >\n {React.Children.map(children, (child: TabsChild) => {\n if (child.type.isTabList) {\n const originalOnTabChange = child.props.onTabChange;\n const onTabChange = (tabId: number) => {\n onTabClick(tabId);\n originalOnTabChange?.(tabId);\n };\n return React.cloneElement(child, { activeTabId: activeTabIdState, onTabChange, tabPanelIds });\n }\n if (child.type.isTabPanels) {\n const animationDirection = previousActiveTabIdState < activeTabIdState ? \"ltr\" : \"rtl\";\n return React.cloneElement(child, { activeTabId: activeTabIdState, animationDirection });\n }\n return child;\n })}\n </div>\n );\n }\n);\n\nexport default TabsContext;\n"],"names":["TabsContext","forwardRef","_ref","ref","className","id","_ref$activeTabId","activeTabId","children","dataTestId","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","previousActiveTabIdState","setPreviousActiveTabIdState","_useState3","_useState4","activeTabIdState","setActiveTabIdState","prevActiveTabIdProp","usePrevious","useEffect","onTabClick","useCallback","tabId","tabPanelIds","useMemo","ids","React","Children","forEach","child","type","isTabPanels","props","panelChild","index","createElement","getTestId","ComponentDefaultTestId","TABS_CONTEXT","map","isTabList","originalOnTabChange","onTabChange","cloneElement","animationDirection"],"mappings":"iXA8BMA,IAAAA,EAAoCC,GACxC,SAAAC,EAA0EC,GAAO,IAA9EC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAEC,EAAAJ,EAAEK,YAAAA,OAAc,IAAHD,EAAG,EAACA,EAAEE,EAAQN,EAARM,SAAyBC,EAAUP,EAAzB,eACrCQ,EAAeC,EAAO,MACtBC,EAAYC,EAAYV,EAAKO,GAEnCI,EAAgEC,EAASR,GAAYS,EAAAC,EAAAH,EAAA,GAA9EI,EAAwBF,EAAA,GAAEG,EAA2BH,EAAA,GAC5DI,EAAgDL,EAASR,GAAYc,EAAAJ,EAAAG,EAAA,GAA9DE,EAAgBD,EAAA,GAAEE,EAAmBF,EAAA,GACtCG,EAAsBC,EAAYlB,GAExCmB,GAAU,WAEJnB,IAAgBiB,GAAuBjB,IAAgBe,IACzDH,EAA4BG,GAC5BC,EAAoBhB,GAEvB,GAAE,CAACA,EAAae,EAAkBE,IAEnC,IAAMG,EAAaC,GACjB,SAACC,GACCV,EAA4BG,GAC5BC,EAAoBM,EACtB,GACA,CAACP,IAIGQ,EAAcC,GAAQ,WAC1B,IAAMC,EAAgB,GAQtB,OAPAC,EAAMC,SAASC,QAAQ3B,GAAU,SAAC4B,GAC5BA,EAAMC,KAAKC,aACbL,EAAMC,SAASC,QAAQC,EAAMG,MAAM/B,UAAU,SAACgC,EAA0BC,GACtET,EAAIS,GAASD,EAAWD,MAAMlC,EAChC,GAEJ,IACO2B,CACT,GAAG,CAACxB,IAEJ,OACEyB,EACES,cAAA,MAAA,CAAAvC,IAAKS,EACLR,UAAWA,EACXC,GAAIA,EACS,cAAAI,GAAckC,EAAUC,EAAuBC,aAAcxC,IAEzE4B,EAAMC,SAASY,IAAItC,GAAU,SAAC4B,GAC7B,GAAIA,EAAMC,KAAKU,UAAW,CACxB,IAAMC,EAAsBZ,EAAMG,MAAMU,YAKxC,OAAOhB,EAAMiB,aAAad,EAAO,CAAE7B,YAAae,EAAkB2B,YAJ9C,SAACpB,GACnBF,EAAWE,GACXmB,SAAAA,EAAsBnB,IAEuDC,YAAAA,GACjF,CACA,OAAIM,EAAMC,KAAKC,YAENL,EAAMiB,aAAad,EAAO,CAAE7B,YAAae,EAAkB6B,mBADZ7B,EAA3BJ,EAA8C,MAAQ,QAG5EkB,CACR,IAGP"}

package/dist/src/components/TextArea/TextArea.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={textAreaWrapper:"textAreaWrapper_911914bb4b",label:"label_3c39f983c2",required:"required_be03671890",subTextContainer:"subTextContainer_bc720eda4f",helpText:"helpText_bf1b42cbe2",limitText:"limitText_f94d49ab3c",textArea:"textArea_ac3c3850e2",small:"small_aabc6bf00c",large:"large_65b687902f",resize:"resize_7b9b2a2423",success:"success_389915cc00",error:"error_d3f9255b6f",disabled:"disabled_be03671890",readOnly:"readOnly_be03671890"};!function(e){const r="s_id-48d7f417273f_4_0_0-alpha_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.textAreaWrapper_911914bb4b {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--space-4);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_911914bb4b .label_3c39f983c2 {\n  display: inline-flex;\n  gap: var(--space-4);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_911914bb4b .label_3c39f983c2.required_be03671890::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_911914bb4b .subTextContainer_bc720eda4f {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_911914bb4b .subTextContainer_bc720eda4f .helpText_bf1b42cbe2 {\n  display: flex;\n}\n.textAreaWrapper_911914bb4b .subTextContainer_bc720eda4f .limitText_f94d49ab3c {\n  margin-inline-start: auto;\n}\n.textAreaWrapper_911914bb4b .textArea_ac3c3850e2 {\n  resize: vertical;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  padding: var(--space-8);\n  outline: none;\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_911914bb4b .textArea_ac3c3850e2::placeholder {\n  color: var(--placeholder-color);\n  font-weight: 400;\n}\n.textAreaWrapper_911914bb4b .textArea_ac3c3850e2:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_911914bb4b .textArea_ac3c3850e2:active, .textAreaWrapper_911914bb4b .textArea_ac3c3850e2:focus, .textAreaWrapper_911914bb4b .textArea_ac3c3850e2:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_911914bb4b .textArea_ac3c3850e2.small_aabc6bf00c {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_911914bb4b .textArea_ac3c3850e2.large_65b687902f {\n  padding: var(--space-12);\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_911914bb4b .textArea_ac3c3850e2:not(.resize_7b9b2a2423) {\n  resize: none;\n}\n.textAreaWrapper_911914bb4b.success_389915cc00 .textArea_ac3c3850e2 {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_911914bb4b.success_389915cc00 .helpText_bf1b42cbe2 {\n  color: var(--color-success);\n}\n.textAreaWrapper_911914bb4b.error_d3f9255b6f .textArea_ac3c3850e2 {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_911914bb4b.error_d3f9255b6f .helpText_bf1b42cbe2,\n.textAreaWrapper_911914bb4b.error_d3f9255b6f .limitText_f94d49ab3c {\n  color: var(--color-error);\n}\n.textAreaWrapper_911914bb4b.disabled_be03671890 .textArea_ac3c3850e2,\n.textAreaWrapper_911914bb4b.disabled_be03671890 .textArea_ac3c3850e2:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: transparent;\n  resize: none;\n}\n.textAreaWrapper_911914bb4b.disabled_be03671890 .textArea_ac3c3850e2::placeholder,\n.textAreaWrapper_911914bb4b.disabled_be03671890 .textArea_ac3c3850e2:hover::placeholder {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_911914bb4b.disabled_be03671890 .helpText_bf1b42cbe2 {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_911914bb4b.readOnly_be03671890 .textArea_ac3c3850e2,\n.textAreaWrapper_911914bb4b.readOnly_be03671890 .textArea_ac3c3850e2:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
+var e={textAreaWrapper:"textAreaWrapper_8da41efa14",label:"label_8f22b3ca31",required:"required_5aed3449c4",subTextContainer:"subTextContainer_a6cbfffde6",helpText:"helpText_d22cda480e",limitText:"limitText_7f6969b712",textArea:"textArea_cdd73e7ded",small:"small_4eb8527e03",large:"large_8db92702a4",resize:"resize_07837b6cb3",success:"success_e46baedfd3",error:"error_21f3b1a387",disabled:"disabled_5aed3449c4",readOnly:"readOnly_5aed3449c4"};!function(e){const r="s_id-48d7f417273f_4_0_0-alpha_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const d=document.createElement("style");d.id=r,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.textAreaWrapper_8da41efa14 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--space-4);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_8da41efa14 .label_8f22b3ca31 {\n  display: inline-flex;\n  gap: var(--space-4);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_8da41efa14 .label_8f22b3ca31.required_5aed3449c4::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_8da41efa14 .subTextContainer_a6cbfffde6 {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_8da41efa14 .subTextContainer_a6cbfffde6 .helpText_d22cda480e {\n  display: flex;\n}\n.textAreaWrapper_8da41efa14 .subTextContainer_a6cbfffde6 .limitText_7f6969b712 {\n  margin-inline-start: auto;\n}\n.textAreaWrapper_8da41efa14 .textArea_cdd73e7ded {\n  resize: vertical;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  padding: var(--space-8);\n  outline: none;\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_8da41efa14 .textArea_cdd73e7ded::placeholder {\n  color: var(--placeholder-color);\n  font-weight: 400;\n}\n.textAreaWrapper_8da41efa14 .textArea_cdd73e7ded:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_8da41efa14 .textArea_cdd73e7ded:active, .textAreaWrapper_8da41efa14 .textArea_cdd73e7ded:focus, .textAreaWrapper_8da41efa14 .textArea_cdd73e7ded:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_8da41efa14 .textArea_cdd73e7ded.small_4eb8527e03 {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_8da41efa14 .textArea_cdd73e7ded.large_8db92702a4 {\n  padding: var(--space-12);\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_8da41efa14 .textArea_cdd73e7ded:not(.resize_07837b6cb3) {\n  resize: none;\n}\n.textAreaWrapper_8da41efa14.success_e46baedfd3 .textArea_cdd73e7ded {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_8da41efa14.success_e46baedfd3 .helpText_d22cda480e {\n  color: var(--color-success);\n}\n.textAreaWrapper_8da41efa14.error_21f3b1a387 .textArea_cdd73e7ded {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_8da41efa14.error_21f3b1a387 .helpText_d22cda480e,\n.textAreaWrapper_8da41efa14.error_21f3b1a387 .limitText_7f6969b712 {\n  color: var(--color-error);\n}\n.textAreaWrapper_8da41efa14.disabled_5aed3449c4 .textArea_cdd73e7ded,\n.textAreaWrapper_8da41efa14.disabled_5aed3449c4 .textArea_cdd73e7ded:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: transparent;\n  resize: none;\n}\n.textAreaWrapper_8da41efa14.disabled_5aed3449c4 .textArea_cdd73e7ded::placeholder,\n.textAreaWrapper_8da41efa14.disabled_5aed3449c4 .textArea_cdd73e7ded:hover::placeholder {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_8da41efa14.disabled_5aed3449c4 .helpText_d22cda480e {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_8da41efa14.readOnly_5aed3449c4 .textArea_cdd73e7ded,\n.textAreaWrapper_8da41efa14.readOnly_5aed3449c4 .textArea_cdd73e7ded:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
 //# sourceMappingURL=TextArea.module.scss.js.map