@cube-dev/ui-kit 0.200.1 → 0.202.0

package/dist/components/fields/Slider/Slider.js

@@ -1,59 +1,56 @@
-/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
-import { extractStyles } from "../../../utils/styles.js";
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { Gradation } from "./Gradation.js";
 import { SliderBase as _SliderBase } from "./SliderBase.js";
 import { SliderThumb } from "./SliderThumb.js";
 import { SliderTrack } from "./SliderTrack.js";
 import { c } from "react/compiler-runtime";
-import { OUTER_STYLES } from "@tenphi/tasty";
 import { forwardRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/fields/Slider/Slider.tsx
 function Slider(props, ref) {
-	const $ = c(30);
+	const $ = c(28);
 	let T0;
-	let extractedStyles;
 	let gradation;
-	let isDisabled;
 	let orientation;
+	let styles;
 	let t0;
 	let thumbStyles;
 	let thumbTokens;
 	let trackStyles;
 	if ($[0] !== props) {
-		const { onChange, onChangeEnd, value, defaultValue, getValueLabel, isDisabled: t1, styles, gradation: t2, orientation: t3, trackStyles: t4, thumbStyles: t5, thumbTokens: t6, ...otherProps } = props;
-		isDisabled = t1;
+		const { onChange, onChangeEnd, value, defaultValue, getValueLabel, styles: t1, gradation: t2, orientation: t3, trackStyles: t4, thumbStyles: t5, thumbTokens: t6, ...otherProps } = props;
+		styles = t1;
 		gradation = t2;
 		orientation = t3;
 		trackStyles = t4;
 		thumbStyles = t5;
 		thumbTokens = t6;
 		let t7;
-		if ($[10] !== onChange) {
+		if ($[9] !== onChange) {
 			t7 = (v) => {
 				onChange?.(v[0]);
 			};
-			$[10] = onChange;
-			$[11] = t7;
-		} else t7 = $[11];
+			$[9] = onChange;
+			$[10] = t7;
+		} else t7 = $[10];
 		let t8;
-		if ($[12] !== onChangeEnd) {
+		if ($[11] !== onChangeEnd) {
 			t8 = (v_0) => {
 				onChangeEnd?.(v_0[0]);
 			};
-			$[12] = onChangeEnd;
-			$[13] = t8;
-		} else t8 = $[13];
+			$[11] = onChangeEnd;
+			$[12] = t8;
+		} else t8 = $[12];
 		let t9;
-		if ($[14] !== getValueLabel) {
+		if ($[13] !== getValueLabel) {
 			t9 = getValueLabel ? (t10) => {
 				const [v_1] = t10;
 				return getValueLabel(v_1);
 			} : void 0;
-			$[14] = getValueLabel;
-			$[15] = t9;
-		} else t9 = $[15];
+			$[13] = getValueLabel;
+			$[14] = t9;
+		} else t9 = $[14];
 		const baseProps = {
 			...otherProps,
 			value: value != null ? [value] : void 0,
@@ -62,32 +59,29 @@ function Slider(props, ref) {
 			onChangeEnd: t8,
 			getValueLabel: t9
 		};
-		extractedStyles = extractStyles(otherProps, OUTER_STYLES, styles);
 		T0 = _SliderBase;
 		t0 = mergeProps(otherProps, baseProps);
 		$[0] = props;
 		$[1] = T0;
-		$[2] = extractedStyles;
-		$[3] = gradation;
-		$[4] = isDisabled;
-		$[5] = orientation;
-		$[6] = t0;
-		$[7] = thumbStyles;
-		$[8] = thumbTokens;
-		$[9] = trackStyles;
+		$[2] = gradation;
+		$[3] = orientation;
+		$[4] = styles;
+		$[5] = t0;
+		$[6] = thumbStyles;
+		$[7] = thumbTokens;
+		$[8] = trackStyles;
 	} else {
 		T0 = $[1];
-		extractedStyles = $[2];
-		gradation = $[3];
-		isDisabled = $[4];
-		orientation = $[5];
-		t0 = $[6];
-		thumbStyles = $[7];
-		thumbTokens = $[8];
-		trackStyles = $[9];
+		gradation = $[2];
+		orientation = $[3];
+		styles = $[4];
+		t0 = $[5];
+		thumbStyles = $[6];
+		thumbTokens = $[7];
+		trackStyles = $[8];
 	}
 	let t1;
-	if ($[16] !== gradation || $[17] !== isDisabled || $[18] !== orientation || $[19] !== thumbStyles || $[20] !== thumbTokens || $[21] !== trackStyles) {
+	if ($[15] !== gradation || $[16] !== orientation || $[17] !== thumbStyles || $[18] !== thumbTokens || $[19] !== trackStyles) {
 		t1 = (t2) => {
 			const { trackRef, inputRef, state, isInvalid, isValid } = t2;
 			return /* @__PURE__ */ jsxs(Fragment$1, { children: [
@@ -98,7 +92,7 @@ function Slider(props, ref) {
 				}),
 				/* @__PURE__ */ jsx(SliderTrack, {
 					state,
-					isDisabled,
+					isDisabled: state.isDisabled,
 					isInvalid,
 					isValid,
 					orientation,
@@ -109,7 +103,7 @@ function Slider(props, ref) {
 					state,
 					inputRef,
 					trackRef,
-					isDisabled,
+					isDisabled: state.isDisabled,
 					isInvalid,
 					isValid,
 					styles: thumbStyles,
@@ -117,31 +111,30 @@ function Slider(props, ref) {
 				})
 			] });
 		};
-		$[16] = gradation;
-		$[17] = isDisabled;
-		$[18] = orientation;
-		$[19] = thumbStyles;
-		$[20] = thumbTokens;
-		$[21] = trackStyles;
-		$[22] = t1;
-	} else t1 = $[22];
+		$[15] = gradation;
+		$[16] = orientation;
+		$[17] = thumbStyles;
+		$[18] = thumbTokens;
+		$[19] = trackStyles;
+		$[20] = t1;
+	} else t1 = $[20];
 	let t2;
-	if ($[23] !== T0 || $[24] !== extractedStyles || $[25] !== orientation || $[26] !== ref || $[27] !== t0 || $[28] !== t1) {
+	if ($[21] !== T0 || $[22] !== orientation || $[23] !== ref || $[24] !== styles || $[25] !== t0 || $[26] !== t1) {
 		t2 = /* @__PURE__ */ jsx(T0, {
 			...t0,
 			ref,
 			orientation,
-			styles: extractedStyles,
+			styles,
 			children: t1
 		});
-		$[23] = T0;
-		$[24] = extractedStyles;
-		$[25] = orientation;
-		$[26] = ref;
-		$[27] = t0;
-		$[28] = t1;
-		$[29] = t2;
-	} else t2 = $[29];
+		$[21] = T0;
+		$[22] = orientation;
+		$[23] = ref;
+		$[24] = styles;
+		$[25] = t0;
+		$[26] = t1;
+		$[27] = t2;
+	} else t2 = $[27];
 	return t2;
 }
 const _Slider = forwardRef(Slider);

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","names":["OUTER_STYLES","Styles","Tokens","forwardRef","mergeProps","extractStyles","Gradation","SliderBase","SliderBaseChildArguments","SliderBaseProps","SliderThumb","SliderTrack","FocusableRef","CubeSliderBaseProps","CubeSliderProps","gradation","trackStyles","thumbStyles","thumbTokens","Slider","props","ref","$","_c","T0","extractedStyles","isDisabled","orientation","t0","onChange","onChangeEnd","value","defaultValue","getValueLabel","t1","styles","t2","t3","t4","t5","t6","otherProps","t7","v","t8","v_0","t9","t10","v_1","undefined","baseProps","trackRef","inputRef","state","isInvalid","isValid","_Slider","__Slider","Object","assign","cubeInputType","displayName","_c","SliderBase"],"sources":["../../../../src/components/fields/Slider/Slider.tsx"],"sourcesContent":["import { OUTER_STYLES, Styles, Tokens } from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { mergeProps } from '../../../utils/react/index';\nimport { extractStyles } from '../../../utils/styles';\n\nimport { Gradation } from './Gradation';\nimport {\n  SliderBase,\n  SliderBaseChildArguments,\n  SliderBaseProps,\n} from './SliderBase';\nimport { SliderThumb } from './SliderThumb';\nimport { SliderTrack } from './SliderTrack';\n\nimport type { FocusableRef } from '@react-types/shared';\nimport type { CubeSliderBaseProps } from './types';\n\nexport interface CubeSliderProps extends CubeSliderBaseProps<number> {\n  gradation?: string[];\n  /** Custom styles for the track element */\n  trackStyles?: Styles;\n  /** Custom styles for the thumb element */\n  thumbStyles?: Styles;\n  /** Custom tokens for the thumb element (e.g., #slider-thumb for fill color) */\n  thumbTokens?: Tokens;\n}\n\nfunction Slider(props: CubeSliderProps, ref: FocusableRef<HTMLDivElement>) {\n  const {\n    onChange,\n    onChangeEnd,\n    value,\n    defaultValue,\n    getValueLabel,\n    isDisabled,\n    styles,\n    gradation,\n    orientation,\n    trackStyles,\n    thumbStyles,\n    thumbTokens,\n    ...otherProps\n  } = props;\n\n  let baseProps: Omit<SliderBaseProps, 'children'> = {\n    ...otherProps,\n    // Normalize `value: number[]` to `value: number`\n    value: value != null ? [value] : undefined,\n    defaultValue: defaultValue != null ? [defaultValue] : undefined,\n    onChange: (v: number[]): void => {\n      onChange?.(v[0]);\n    },\n    onChangeEnd: (v: number[]): void => {\n      onChangeEnd?.(v[0]);\n    },\n    getValueLabel: getValueLabel ? ([v]) => getValueLabel(v) : undefined,\n  };\n\n  const extractedStyles = extractStyles(otherProps, OUTER_STYLES, styles);\n\n  return (\n    <SliderBase\n      {...mergeProps(otherProps, baseProps)}\n      ref={ref}\n      orientation={orientation}\n      styles={extractedStyles}\n    >\n      {({\n        trackRef,\n        inputRef,\n        state,\n        isInvalid,\n        isValid,\n      }: SliderBaseChildArguments) => {\n        return (\n          <>\n            <Gradation state={state} ranges={[0, 1]} values={gradation} />\n            <SliderTrack\n              state={state}\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              isValid={isValid}\n              orientation={orientation}\n              styles={trackStyles}\n            />\n            <SliderThumb\n              index={0}\n              state={state}\n              inputRef={inputRef}\n              trackRef={trackRef}\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              isValid={isValid}\n              styles={thumbStyles}\n              tokens={thumbTokens}\n            />\n          </>\n        );\n      }}\n    </SliderBase>\n  );\n}\n\nconst _Slider = forwardRef(Slider);\n\nconst __Slider = Object.assign(_Slider as typeof _Slider, {\n  cubeInputType: 'Number',\n  displayName: 'Slider',\n});\n\nexport { __Slider as Slider };\n"],"mappings":"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"}
+{"version":3,"file":"Slider.js","names":["Styles","Tokens","forwardRef","mergeProps","Gradation","SliderBase","SliderBaseChildArguments","SliderBaseProps","SliderThumb","SliderTrack","FocusableRef","CubeSliderBaseProps","CubeSliderProps","gradation","trackStyles","thumbStyles","thumbTokens","Slider","props","ref","$","_c","T0","orientation","styles","t0","onChange","onChangeEnd","value","defaultValue","getValueLabel","t1","t2","t3","t4","t5","t6","otherProps","t7","v","t8","v_0","t9","t10","v_1","undefined","baseProps","trackRef","inputRef","state","isInvalid","isValid","isDisabled","_Slider","__Slider","Object","assign","cubeInputType","displayName","_c","SliderBase"],"sources":["../../../../src/components/fields/Slider/Slider.tsx"],"sourcesContent":["import { Styles, Tokens } from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { mergeProps } from '../../../utils/react/index';\n\nimport { Gradation } from './Gradation';\nimport {\n  SliderBase,\n  SliderBaseChildArguments,\n  SliderBaseProps,\n} from './SliderBase';\nimport { SliderThumb } from './SliderThumb';\nimport { SliderTrack } from './SliderTrack';\n\nimport type { FocusableRef } from '@react-types/shared';\nimport type { CubeSliderBaseProps } from './types';\n\nexport interface CubeSliderProps extends CubeSliderBaseProps<number> {\n  gradation?: string[];\n  /** Custom styles for the track element */\n  trackStyles?: Styles;\n  /** Custom styles for the thumb element */\n  thumbStyles?: Styles;\n  /** Custom tokens for the thumb element (e.g., #slider-thumb for fill color) */\n  thumbTokens?: Tokens;\n}\n\nfunction Slider(props: CubeSliderProps, ref: FocusableRef<HTMLDivElement>) {\n  const {\n    onChange,\n    onChangeEnd,\n    value,\n    defaultValue,\n    getValueLabel,\n    styles,\n    gradation,\n    orientation,\n    trackStyles,\n    thumbStyles,\n    thumbTokens,\n    ...otherProps\n  } = props;\n\n  let baseProps: Omit<SliderBaseProps, 'children'> = {\n    ...otherProps,\n    // Normalize `value: number[]` to `value: number`\n    value: value != null ? [value] : undefined,\n    defaultValue: defaultValue != null ? [defaultValue] : undefined,\n    onChange: (v: number[]): void => {\n      onChange?.(v[0]);\n    },\n    onChangeEnd: (v: number[]): void => {\n      onChangeEnd?.(v[0]);\n    },\n    getValueLabel: getValueLabel ? ([v]) => getValueLabel(v) : undefined,\n  };\n\n  return (\n    <SliderBase\n      {...mergeProps(otherProps, baseProps)}\n      ref={ref}\n      orientation={orientation}\n      styles={styles}\n    >\n      {({\n        trackRef,\n        inputRef,\n        state,\n        isInvalid,\n        isValid,\n      }: SliderBaseChildArguments) => {\n        return (\n          <>\n            <Gradation state={state} ranges={[0, 1]} values={gradation} />\n            <SliderTrack\n              state={state}\n              isDisabled={state.isDisabled}\n              isInvalid={isInvalid}\n              isValid={isValid}\n              orientation={orientation}\n              styles={trackStyles}\n            />\n            <SliderThumb\n              index={0}\n              state={state}\n              inputRef={inputRef}\n              trackRef={trackRef}\n              isDisabled={state.isDisabled}\n              isInvalid={isInvalid}\n              isValid={isValid}\n              styles={thumbStyles}\n              tokens={thumbTokens}\n            />\n          </>\n        );\n      }}\n    </SliderBase>\n  );\n}\n\nconst _Slider = forwardRef(Slider);\n\nconst __Slider = Object.assign(_Slider as typeof _Slider, {\n  cubeInputType: 'Number',\n  displayName: 'Slider',\n});\n\nexport { __Slider as Slider };\n"],"mappings":"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"}

package/dist/components/fields/Slider/SliderBase.js

@@ -1,13 +1,13 @@
-/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
-import { extractStyles } from "../../../utils/styles.js";
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { Text as _Text } from "../../content/Text.js";
 import { getValidationMods } from "../../form/validation/resolve-validation-props.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
 import { wrapWithField } from "../../form/wrapper.js";
+import { splitFieldLayout } from "../../form/field-layout.js";
 import { SliderControlsElement, SliderElement } from "./elements.js";
 import { c } from "react/compiler-runtime";
-import { OUTER_STYLES, tasty } from "@tenphi/tasty";
+import { tasty } from "@tenphi/tasty";
 import { forwardRef, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useNumberFormatter, useSlider } from "react-aria";
@@ -20,7 +20,7 @@ const LabelValueElement = tasty(_Text, { styles: {
 	width: "$slider-value-width $slider-value-width initial"
 } });
 function SliderBase(allProps, ref) {
-	const $ = c(86);
+	const $ = c(87);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
 		t0 = {
@@ -30,7 +30,7 @@ function SliderBase(allProps, ref) {
 		$[0] = t0;
 	} else t0 = $[0];
 	const props = useFieldProps(allProps, t0);
-	let { labelPosition, label, extra, styles, isRequired, message, description, requiredMark, labelSuffix, labelStyles, necessityIndicator, gradation, isDisabled, isInvalid, isValid, inputStyles, minValue: t1, maxValue: t2, inputWidth, formatOptions, getValueLabel, onChange: onChange_0, onChangeEnd, children, showValueLabel: t3, orientation: formOrientation, form, labelProps: userLabelProps, ...otherProps } = props;
+	let { labelPosition, extra, styles, isInvalid, isValid, minValue: t1, maxValue: t2, formatOptions, getValueLabel, children, showValueLabel: t3, labelProps: userLabelProps } = props;
 	const minValue = t1 === void 0 ? 0 : t1;
 	const maxValue = t2 === void 0 ? 100 : t2;
 	const showValueLabel = t3 === void 0 ? true : t3;
@@ -251,72 +251,73 @@ function SliderBase(allProps, ref) {
 		$[63] = t9;
 	} else t9 = $[63];
 	const mods = t9;
-	styles = extractStyles(otherProps, OUTER_STYLES, styles);
-	const t10 = props.id ?? groupProps.id;
-	const t11 = styles;
-	let t12;
-	if ($[64] !== children || $[65] !== isInvalid || $[66] !== isValid || $[67] !== state) {
-		t12 = children({
-			trackRef,
-			inputRef,
-			state,
-			isInvalid,
-			isValid
-		});
-		$[64] = children;
-		$[65] = isInvalid;
-		$[66] = isValid;
-		$[67] = state;
-		$[68] = t12;
-	} else t12 = $[68];
-	let t13;
-	if ($[69] !== mods || $[70] !== t12 || $[71] !== trackProps) {
-		t13 = /* @__PURE__ */ jsx(SliderControlsElement, {
-			...trackProps,
-			ref: trackRef,
-			mods,
-			children: t12
-		});
-		$[69] = mods;
-		$[70] = t12;
-		$[71] = trackProps;
-		$[72] = t13;
-	} else t13 = $[72];
-	let t14;
-	if ($[73] !== domRef || $[74] !== groupProps || $[75] !== mods || $[76] !== styles || $[77] !== t10 || $[78] !== t13) {
-		t14 = /* @__PURE__ */ jsx(SliderElement, {
+	let t10;
+	if ($[64] !== children || $[65] !== domRef || $[66] !== extra || $[67] !== groupProps || $[68] !== isInvalid || $[69] !== isValid || $[70] !== labelProps || $[71] !== mods || $[72] !== props || $[73] !== state || $[74] !== trackProps || $[75] !== userLabelProps) {
+		const fieldLayout = splitFieldLayout(props);
+		styles = fieldLayout.styles;
+		const t11 = styles;
+		let t12;
+		if ($[78] !== children || $[79] !== isInvalid || $[80] !== isValid || $[81] !== state) {
+			t12 = children({
+				trackRef,
+				inputRef,
+				state,
+				isInvalid,
+				isValid
+			});
+			$[78] = children;
+			$[79] = isInvalid;
+			$[80] = isValid;
+			$[81] = state;
+			$[82] = t12;
+		} else t12 = $[82];
+		let t13;
+		if ($[83] !== mods || $[84] !== t12 || $[85] !== trackProps) {
+			t13 = /* @__PURE__ */ jsx(SliderControlsElement, {
+				...trackProps,
+				ref: trackRef,
+				mods,
+				children: t12
+			});
+			$[83] = mods;
+			$[84] = t12;
+			$[85] = trackProps;
+			$[86] = t13;
+		} else t13 = $[86];
+		const sliderField = /* @__PURE__ */ jsx(SliderElement, {
 			ref: domRef,
 			...groupProps,
-			id: t10,
+			id: props.id ?? groupProps.id,
 			mods,
 			styles: t11,
 			"data-input-type": "slider",
 			children: t13
 		});
-		$[73] = domRef;
-		$[74] = groupProps;
-		$[75] = mods;
-		$[76] = styles;
-		$[77] = t10;
-		$[78] = t13;
-		$[79] = t14;
-	} else t14 = $[79];
-	const sliderField = t14;
-	let t15;
-	if ($[80] !== extra || $[81] !== labelProps || $[82] !== props || $[83] !== sliderField || $[84] !== userLabelProps) {
-		t15 = wrapWithField(sliderField, {
+		t10 = wrapWithField(sliderField, {
 			...props,
+			...fieldLayout.field,
 			extra,
 			labelProps: mergeProps$1(labelProps, userLabelProps)
 		});
-		$[80] = extra;
-		$[81] = labelProps;
-		$[82] = props;
-		$[83] = sliderField;
-		$[84] = userLabelProps;
-		$[85] = t15;
-	} else t15 = $[85];
-	return t15;
+		$[64] = children;
+		$[65] = domRef;
+		$[66] = extra;
+		$[67] = groupProps;
+		$[68] = isInvalid;
+		$[69] = isValid;
+		$[70] = labelProps;
+		$[71] = mods;
+		$[72] = props;
+		$[73] = state;
+		$[74] = trackProps;
+		$[75] = userLabelProps;
+		$[76] = t10;
+		$[77] = styles;
+	} else {
+		t10 = $[76];
+		styles = $[77];
+	}
+	return t10;
 }
 function _temp(t0) {
 	const { value, onChange } = t0;

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

@@ -1 +1 @@
-{"version":3,"file":"SliderBase.js","names":["useFocusableRef","FocusableRef","FocusableRefValue","OUTER_STYLES","tasty","ForwardedRef","forwardRef","ForwardRefRenderFunction","ReactElement","ReactNode","RefObject","useMemo","useRef","useNumberFormatter","useSlider","useSliderState","mergeProps","extractStyles","Text","getValidationMods","useFieldProps","wrapWithField","SliderControlsElement","SliderElement","SliderState","CubeSliderBaseProps","SliderBaseChildArguments","inputRef","HTMLInputElement","trackRef","HTMLElement","state","isInvalid","isValid","SliderBaseProps","Omit","T","field","children","opts","LabelValueElement","styles","display","textAlign","width","SliderBase","allProps","ref","$","_c","t0","Symbol","for","defaultValidationTrigger","valuePropsMapper","_temp","props","labelPosition","label","extra","isRequired","message","description","requiredMark","labelSuffix","labelStyles","necessityIndicator","gradation","isDisabled","inputStyles","minValue","t1","maxValue","t2","inputWidth","formatOptions","getValueLabel","onChange","onChange_0","onChangeEnd","showValueLabel","t3","orientation","formOrientation","form","labelProps","userLabelProps","otherProps","undefined","alwaysDisplaySign","Math","abs","sign","t4","signDisplay","formatter","numberFormatter","groupProps","trackProps","outputProps","domRef","displayValue","maxLabelLength","t5","values","bb0","length","t6","t7","t8","max","t9","t10","t11","t12","Error","format","bb1","getThumbValueLabel","horizontal","mods","id","t13","t14","sliderField","t15","value","_SliderBase","HTMLDivElement","displayName","Text","_c","mergeProps"],"sources":["../../../../src/components/fields/Slider/SliderBase.tsx"],"sourcesContent":["import { useFocusableRef } from '@react-spectrum/utils';\nimport { FocusableRef, FocusableRefValue } from '@react-types/shared';\nimport { OUTER_STYLES, tasty } from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  ForwardRefRenderFunction,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useMemo,\n  useRef,\n} from 'react';\nimport { useNumberFormatter, useSlider } from 'react-aria';\nimport { useSliderState } from 'react-stately';\n\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { Text } from '../../content/Text';\nimport { getValidationMods, useFieldProps, wrapWithField } from '../../form';\n\nimport { SliderControlsElement, SliderElement } from './elements';\n\nimport type { SliderState } from 'react-stately';\nimport type { CubeSliderBaseProps } from './types';\n\nexport interface SliderBaseChildArguments {\n  inputRef: RefObject<HTMLInputElement | null>;\n  trackRef: RefObject<HTMLElement | null>;\n  state: SliderState;\n  /** Resolved validation state. It is only known here, after `useFieldProps` merged the form state in. */\n  isInvalid?: boolean;\n  isValid?: boolean;\n}\n\nexport interface SliderBaseProps<T = number[]> extends Omit<\n  CubeSliderBaseProps<T>,\n  'field'\n> {\n  field?: CubeSliderBaseProps<number | number[]>['field'];\n  children: (opts: SliderBaseChildArguments) => ReactNode;\n}\n\nconst LabelValueElement = tasty(Text, {\n  styles: {\n    display: 'block',\n    textAlign: 'right',\n    // Fits the longest value label, so the label doesn't resize while dragging.\n    width: '$slider-value-width $slider-value-width initial',\n  },\n});\n\nfunction SliderBase(\n  allProps: SliderBaseProps,\n  ref: FocusableRef<HTMLDivElement>,\n) {\n  let props = useFieldProps(allProps, {\n    defaultValidationTrigger: 'onChange',\n    valuePropsMapper: ({ value, onChange }) => ({\n      value: value != null ? value : undefined,\n      onChange: onChange,\n    }),\n  });\n\n  let {\n    labelPosition,\n    label,\n    extra,\n    styles,\n    isRequired,\n    message,\n    description,\n    requiredMark,\n    labelSuffix,\n    labelStyles,\n    necessityIndicator,\n    gradation,\n    isDisabled,\n    isInvalid,\n    isValid,\n    inputStyles,\n    minValue = 0,\n    maxValue = 100,\n    inputWidth,\n    formatOptions,\n    getValueLabel,\n    onChange,\n    onChangeEnd,\n    children,\n    showValueLabel = true,\n    orientation: formOrientation,\n    form,\n    labelProps: userLabelProps,\n    ...otherProps\n  } = props;\n\n  let orientation = allProps.orientation || 'horizontal';\n\n  // `Math.abs(Math.sign(a) - Math.sign(b)) === 2` is true if the values have a different sign.\n  let alwaysDisplaySign =\n    Math.abs(Math.sign(minValue) - Math.sign(maxValue)) === 2;\n  if (alwaysDisplaySign) {\n    if (formatOptions != null) {\n      if (!('signDisplay' in formatOptions)) {\n        formatOptions = {\n          ...formatOptions,\n          signDisplay: 'exceptZero',\n        };\n      }\n    } else {\n      formatOptions = { signDisplay: 'exceptZero' };\n    }\n  }\n\n  const formatter = useNumberFormatter(formatOptions);\n\n  const state = useSliderState({\n    ...props,\n    orientation,\n    numberFormatter: formatter,\n    minValue,\n    maxValue,\n  });\n\n  const trackRef = useRef<HTMLElement>(null);\n\n  let { groupProps, trackProps, labelProps, outputProps } = useSlider(\n    props,\n    state,\n    trackRef,\n  );\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  let domRef = useFocusableRef(ref as any, inputRef);\n\n  let displayValue = '';\n  let maxLabelLength = 0;\n\n  if (typeof getValueLabel === 'function') {\n    displayValue = getValueLabel(state.values);\n    switch (state.values.length) {\n      case 1:\n        maxLabelLength = Math.max(\n          getValueLabel([minValue]).length,\n          getValueLabel([maxValue]).length,\n        );\n        break;\n      case 2:\n        // Try all possible combinations of min and max values.\n        maxLabelLength = Math.max(\n          getValueLabel([minValue, minValue]).length,\n          getValueLabel([minValue, maxValue]).length,\n          getValueLabel([maxValue, minValue]).length,\n          getValueLabel([maxValue, maxValue]).length,\n        );\n        break;\n      default:\n        throw new Error('Only sliders with 1 or 2 handles are supported!');\n    }\n  } else {\n    maxLabelLength = Math.max(\n      [...formatter.format(minValue)].length,\n      [...formatter.format(maxValue)].length,\n    );\n    switch (state.values.length) {\n      case 1:\n        displayValue = state.getThumbValueLabel(0);\n        break;\n      case 2:\n        // This should really use the NumberFormat#formatRange proposal...\n        // https://github.com/tc39/ecma402/issues/393\n        // https://github.com/tc39/proposal-intl-numberformat-v3#formatrange-ecma-402-393\n        displayValue = `${state.getThumbValueLabel(\n          0,\n        )} – ${state.getThumbValueLabel(1)}`;\n        maxLabelLength =\n          3 +\n          2 *\n            Math.max(\n              maxLabelLength,\n              [...formatter.format(minValue)].length,\n              [...formatter.format(maxValue)].length,\n            );\n        break;\n      default:\n        throw new Error('Only sliders with 1 or 2 handles are supported!');\n    }\n  }\n\n  extra =\n    extra != null || !showValueLabel ? (\n      extra\n    ) : (\n      <LabelValueElement\n        {...outputProps}\n        tokens={\n          maxLabelLength\n            ? { '$slider-value-width': `${maxLabelLength + 1}ch` }\n            : undefined\n        }\n      >\n        {displayValue}\n      </LabelValueElement>\n    );\n\n  const mods = useMemo(\n    () => ({\n      'side-label': labelPosition === 'side',\n      horizontal: orientation === 'horizontal',\n      ...getValidationMods({ isInvalid, isValid }),\n    }),\n    [labelPosition, orientation, isInvalid, isValid],\n  );\n\n  styles = extractStyles(otherProps, OUTER_STYLES, styles);\n\n  const sliderField = (\n    <SliderElement\n      ref={domRef}\n      {...groupProps}\n      // `useSlider` seeds the group id once; the current id follows the form\n      // binding, and the label points at it.\n      id={props.id ?? groupProps.id}\n      mods={mods}\n      styles={styles}\n      data-input-type=\"slider\"\n    >\n      <SliderControlsElement {...trackProps} ref={trackRef} mods={mods}>\n        {children({\n          trackRef,\n          inputRef,\n          state,\n          isInvalid,\n          isValid,\n        })}\n      </SliderControlsElement>\n    </SliderElement>\n  );\n\n  return wrapWithField(sliderField, {\n    ...props,\n    extra,\n    labelProps: mergeProps(labelProps, userLabelProps),\n  });\n}\n\n// Preserve the existing FocusableRef wrapper contract. The cast keeps the\n// props as declared, since `forwardRef`'s `Omit<…, 'ref'>` loses required\n// `children`; migrate this wrapper with its public declaration fixtures.\nconst _SliderBase = forwardRef(\n  SliderBase as ForwardRefRenderFunction<\n    FocusableRefValue<HTMLDivElement>,\n    any\n  >,\n) as unknown as (\n  props: SliderBaseProps & { ref?: FocusableRef<HTMLDivElement> },\n) => ReactElement;\n\n(_SliderBase as any).displayName = 'SliderBase';\n\nexport { _SliderBase as SliderBase };\nexport { useSlider };\n"],"mappings":"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"}
+{"version":3,"file":"SliderBase.js","names":["useFocusableRef","FocusableRef","FocusableRefValue","tasty","ForwardedRef","forwardRef","ForwardRefRenderFunction","ReactElement","ReactNode","RefObject","useMemo","useRef","useNumberFormatter","useSlider","useSliderState","mergeProps","Text","getValidationMods","useFieldProps","wrapWithField","splitFieldLayout","SliderControlsElement","SliderElement","SliderState","CubeSliderBaseProps","SliderBaseChildArguments","inputRef","HTMLInputElement","trackRef","HTMLElement","state","isInvalid","isValid","SliderBaseProps","Omit","T","field","children","opts","LabelValueElement","styles","display","textAlign","width","SliderBase","allProps","ref","$","_c","t0","Symbol","for","defaultValidationTrigger","valuePropsMapper","_temp","props","labelPosition","extra","minValue","t1","maxValue","t2","formatOptions","getValueLabel","showValueLabel","t3","labelProps","userLabelProps","undefined","orientation","alwaysDisplaySign","Math","abs","sign","t4","signDisplay","formatter","numberFormatter","groupProps","trackProps","outputProps","domRef","displayValue","maxLabelLength","t5","values","bb0","length","t6","t7","t8","max","t9","t10","t11","t12","Error","format","bb1","getThumbValueLabel","horizontal","mods","fieldLayout","t13","sliderField","id","value","onChange","_SliderBase","HTMLDivElement","displayName","Text","_c","mergeProps"],"sources":["../../../../src/components/fields/Slider/SliderBase.tsx"],"sourcesContent":["import { useFocusableRef } from '@react-spectrum/utils';\nimport { FocusableRef, FocusableRefValue } from '@react-types/shared';\nimport { tasty } from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  ForwardRefRenderFunction,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useMemo,\n  useRef,\n} from 'react';\nimport { useNumberFormatter, useSlider } from 'react-aria';\nimport { useSliderState } from 'react-stately';\n\nimport { mergeProps } from '../../../utils/react';\nimport { Text } from '../../content/Text';\nimport { getValidationMods, useFieldProps, wrapWithField } from '../../form';\nimport { splitFieldLayout } from '../../form/field-layout';\n\nimport { SliderControlsElement, SliderElement } from './elements';\n\nimport type { SliderState } from 'react-stately';\nimport type { CubeSliderBaseProps } from './types';\n\nexport interface SliderBaseChildArguments {\n  inputRef: RefObject<HTMLInputElement | null>;\n  trackRef: RefObject<HTMLElement | null>;\n  state: SliderState;\n  /** Resolved validation state. It is only known here, after `useFieldProps` merged the form state in. */\n  isInvalid?: boolean;\n  isValid?: boolean;\n}\n\nexport interface SliderBaseProps<T = number[]> extends Omit<\n  CubeSliderBaseProps<T>,\n  'field'\n> {\n  field?: CubeSliderBaseProps<number | number[]>['field'];\n  children: (opts: SliderBaseChildArguments) => ReactNode;\n}\n\nconst LabelValueElement = tasty(Text, {\n  styles: {\n    display: 'block',\n    textAlign: 'right',\n    // Fits the longest value label, so the label doesn't resize while dragging.\n    width: '$slider-value-width $slider-value-width initial',\n  },\n});\n\nfunction SliderBase(\n  allProps: SliderBaseProps,\n  ref: FocusableRef<HTMLDivElement>,\n) {\n  let props = useFieldProps(allProps, {\n    defaultValidationTrigger: 'onChange',\n    valuePropsMapper: ({ value, onChange }) => ({\n      value: value != null ? value : undefined,\n      onChange: onChange,\n    }),\n  });\n\n  let {\n    labelPosition,\n    label,\n    extra,\n    styles,\n    isRequired,\n    message,\n    description,\n    requiredMark,\n    labelSuffix,\n    labelStyles,\n    necessityIndicator,\n    gradation,\n    isDisabled,\n    isInvalid,\n    isValid,\n    inputStyles,\n    minValue = 0,\n    maxValue = 100,\n    inputWidth,\n    formatOptions,\n    getValueLabel,\n    onChange,\n    onChangeEnd,\n    children,\n    showValueLabel = true,\n    orientation: formOrientation,\n    form,\n    labelProps: userLabelProps,\n  } = props;\n\n  let orientation = allProps.orientation || 'horizontal';\n\n  // `Math.abs(Math.sign(a) - Math.sign(b)) === 2` is true if the values have a different sign.\n  let alwaysDisplaySign =\n    Math.abs(Math.sign(minValue) - Math.sign(maxValue)) === 2;\n  if (alwaysDisplaySign) {\n    if (formatOptions != null) {\n      if (!('signDisplay' in formatOptions)) {\n        formatOptions = {\n          ...formatOptions,\n          signDisplay: 'exceptZero',\n        };\n      }\n    } else {\n      formatOptions = { signDisplay: 'exceptZero' };\n    }\n  }\n\n  const formatter = useNumberFormatter(formatOptions);\n\n  const state = useSliderState({\n    ...props,\n    orientation,\n    numberFormatter: formatter,\n    minValue,\n    maxValue,\n  });\n\n  const trackRef = useRef<HTMLElement>(null);\n\n  let { groupProps, trackProps, labelProps, outputProps } = useSlider(\n    props,\n    state,\n    trackRef,\n  );\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  let domRef = useFocusableRef(ref as any, inputRef);\n\n  let displayValue = '';\n  let maxLabelLength = 0;\n\n  if (typeof getValueLabel === 'function') {\n    displayValue = getValueLabel(state.values);\n    switch (state.values.length) {\n      case 1:\n        maxLabelLength = Math.max(\n          getValueLabel([minValue]).length,\n          getValueLabel([maxValue]).length,\n        );\n        break;\n      case 2:\n        // Try all possible combinations of min and max values.\n        maxLabelLength = Math.max(\n          getValueLabel([minValue, minValue]).length,\n          getValueLabel([minValue, maxValue]).length,\n          getValueLabel([maxValue, minValue]).length,\n          getValueLabel([maxValue, maxValue]).length,\n        );\n        break;\n      default:\n        throw new Error('Only sliders with 1 or 2 handles are supported!');\n    }\n  } else {\n    maxLabelLength = Math.max(\n      [...formatter.format(minValue)].length,\n      [...formatter.format(maxValue)].length,\n    );\n    switch (state.values.length) {\n      case 1:\n        displayValue = state.getThumbValueLabel(0);\n        break;\n      case 2:\n        // This should really use the NumberFormat#formatRange proposal...\n        // https://github.com/tc39/ecma402/issues/393\n        // https://github.com/tc39/proposal-intl-numberformat-v3#formatrange-ecma-402-393\n        displayValue = `${state.getThumbValueLabel(\n          0,\n        )} – ${state.getThumbValueLabel(1)}`;\n        maxLabelLength =\n          3 +\n          2 *\n            Math.max(\n              maxLabelLength,\n              [...formatter.format(minValue)].length,\n              [...formatter.format(maxValue)].length,\n            );\n        break;\n      default:\n        throw new Error('Only sliders with 1 or 2 handles are supported!');\n    }\n  }\n\n  extra =\n    extra != null || !showValueLabel ? (\n      extra\n    ) : (\n      <LabelValueElement\n        {...outputProps}\n        tokens={\n          maxLabelLength\n            ? { '$slider-value-width': `${maxLabelLength + 1}ch` }\n            : undefined\n        }\n      >\n        {displayValue}\n      </LabelValueElement>\n    );\n\n  const mods = useMemo(\n    () => ({\n      'side-label': labelPosition === 'side',\n      horizontal: orientation === 'horizontal',\n      ...getValidationMods({ isInvalid, isValid }),\n    }),\n    [labelPosition, orientation, isInvalid, isValid],\n  );\n\n  const fieldLayout = splitFieldLayout(props);\n\n  styles = fieldLayout.styles;\n\n  const sliderField = (\n    <SliderElement\n      ref={domRef}\n      {...groupProps}\n      // `useSlider` seeds the group id once; the current id follows the form\n      // binding, and the label points at it.\n      id={props.id ?? groupProps.id}\n      mods={mods}\n      styles={styles}\n      data-input-type=\"slider\"\n    >\n      <SliderControlsElement {...trackProps} ref={trackRef} mods={mods}>\n        {children({\n          trackRef,\n          inputRef,\n          state,\n          isInvalid,\n          isValid,\n        })}\n      </SliderControlsElement>\n    </SliderElement>\n  );\n\n  return wrapWithField(sliderField, {\n    ...props,\n    ...fieldLayout.field,\n    extra,\n    labelProps: mergeProps(labelProps, userLabelProps),\n  });\n}\n\n// Preserve the existing FocusableRef wrapper contract. The cast keeps the\n// props as declared, since `forwardRef`'s `Omit<…, 'ref'>` loses required\n// `children`; migrate this wrapper with its public declaration fixtures.\nconst _SliderBase = forwardRef(\n  SliderBase as ForwardRefRenderFunction<\n    FocusableRefValue<HTMLDivElement>,\n    any\n  >,\n) as unknown as (\n  props: SliderBaseProps & { ref?: FocusableRef<HTMLDivElement> },\n) => ReactElement;\n\n(_SliderBase as any).displayName = 'SliderBase';\n\nexport { _SliderBase as SliderBase };\nexport { useSlider };\n"],"mappings":"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"}

package/dist/components/fields/Slider/SliderThumb.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { getValidationMods } from "../../form/validation/resolve-validation-props.js";
 import { SliderThumbElement } from "./elements.js";

package/dist/components/fields/Slider/SliderTrack.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { getValidationMods } from "../../form/validation/resolve-validation-props.js";
 import { SliderTrackContainerElement } from "./elements.js";
 import { c } from "react/compiler-runtime";

package/dist/components/fields/Slider/elements.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 //#region src/components/fields/Slider/elements.ts
 const SliderThumbElement = tasty({

package/dist/components/fields/Slider/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.200.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
 import { RangeSlider as __RangeSlider } from "./RangeSlider.js";
 import { Slider as __Slider } from "./Slider.js";
 import { HueSlider as __HueSlider } from "./HueSlider.js";

package/dist/components/fields/Slider/types.d.ts

@@ -1,10 +1,11 @@
 
 import { FieldBaseProps } from "../../../shared/form.js";
 import "../../../shared/index.js";
-import { BasePropsWithoutChildren, BlockStyleProps, OuterStyleProps, Styles } from "@tenphi/tasty";
+import { FieldLayoutStyleProps } from "../../form/field-layout.js";
+import { BasePropsWithoutChildren, Styles } from "@tenphi/tasty";
 import { AriaSliderProps } from "react-aria";
 //#region src/components/fields/Slider/types.d.ts
-export interface CubeSliderBaseProps<T> extends Omit<AriaSliderProps<T>, 'label' | 'form' | 'name'>, BasePropsWithoutChildren, OuterStyleProps, FieldBaseProps<T | null | undefined>, BlockStyleProps {
+export interface CubeSliderBaseProps<T> extends Omit<AriaSliderProps<T>, 'label' | 'form' | 'name'>, BasePropsWithoutChildren, FieldLayoutStyleProps, FieldBaseProps<T | null | undefined> {
   inputStyles?: Styles;
   gradation?: string[];
   inputWidth?: string;

package/dist/components/fields/Switch/Switch.d.ts

@@ -1,13 +1,23 @@
 
 import { FieldBaseProps, ToggleSelectionProps } from "../../../shared/form.js";
 import "../../../shared/index.js";
-import { BaseProps, BlockStyleProps, OuterStyleProps, Styles } from "@tenphi/tasty";
+import { CubeTooltipProviderProps } from "../../overlays/Tooltip/TooltipProvider.js";
+import { FieldLayoutStyleProps } from "../../form/field-layout.js";
+import { BaseProps, Styles } from "@tenphi/tasty";
 import { AriaSwitchProps, useSwitch } from "react-aria";
 //#region src/components/fields/Switch/Switch.d.ts
-export interface CubeSwitchProps extends BaseProps, OuterStyleProps, BlockStyleProps, FieldBaseProps<boolean | null | undefined>, ToggleSelectionProps, Omit<AriaSwitchProps, 'form' | 'name'> {
+export interface CubeSwitchProps extends BaseProps, FieldLayoutStyleProps, FieldBaseProps<boolean | null | undefined>, ToggleSelectionProps, Omit<AriaSwitchProps, 'form' | 'name'> {
   inputStyles?: Styles;
   isLoading?: boolean;
   size?: 'large' | 'medium' | 'small';
+  /**
+   * The switch's own tooltip, shown on hover over the switch and its inline
+   * label and on keyboard focus, also while the switch is disabled: a disabled
+   * switch with a tooltip stays focusable. A string, or `TooltipProvider` props
+   * (`title`, `placement`, …). The info badge next to a field label is
+   * `labelTooltip`.
+   */
+  tooltip?: string | Omit<CubeTooltipProviderProps, 'children'>;
 }
 /**
  * Switches allow users to turn an individual option on or off.