@cube-dev/ui-kit 0.202.0 → 0.204.0

package/dist/components/fields/NumberInput/StepButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { Button } from "../../actions/Button/Button.js";
 import { DirectionIcon } from "../../../icons/DirectionIcon.js";
 import { c } from "react/compiler-runtime";
@@ -12,7 +12,8 @@ const StepButtonElement = tasty(Button, {
 		height: "auto",
 		radius: {
 			"": "0 (1r - 1bw) 0 0",
-			down: "0 0 (1r - 1bw) 0"
+			down: "0 0 (1r - 1bw) 0",
+			plain: 0
 		},
 		padding: 0,
 		$size: "inherit",
@@ -27,49 +28,63 @@ const StepButtonElement = tasty(Button, {
 * Buttons for NumberField. Their names come from `useNumberField`, which
 * `NumberInput` gives the translated labels.
 */
-function StepButton(props) {
-	const $ = c(10);
-	const t0 = props.direction === "up";
-	const t1 = props.direction === "down";
-	let t2;
-	if ($[0] !== t0 || $[1] !== t1) {
-		t2 = {
-			up: t0,
-			down: t1
-		};
+function StepButton(t0) {
+	const $ = c(14);
+	let isPlain;
+	let props;
+	if ($[0] !== t0) {
+		({isPlain, ...props} = t0);
 		$[0] = t0;
-		$[1] = t1;
-		$[2] = t2;
-	} else t2 = $[2];
-	let t3;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = { fontSize: "$local-size" };
-		$[3] = t3;
-	} else t3 = $[3];
+		$[1] = isPlain;
+		$[2] = props;
+	} else {
+		isPlain = $[1];
+		props = $[2];
+	}
+	const t1 = props.direction === "up";
+	const t2 = props.direction === "down";
+	const t3 = !!isPlain;
 	let t4;
-	if ($[4] !== props.direction) {
-		t4 = /* @__PURE__ */ jsx(DirectionIcon, {
+	if ($[3] !== t1 || $[4] !== t2 || $[5] !== t3) {
+		t4 = {
+			up: t1,
+			down: t2,
+			plain: t3
+		};
+		$[3] = t1;
+		$[4] = t2;
+		$[5] = t3;
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = { fontSize: "$local-size" };
+		$[7] = t5;
+	} else t5 = $[7];
+	let t6;
+	if ($[8] !== props.direction) {
+		t6 = /* @__PURE__ */ jsx(DirectionIcon, {
 			to: props.direction,
-			styles: t3
+			styles: t5
 		});
-		$[4] = props.direction;
-		$[5] = t4;
-	} else t4 = $[5];
-	let t5;
-	if ($[6] !== props || $[7] !== t2 || $[8] !== t4) {
-		t5 = /* @__PURE__ */ jsx(StepButtonElement, {
+		$[8] = props.direction;
+		$[9] = t6;
+	} else t6 = $[9];
+	let t7;
+	if ($[10] !== props || $[11] !== t4 || $[12] !== t6) {
+		t7 = /* @__PURE__ */ jsx(StepButtonElement, {
 			type: "clear",
-			mods: t2,
+			mods: t4,
 			"data-popover-keep-on-press": true,
 			...props,
-			children: t4
+			children: t6
 		});
-		$[6] = props;
-		$[7] = t2;
-		$[8] = t4;
-		$[9] = t5;
-	} else t5 = $[9];
-	return t5;
+		$[10] = props;
+		$[11] = t4;
+		$[12] = t6;
+		$[13] = t7;
+	} else t7 = $[13];
+	return t7;
 }
 //#endregion
 export { StepButton };

package/dist/components/fields/NumberInput/StepButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepButton.js","names":["tasty","DirectionIcon","Button","StepButtonElement","type","styles","width","height","radius","down","padding","$size","Icon","StepButton","props","$","_c","t0","direction","t1","t2","up","t3","Symbol","for","fontSize","t4","t5","_c"],"sources":["../../../../src/components/fields/NumberInput/StepButton.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\n\nimport { DirectionIcon } from '../../../icons/DirectionIcon';\nimport { Button } from '../../actions/Button/Button';\n\nconst StepButtonElement = tasty(Button, {\n  type: 'clear',\n  styles: {\n    width: '($local-size * 1.25)',\n    height: 'auto',\n    radius: {\n      '': '0 (1r - 1bw) 0 0',\n      down: '0 0 (1r - 1bw) 0',\n    },\n    padding: 0,\n\n    $size: 'inherit',\n    '$local-size': '(($size - 2bw) / 2)',\n\n    Icon: {\n      width: 'auto',\n      height: 'auto',\n    },\n  },\n});\n\n/**\n * Buttons for NumberField. Their names come from `useNumberField`, which\n * `NumberInput` gives the translated labels.\n */\nexport function StepButton(props) {\n  return (\n    <StepButtonElement\n      type=\"clear\"\n      mods={{\n        up: props.direction === 'up',\n        down: props.direction === 'down',\n      }}\n      // Stepping is an edit, not a choice: a press must not close a popover\n      // the field sits in.\n      data-popover-keep-on-press\n      {...props}\n    >\n      <DirectionIcon\n        to={props.direction}\n        styles={{ fontSize: '$local-size' }}\n      />\n    </StepButtonElement>\n  );\n}\n"],"mappings":";;;;;;;AAKA,MAAMG,oBAAoBH,MAAME,QAAQ;CACtCE,MAAM;CACNC,QAAQ;EACNC,OAAO;EACPC,QAAQ;EACRC,QAAQ;GACN,IAAI;GACJC,MAAM;EACR;EACAC,SAAS;EAETC,OAAO;EACP,eAAe;EAEfC,MAAM;GACJN,OAAO;GACPC,QAAQ;EACV;CACF;AACF,CAAC;;;;;AAMD,SAAOM,WAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAKK,MAAAC,KAAAH,MAAKI,cAAe;CAClB,MAAAC,KAAAL,MAAKI,cAAe;CAAM,IAAAE;CAAA,IAAAL,EAAA,OAAAE,MAAAF,EAAA,OAAAI,IAAA;EAF5BC,KAAA;GAAAC,IACAJ;GAAwBR,MACtBU;EACR;EAACJ,EAAA,KAAAE;EAAAF,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,IAAAO;CAAA,IAAAP,EAAA,OAAAQ,OAAAC,IAAA,2BAAA,GAAA;EAQSF,KAAA,EAAAG,UAAY,cAAc;EAACV,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,IAAAW;CAAA,IAAAX,EAAA,OAAAD,MAAAI,WAAA;EAFrCQ,KAAA,oBAAC,eAAD;GACM,IAAAZ,MAAKI;GACD,QAAAI;EAA2B,CAAA;EACnCP,EAAA,KAAAD,MAAAI;EAAAH,EAAA,KAAAW;CAAA,OAAAA,KAAAX,EAAA;CAAA,IAAAY;CAAA,IAAAZ,EAAA,OAAAD,SAAAC,EAAA,OAAAK,MAAAL,EAAA,OAAAW,IAAA;EAdJC,KAAA,oBAAC,mBAAD;GACO,MAAA;GACC,MAAAP;GAMN,8BAAA;GAA0B,GACtBN;GAEJY,UAAAA;EAXgB,CAAA;EAeEX,EAAA,KAAAD;EAAAC,EAAA,KAAAK;EAAAL,EAAA,KAAAW;EAAAX,EAAA,KAAAY;CAAA,OAAAA,KAAAZ,EAAA;CAAA,OAfpBY;AAeoB"}
+{"version":3,"file":"StepButton.js","names":["tasty","DirectionIcon","Button","StepButtonElement","type","styles","width","height","radius","down","plain","padding","$size","Icon","StepButton","t0","$","_c","isPlain","props","t1","direction","t2","t3","t4","up","t5","Symbol","for","fontSize","t6","t7","_c"],"sources":["../../../../src/components/fields/NumberInput/StepButton.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\n\nimport { DirectionIcon } from '../../../icons/DirectionIcon';\nimport { Button } from '../../actions/Button/Button';\n\nconst StepButtonElement = tasty(Button, {\n  type: 'clear',\n  styles: {\n    width: '($local-size * 1.25)',\n    height: 'auto',\n    radius: {\n      '': '0 (1r - 1bw) 0 0',\n      down: '0 0 (1r - 1bw) 0',\n      // A plain field box is square.\n      plain: 0,\n    },\n    padding: 0,\n\n    $size: 'inherit',\n    '$local-size': '(($size - 2bw) / 2)',\n\n    Icon: {\n      width: 'auto',\n      height: 'auto',\n    },\n  },\n});\n\n/**\n * Buttons for NumberField. Their names come from `useNumberField`, which\n * `NumberInput` gives the translated labels.\n */\nexport function StepButton({ isPlain, ...props }) {\n  return (\n    <StepButtonElement\n      type=\"clear\"\n      mods={{\n        up: props.direction === 'up',\n        down: props.direction === 'down',\n        plain: !!isPlain,\n      }}\n      // Stepping is an edit, not a choice: a press must not close a popover\n      // the field sits in.\n      data-popover-keep-on-press\n      {...props}\n    >\n      <DirectionIcon\n        to={props.direction}\n        styles={{ fontSize: '$local-size' }}\n      />\n    </StepButtonElement>\n  );\n}\n"],"mappings":";;;;;;;AAKA,MAAMG,oBAAoBH,MAAME,QAAQ;CACtCE,MAAM;CACNC,QAAQ;EACNC,OAAO;EACPC,QAAQ;EACRC,QAAQ;GACN,IAAI;GACJC,MAAM;GAENC,OAAO;EACT;EACAC,SAAS;EAETC,OAAO;EACP,eAAe;EAEfC,MAAM;GACJP,OAAO;GACPC,QAAQ;EACV;CACF;AACF,CAAC;;;;;AAMD,SAAOO,WAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAH,EAAA,OAAAD,IAAA;EAAoB,CAAA,CAAAG,SAAA,GAAAC,SAAAJ;EAAqBC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;CAAA,OAAA;EAAAD,UAAAF,EAAA;EAAAG,QAAAH,EAAA;CAAA;CAKpC,MAAAI,KAAAD,MAAKE,cAAe;CAClB,MAAAC,KAAAH,MAAKE,cAAe;CACnB,MAAAE,KAAA,CAAC,CAACL;CAAO,IAAAM;CAAA,IAAAR,EAAA,OAAAI,MAAAJ,EAAA,OAAAM,MAAAN,EAAA,OAAAO,IAAA;EAHZC,KAAA;GAAAC,IACAL;GAAwBX,MACtBa;GAA0BZ,OACzBa;EACT;EAACP,EAAA,KAAAI;EAAAJ,EAAA,KAAAM;EAAAN,EAAA,KAAAO;EAAAP,EAAA,KAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,IAAAU;CAAA,IAAAV,EAAA,OAAAW,OAAAC,IAAA,2BAAA,GAAA;EAQSF,KAAA,EAAAG,UAAY,cAAc;EAACb,EAAA,KAAAU;CAAA,OAAAA,KAAAV,EAAA;CAAA,IAAAc;CAAA,IAAAd,EAAA,OAAAG,MAAAE,WAAA;EAFrCS,KAAA,oBAAC,eAAD;GACM,IAAAX,MAAKE;GACD,QAAAK;EAA2B,CAAA;EACnCV,EAAA,KAAAG,MAAAE;EAAAL,EAAA,KAAAc;CAAA,OAAAA,KAAAd,EAAA;CAAA,IAAAe;CAAA,IAAAf,EAAA,QAAAG,SAAAH,EAAA,QAAAQ,MAAAR,EAAA,QAAAc,IAAA;EAfJC,KAAA,oBAAC,mBAAD;GACO,MAAA;GACC,MAAAP;GAON,8BAAA;GAA0B,GACtBL;GAEJW,UAAAA;EAZgB,CAAA;EAgBEd,EAAA,MAAAG;EAAAH,EAAA,MAAAQ;EAAAR,EAAA,MAAAc;EAAAd,EAAA,MAAAe;CAAA,OAAAA,KAAAf,EAAA;CAAA,OAhBpBe;AAgBoB"}

package/dist/components/fields/PasswordInput/PasswordInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useBufferedValue } from "../../../utils/react/useBufferedValue.js";

package/dist/components/fields/Picker/Picker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { mergeStyleLayers } from "../../../utils/styles.js";
 import { Text as _Text } from "../../content/Text.js";
 import { isTextOnly } from "../../../utils/react/isTextOnly.js";

package/dist/components/fields/RadioGroup/Radio.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { getDisabledElementProps, getInertInputProps } from "../../../utils/react/disabledProps.js";

package/dist/components/fields/RadioGroup/RadioGroup.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { Provider } from "../../../provider.js";
 import { castNullableStringValue } from "../../../utils/react/nullableValue.js";

package/dist/components/fields/RadioGroup/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { createContext, useContext } from "react";
 //#region src/components/fields/RadioGroup/context.ts
 const RadioContext = createContext(null);

package/dist/components/fields/SearchComboBox/SearchComboBox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/fields/SearchInput/SearchInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useBufferedValue } from "../../../utils/react/useBufferedValue.js";

package/dist/components/fields/Select/Select.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { Text as _Text } from "../../content/Text.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { SliderGradationElement, SliderGradeElement } from "./elements.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { mergeStyleLayers } from "../../../utils/styles.js";
 import { Slider as __Slider } from "./Slider.js";
 import { c } from "react/compiler-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { Gradation } from "./Gradation.js";
 import { SliderBase as _SliderBase } from "./SliderBase.js";
 import { SliderThumb } from "./SliderThumb.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { Gradation } from "./Gradation.js";
 import { SliderBase as _SliderBase } from "./SliderBase.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.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";

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

@@ -1 +1 @@
-{"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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"}
+{"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    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.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.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.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.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.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.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.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.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

@@ -8,7 +8,6 @@ import { AriaSliderProps } from "react-aria";
 export interface CubeSliderBaseProps<T> extends Omit<AriaSliderProps<T>, 'label' | 'form' | 'name'>, BasePropsWithoutChildren, FieldLayoutStyleProps, FieldBaseProps<T | null | undefined> {
   inputStyles?: Styles;
   gradation?: string[];
-  inputWidth?: string;
   /**
    * The display format of the value label.
    */

package/dist/components/fields/Switch/Switch.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { useId as useId$2 } from "../../../utils/react/useId.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { Text as _Text } from "../../content/Text.js";

package/dist/components/fields/TagInput/TagInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/fields/TagInput/TagList.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/fields/TagInput/useActiveOption.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { markKeyboardFocus } from "../ListBoxPopover/listNavigation.js";
 import { c } from "react/compiler-runtime";

package/dist/components/fields/TagInput/useTagError.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef, useState } from "react";

package/dist/components/fields/TextArea/TextArea.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useBufferedValue } from "../../../utils/react/useBufferedValue.js";

package/dist/components/fields/TextInput/TextInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useBufferedValue } from "../../../utils/react/useBufferedValue.js";

package/dist/components/fields/TextInput/TextInputBase.d.ts

@@ -56,6 +56,16 @@ export interface CubeTextInputBaseProps extends BaseProps, FieldLayoutStyleProps
   resize?: Styles['resize'];
   /** The size of the input */
   size?: 'small' | 'medium' | 'large' | (string & {});
+  /**
+   * The shape of the field box.
+   * - `default` - rounded, with a border.
+   * - `plain` - square, with no border at rest, for a field set flush in a
+   *   container that draws its edges, such as a toolbar or a panel header. The
+   *   border keeps its width, and shows on focus and in a valid or invalid
+   *   state.
+   * @default "default"
+   */
+  shape?: 'default' | 'plain';
   /**
    * What kind of autofill the browser may offer for the input, as the HTML `autocomplete` token
    * (`email`, `current-password`, `off`, …). See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete).