@cube-dev/ui-kit 0.0.0-canary-05c61de → 0.0.0-canary-5b75dce

package/dist/components/fields/Input/Input.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 import { _FileInput } from "../FileInput/FileInput.js";
 import { _NumberInput } from "../NumberInput/NumberInput.js";
 import { _PasswordInput } from "../PasswordInput/PasswordInput.js";

package/dist/components/fields/ListBox/DraggableListBox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 import { DraggableCollection } from "../../shared/DraggableCollection.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/ListBox/ListBox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";

package/dist/components/fields/ListBox/optionId.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 //#region src/components/fields/ListBox/optionId.ts
 /**
 * The DOM id of the option with `key` in the listbox whose id is `listBoxId`,

package/dist/components/fields/ListBoxPopover/ListBoxPopover.js

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

package/dist/components/fields/ListBoxPopover/listNavigation.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 //#region src/components/fields/ListBoxPopover/listNavigation.ts
 /**
 * Walks a collection (possibly nested under sections) and collects the keys of

package/dist/components/fields/ListBoxPopover/useCompositeFocus.js

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { castNullableNumberValue } from "../../../utils/react/nullableValue.js";
@@ -24,7 +24,7 @@ const StepperContainer = tasty({ styles: {
 	margin: "(.5x - 1bw) left"
 } });
 function NumberInput(rawProps, ref) {
-	const $ = c(52);
+	const $ = c(51);
 	const { t } = useI18n();
 	let t0;
 	if ($[0] !== rawProps) {
@@ -33,108 +33,103 @@ function NumberInput(rawProps, ref) {
 		$[1] = t0;
 	} else t0 = $[1];
 	rawProps = t0;
-	let t1;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = { showsValidateErrors: true };
-		$[2] = t1;
-	} else t1 = $[2];
-	const props = useFieldProps(rawProps, t1);
+	const props = useFieldProps(rawProps);
 	let { hideStepper, suffix, value, defaultValue, onChange, inputRef, labelProps: userLabelProps, inputProps: userInputProps, wrapperProps, ...otherProps } = props;
 	const showStepper = !hideStepper;
 	const { locale } = useLocale();
 	const displayedValidation = useDisplayedValidation();
+	let t1;
+	if ($[2] !== displayedValidation || $[3] !== props) {
+		t1 = displayedValidation.trackTouched(props);
+		$[2] = displayedValidation;
+		$[3] = props;
+		$[4] = t1;
+	} else t1 = $[4];
+	const ariaProps = t1;
 	let t2;
-	if ($[3] !== displayedValidation || $[4] !== props) {
-		t2 = displayedValidation.trackTouched(props);
-		$[3] = displayedValidation;
-		$[4] = props;
-		$[5] = t2;
-	} else t2 = $[5];
-	const ariaProps = t2;
-	let t3;
-	if ($[6] !== ariaProps || $[7] !== locale) {
-		t3 = {
+	if ($[5] !== ariaProps || $[6] !== locale) {
+		t2 = {
 			...ariaProps,
 			locale
 		};
-		$[6] = ariaProps;
-		$[7] = locale;
-		$[8] = t3;
-	} else t3 = $[8];
-	const state = useNumberFieldState(t3);
+		$[5] = ariaProps;
+		$[6] = locale;
+		$[7] = t2;
+	} else t2 = $[7];
+	const state = useNumberFieldState(t2);
 	const localInputRef = useRef(null);
 	inputRef = inputRef ?? localInputRef;
-	let t4;
-	if ($[9] !== ariaProps) {
-		t4 = {
+	let t3;
+	if ($[8] !== ariaProps) {
+		t3 = {
 			...ariaProps,
 			onKeyDown: void 0,
 			onKeyUp: void 0
 		};
-		$[9] = ariaProps;
-		$[10] = t4;
-	} else t4 = $[10];
-	const { groupProps: ariaGroupProps, labelProps, inputProps, incrementButtonProps, decrementButtonProps, ...validation } = useNumberField(t4, state, inputRef);
-	let t5;
-	if ($[11] !== ariaGroupProps || $[12] !== wrapperProps) {
-		t5 = mergeProps$1(ariaGroupProps, wrapperProps);
-		$[11] = ariaGroupProps;
-		$[12] = wrapperProps;
-		$[13] = t5;
-	} else t5 = $[13];
-	const groupProps = t5;
+		$[8] = ariaProps;
+		$[9] = t3;
+	} else t3 = $[9];
+	const { groupProps: ariaGroupProps, labelProps, inputProps, incrementButtonProps, decrementButtonProps, ...validation } = useNumberField(t3, state, inputRef);
+	let t4;
+	if ($[10] !== ariaGroupProps || $[11] !== wrapperProps) {
+		t4 = mergeProps$1(ariaGroupProps, wrapperProps);
+		$[10] = ariaGroupProps;
+		$[11] = wrapperProps;
+		$[12] = t4;
+	} else t4 = $[12];
+	const groupProps = t4;
 	const fieldLabel = props["aria-label"] || (typeof props.label === "string" ? props.label : "");
+	let t5;
+	if ($[13] !== fieldLabel || $[14] !== props.incrementAriaLabel || $[15] !== t) {
+		t5 = props.incrementAriaLabel ?? (fieldLabel ? t("numberInput.stepUp", "Increase {{label}}", { label: fieldLabel }) : t("numberInput.increase", "Increase"));
+		$[13] = fieldLabel;
+		$[14] = props.incrementAriaLabel;
+		$[15] = t;
+		$[16] = t5;
+	} else t5 = $[16];
+	const stepUpLabel = t5;
 	let t6;
-	if ($[14] !== fieldLabel || $[15] !== props.incrementAriaLabel || $[16] !== t) {
-		t6 = props.incrementAriaLabel ?? (fieldLabel ? t("numberInput.stepUp", "Increase {{label}}", { label: fieldLabel }) : t("numberInput.increase", "Increase"));
-		$[14] = fieldLabel;
-		$[15] = props.incrementAriaLabel;
-		$[16] = t;
-		$[17] = t6;
-	} else t6 = $[17];
-	const stepUpLabel = t6;
+	if ($[17] !== fieldLabel || $[18] !== props.decrementAriaLabel || $[19] !== t) {
+		t6 = props.decrementAriaLabel ?? (fieldLabel ? t("numberInput.stepDown", "Decrease {{label}}", { label: fieldLabel }) : t("numberInput.decrease", "Decrease"));
+		$[17] = fieldLabel;
+		$[18] = props.decrementAriaLabel;
+		$[19] = t;
+		$[20] = t6;
+	} else t6 = $[20];
+	const stepDownLabel = t6;
 	let t7;
-	if ($[18] !== fieldLabel || $[19] !== props.decrementAriaLabel || $[20] !== t) {
-		t7 = props.decrementAriaLabel ?? (fieldLabel ? t("numberInput.stepDown", "Decrease {{label}}", { label: fieldLabel }) : t("numberInput.decrease", "Decrease"));
-		$[18] = fieldLabel;
-		$[19] = props.decrementAriaLabel;
-		$[20] = t;
-		$[21] = t7;
-	} else t7 = $[21];
-	const stepDownLabel = t7;
-	let t8;
-	if ($[22] !== inputProps || $[23] !== props) {
-		t8 = (event) => {
+	if ($[21] !== inputProps || $[22] !== props) {
+		t7 = (event) => {
 			inputProps.onKeyDown?.(event);
 			event.defaultPrevented = event.isDefaultPrevented();
 			if (event.key !== "Enter") event.continuePropagation();
 			props.onKeyDown?.(event);
 		};
-		$[22] = inputProps;
-		$[23] = props;
-		$[24] = t8;
-	} else t8 = $[24];
-	let t9;
-	if ($[25] !== props.isDisabled || $[26] !== props.onKeyUp || $[27] !== t8) {
-		t9 = {
+		$[21] = inputProps;
+		$[22] = props;
+		$[23] = t7;
+	} else t7 = $[23];
+	let t8;
+	if ($[24] !== props.isDisabled || $[25] !== props.onKeyUp || $[26] !== t7) {
+		t8 = {
 			isDisabled: props.isDisabled,
-			onKeyDown: t8,
+			onKeyDown: t7,
 			onKeyUp: props.onKeyUp
 		};
-		$[25] = props.isDisabled;
-		$[26] = props.onKeyUp;
+		$[24] = props.isDisabled;
+		$[25] = props.onKeyUp;
+		$[26] = t7;
 		$[27] = t8;
-		$[28] = t9;
-	} else t9 = $[28];
-	const { keyboardProps } = useKeyboard(t9);
-	let t10;
-	if ($[29] !== labelProps || $[30] !== userLabelProps) {
-		t10 = mergeProps$1(labelProps, userLabelProps);
-		$[29] = labelProps;
-		$[30] = userLabelProps;
-		$[31] = t10;
-	} else t10 = $[31];
-	const mergedLabelProps = t10;
+	} else t8 = $[27];
+	const { keyboardProps } = useKeyboard(t8);
+	let t9;
+	if ($[28] !== labelProps || $[29] !== userLabelProps) {
+		t9 = mergeProps$1(labelProps, userLabelProps);
+		$[28] = labelProps;
+		$[29] = userLabelProps;
+		$[30] = t9;
+	} else t9 = $[30];
+	const mergedLabelProps = t9;
 	const steppers = showStepper ? /* @__PURE__ */ jsxs(StepperContainer, { children: [/* @__PURE__ */ jsx(StepButton, {
 		isDisabled: props.isDisabled,
 		direction: "up",
@@ -149,54 +144,54 @@ function NumberInput(rawProps, ref) {
 		size: otherProps.size
 	})] }) : void 0;
 	const T0 = StyledTextInputBase;
-	const t11 = otherProps;
-	const t12 = displayedValidation.getDisplayedValidation(otherProps, validation);
-	let t13;
-	if ($[32] !== inputProps || $[33] !== keyboardProps || $[34] !== props.id || $[35] !== userInputProps) {
-		t13 = mergeProps$1(mergeProps({
+	const t10 = otherProps;
+	const t11 = displayedValidation.getDisplayedValidation(otherProps, validation);
+	let t12;
+	if ($[31] !== inputProps || $[32] !== keyboardProps || $[33] !== props.id || $[34] !== userInputProps) {
+		t12 = mergeProps$1(mergeProps({
 			...inputProps,
 			...keyboardProps
 		}, { id: props.id }), { "data-input-type": "numberinput" }, userInputProps);
-		$[32] = inputProps;
-		$[33] = keyboardProps;
-		$[34] = props.id;
-		$[35] = userInputProps;
-		$[36] = t13;
-	} else t13 = $[36];
+		$[31] = inputProps;
+		$[32] = keyboardProps;
+		$[33] = props.id;
+		$[34] = userInputProps;
+		$[35] = t12;
+	} else t12 = $[35];
+	let t13;
+	if ($[36] !== props.suffixPosition || $[37] !== showStepper || $[38] !== steppers || $[39] !== suffix) {
+		t13 = showStepper ? props.suffixPosition === "after" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [steppers, suffix] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [suffix, steppers] }) : suffix;
+		$[36] = props.suffixPosition;
+		$[37] = showStepper;
+		$[38] = steppers;
+		$[39] = suffix;
+		$[40] = t13;
+	} else t13 = $[40];
 	let t14;
-	if ($[37] !== props.suffixPosition || $[38] !== showStepper || $[39] !== steppers || $[40] !== suffix) {
-		t14 = showStepper ? props.suffixPosition === "after" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [steppers, suffix] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [suffix, steppers] }) : suffix;
-		$[37] = props.suffixPosition;
-		$[38] = showStepper;
-		$[39] = steppers;
-		$[40] = suffix;
-		$[41] = t14;
-	} else t14 = $[41];
-	let t15;
-	if ($[42] !== T0 || $[43] !== groupProps || $[44] !== inputRef || $[45] !== mergedLabelProps || $[46] !== otherProps || $[47] !== ref || $[48] !== t12 || $[49] !== t13 || $[50] !== t14) {
-		t15 = /* @__PURE__ */ jsx(T0, {
+	if ($[41] !== T0 || $[42] !== groupProps || $[43] !== inputRef || $[44] !== mergedLabelProps || $[45] !== otherProps || $[46] !== ref || $[47] !== t11 || $[48] !== t12 || $[49] !== t13) {
+		t14 = /* @__PURE__ */ jsx(T0, {
+			...t10,
 			...t11,
-			...t12,
 			ref,
 			labelProps: mergedLabelProps,
-			inputProps: t13,
+			inputProps: t12,
 			inputRef,
 			wrapperProps: groupProps,
 			suffixPosition: "after",
-			suffix: t14
+			suffix: t13
 		});
-		$[42] = T0;
-		$[43] = groupProps;
-		$[44] = inputRef;
-		$[45] = mergedLabelProps;
-		$[46] = otherProps;
-		$[47] = ref;
+		$[41] = T0;
+		$[42] = groupProps;
+		$[43] = inputRef;
+		$[44] = mergedLabelProps;
+		$[45] = otherProps;
+		$[46] = ref;
+		$[47] = t11;
 		$[48] = t12;
 		$[49] = t13;
 		$[50] = t14;
-		$[51] = t15;
-	} else t15 = $[51];
-	return t15;
+	} else t14 = $[50];
+	return t14;
 }
 /**
 * NumberFields allow users to enter a number and increment or decrement the value using stepper buttons.

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

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.js","names":["tasty","ForwardedRef","forwardRef","KeyboardEvent","RefObject","useRef","AriaNumberFieldProps","mergeProps","mergeAriaProps","useKeyboard","useLocale","useNumberField","useNumberFieldState","useI18n","castNullableNumberValue","WithNullableValue","useFieldProps","useDisplayedValidation","CubeTextInputBaseProps","TextInputBase","StepButton","TextInputDOMEvents","FieldBaseProps","TextFieldKeyboardProps","CubeNumberInputProps","Omit","field","hideStepper","suffixPosition","StyledTextInputBase","inputStyles","textAlign","StepperContainer","styles","display","gridColumns","gridRows","flow","placeSelf","margin","NumberInput","rawProps","ref","$","_c","t","t0","t1","Symbol","for","showsValidateErrors","props","suffix","value","defaultValue","onChange","inputRef","labelProps","userLabelProps","inputProps","userInputProps","wrapperProps","otherProps","showStepper","locale","displayedValidation","t2","trackTouched","ariaProps","t3","state","localInputRef","t4","onKeyDown","undefined","onKeyUp","groupProps","ariaGroupProps","incrementButtonProps","decrementButtonProps","validation","HTMLInputElement","t5","fieldLabel","label","t6","incrementAriaLabel","stepUpLabel","t7","decrementAriaLabel","stepDownLabel","t8","event","defaultPrevented","isDefaultPrevented","key","continuePropagation","t9","isDisabled","keyboardProps","t10","mergedLabelProps","steppers","size","T0","t12","getDisplayedValidation","t13","id","t14","t15","_NumberInput","cubeInputType","displayName"],"sources":["../../../../src/components/fields/NumberInput/NumberInput.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  KeyboardEvent,\n  RefObject,\n  useRef,\n} from 'react';\nimport {\n  AriaNumberFieldProps,\n  mergeProps as mergeAriaProps,\n  useKeyboard,\n  useLocale,\n  useNumberField,\n} from 'react-aria';\nimport { useNumberFieldState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n';\nimport { mergeProps } from '../../../utils/react';\nimport {\n  castNullableNumberValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { useFieldProps } from '../../form';\nimport { useDisplayedValidation } from '../TextInput/displayed-validation';\nimport {\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput/TextInputBase';\n\nimport { StepButton } from './StepButton';\n\nimport type { TextInputDOMEvents } from '@react-types/shared';\nimport type {\n  FieldBaseProps,\n  TextFieldKeyboardProps,\n} from '../../../shared/form';\n\nexport interface CubeNumberInputProps\n  extends Omit<\n      CubeTextInputBaseProps,\n      | 'defaultValue'\n      | 'value'\n      | 'onChange'\n      | 'field'\n      | 'validate'\n      | 'onFocus'\n      | 'onBlur'\n      | keyof TextInputDOMEvents\n    >,\n    Omit<\n      AriaNumberFieldProps,\n      'form' | 'name' | 'errorMessage' | 'onKeyDown' | 'onKeyUp'\n    >,\n    TextFieldKeyboardProps {\n  field?: FieldBaseProps<number | null | undefined>['field'];\n  /** Whether or to hide stepper */\n  hideStepper?: boolean;\n  /**\n   * Whether the suffix goes before or after the stepper buttons. Defaults to\n   * `before`, so a unit sits next to the number. The validation and loading\n   * icons always come before both.\n   */\n  suffixPosition?: 'before' | 'after';\n}\n\nconst StyledTextInputBase = tasty(TextInputBase, {\n  inputStyles: {\n    textAlign: 'right',\n  },\n});\n\nconst StepperContainer = tasty({\n  styles: {\n    display: 'grid',\n    gridColumns: '1sf',\n    gridRows: '1sf 1sf',\n    flow: 'column',\n    placeSelf: 'stretch',\n    margin: '(.5x - 1bw) left',\n  },\n});\n\nfunction NumberInput(\n  rawProps: WithNullableValue<CubeNumberInputProps>,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  const { t } = useI18n();\n\n  // `NaN` is the number field's own empty value.\n  rawProps = castNullableNumberValue(rawProps);\n  let props = useFieldProps(rawProps, { showsValidateErrors: true });\n\n  let {\n    hideStepper,\n    suffix,\n    value,\n    defaultValue,\n    onChange,\n    inputRef,\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    wrapperProps,\n    ...otherProps\n  } = props;\n  let showStepper = !hideStepper;\n  let { locale } = useLocale();\n  // The state commits typed text on blur and Enter, so its `onChange` is the\n  // change `validate` sees.\n  let displayedValidation = useDisplayedValidation();\n  let ariaProps = displayedValidation.trackTouched(props);\n  let state = useNumberFieldState({ ...ariaProps, locale });\n  let localInputRef = useRef<HTMLInputElement>(null);\n\n  inputRef = inputRef ?? localInputRef;\n\n  let {\n    groupProps: ariaGroupProps,\n    labelProps,\n    inputProps,\n    incrementButtonProps,\n    decrementButtonProps,\n    ...validation\n  } = useNumberField(\n    { ...ariaProps, onKeyDown: undefined, onKeyUp: undefined },\n    state,\n    inputRef as RefObject<HTMLInputElement>,\n  );\n  let groupProps = mergeProps(ariaGroupProps, wrapperProps);\n\n  // React Aria names each stepper after the field: a text label goes into the\n  // name, any other label is composed in through the `aria-labelledby` it sets.\n  // The UI Kit strings take the label the same way, so they replace React\n  // Aria's own without losing the field name. Without a text label the name\n  // has to read on its own, so it has strings of its own rather than an\n  // empty `{{label}}` slot.\n  let fieldLabel =\n    props['aria-label'] || (typeof props.label === 'string' ? props.label : '');\n  let stepUpLabel =\n    props.incrementAriaLabel ??\n    (fieldLabel\n      ? t('numberInput.stepUp', 'Increase {{label}}', { label: fieldLabel })\n      : t('numberInput.increase', 'Increase'));\n  let stepDownLabel =\n    props.decrementAriaLabel ??\n    (fieldLabel\n      ? t('numberInput.stepDown', 'Decrease {{label}}', { label: fieldLabel })\n      : t('numberInput.decrease', 'Decrease'));\n  // Keep native commits and user callbacks inside one Aria event wrapper so\n  // continuePropagation can still undo the native shortcut's propagation stop.\n  let { keyboardProps } = useKeyboard({\n    isDisabled: props.isDisabled,\n    onKeyDown: (event) => {\n      inputProps.onKeyDown?.(event as KeyboardEvent<HTMLInputElement>);\n      event.defaultPrevented = event.isDefaultPrevented();\n      // NumberInput historically lets every key except Enter reach ancestors.\n      if (event.key !== 'Enter') event.continuePropagation();\n      props.onKeyDown?.(event);\n    },\n    onKeyUp: props.onKeyUp,\n  });\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  const steppers = showStepper ? (\n    <StepperContainer>\n      <StepButton\n        isDisabled={props.isDisabled}\n        direction=\"up\"\n        {...incrementButtonProps}\n        aria-label={stepUpLabel}\n        size={otherProps.size}\n      />\n      <StepButton\n        isDisabled={props.isDisabled}\n        direction=\"down\"\n        {...decrementButtonProps}\n        aria-label={stepDownLabel}\n        size={otherProps.size}\n      />\n    </StepperContainer>\n  ) : undefined;\n\n  return (\n    <StyledTextInputBase\n      {...otherProps}\n      {...displayedValidation.getDisplayedValidation(otherProps, validation)}\n      ref={ref}\n      labelProps={mergedLabelProps}\n      inputProps={mergeProps(\n        // `useNumberField` seeds its input id once. Merging the current id\n        // through react-aria's own `mergeProps` updates that seed, so the\n        // input, its label and the steppers' `aria-controls` follow the id\n        // when the form binding changes after mount.\n        mergeAriaProps({ ...inputProps, ...keyboardProps }, { id: props.id }),\n        { 'data-input-type': 'numberinput' },\n        userInputProps,\n      )}\n      inputRef={inputRef}\n      wrapperProps={groupProps}\n      // The validation/loading icon always comes first; `suffixPosition`\n      // places the suffix against the steppers instead.\n      suffixPosition=\"after\"\n      suffix={\n        showStepper ? (\n          props.suffixPosition === 'after' ? (\n            <>\n              {steppers}\n              {suffix}\n            </>\n          ) : (\n            <>\n              {suffix}\n              {steppers}\n            </>\n          )\n        ) : (\n          suffix\n        )\n      }\n    />\n  );\n}\n\n/**\n * NumberFields allow users to enter a number and increment or decrement the value using stepper buttons.\n */\nconst _NumberInput = forwardRef(NumberInput);\n\n(_NumberInput as any).cubeInputType = 'Number';\n\n_NumberInput.displayName = 'NumberInput';\n\nexport { _NumberInput as NumberInput };\nexport type { AriaNumberFieldProps };\n"],"mappings":"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"}
+{"version":3,"file":"NumberInput.js","names":["tasty","ForwardedRef","forwardRef","KeyboardEvent","RefObject","useRef","AriaNumberFieldProps","mergeProps","mergeAriaProps","useKeyboard","useLocale","useNumberField","useNumberFieldState","useI18n","castNullableNumberValue","WithNullableValue","useFieldProps","useDisplayedValidation","CubeTextInputBaseProps","TextInputBase","StepButton","TextInputDOMEvents","FieldBaseProps","TextFieldKeyboardProps","CubeNumberInputProps","Omit","field","hideStepper","suffixPosition","StyledTextInputBase","inputStyles","textAlign","StepperContainer","styles","display","gridColumns","gridRows","flow","placeSelf","margin","NumberInput","rawProps","ref","$","_c","t","t0","props","suffix","value","defaultValue","onChange","inputRef","labelProps","userLabelProps","inputProps","userInputProps","wrapperProps","otherProps","showStepper","locale","displayedValidation","t1","trackTouched","ariaProps","t2","state","localInputRef","t3","onKeyDown","undefined","onKeyUp","groupProps","ariaGroupProps","incrementButtonProps","decrementButtonProps","validation","HTMLInputElement","t4","fieldLabel","label","t5","incrementAriaLabel","stepUpLabel","t6","decrementAriaLabel","stepDownLabel","t7","event","defaultPrevented","isDefaultPrevented","key","continuePropagation","t8","isDisabled","keyboardProps","t9","mergedLabelProps","steppers","size","T0","t11","getDisplayedValidation","t12","id","t13","t14","_NumberInput","cubeInputType","displayName"],"sources":["../../../../src/components/fields/NumberInput/NumberInput.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  KeyboardEvent,\n  RefObject,\n  useRef,\n} from 'react';\nimport {\n  AriaNumberFieldProps,\n  mergeProps as mergeAriaProps,\n  useKeyboard,\n  useLocale,\n  useNumberField,\n} from 'react-aria';\nimport { useNumberFieldState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n';\nimport { mergeProps } from '../../../utils/react';\nimport {\n  castNullableNumberValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { useFieldProps } from '../../form';\nimport { useDisplayedValidation } from '../TextInput/displayed-validation';\nimport {\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput/TextInputBase';\n\nimport { StepButton } from './StepButton';\n\nimport type { TextInputDOMEvents } from '@react-types/shared';\nimport type {\n  FieldBaseProps,\n  TextFieldKeyboardProps,\n} from '../../../shared/form';\n\nexport interface CubeNumberInputProps\n  extends Omit<\n      CubeTextInputBaseProps,\n      | 'defaultValue'\n      | 'value'\n      | 'onChange'\n      | 'field'\n      | 'validate'\n      | 'onFocus'\n      | 'onBlur'\n      | keyof TextInputDOMEvents\n    >,\n    Omit<\n      AriaNumberFieldProps,\n      'form' | 'name' | 'errorMessage' | 'onKeyDown' | 'onKeyUp'\n    >,\n    TextFieldKeyboardProps {\n  field?: FieldBaseProps<number | null | undefined>['field'];\n  /** Whether or to hide stepper */\n  hideStepper?: boolean;\n  /**\n   * Whether the suffix goes before or after the stepper buttons. Defaults to\n   * `before`, so a unit sits next to the number. The validation and loading\n   * icons always come before both.\n   */\n  suffixPosition?: 'before' | 'after';\n}\n\nconst StyledTextInputBase = tasty(TextInputBase, {\n  inputStyles: {\n    textAlign: 'right',\n  },\n});\n\nconst StepperContainer = tasty({\n  styles: {\n    display: 'grid',\n    gridColumns: '1sf',\n    gridRows: '1sf 1sf',\n    flow: 'column',\n    placeSelf: 'stretch',\n    margin: '(.5x - 1bw) left',\n  },\n});\n\nfunction NumberInput(\n  rawProps: WithNullableValue<CubeNumberInputProps>,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  const { t } = useI18n();\n\n  // `NaN` is the number field's own empty value.\n  rawProps = castNullableNumberValue(rawProps);\n  let props = useFieldProps(rawProps);\n\n  let {\n    hideStepper,\n    suffix,\n    value,\n    defaultValue,\n    onChange,\n    inputRef,\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    wrapperProps,\n    ...otherProps\n  } = props;\n  let showStepper = !hideStepper;\n  let { locale } = useLocale();\n  // The state commits typed text on blur and Enter, so its `onChange` is the\n  // change `validate` sees.\n  let displayedValidation = useDisplayedValidation();\n  let ariaProps = displayedValidation.trackTouched(props);\n  let state = useNumberFieldState({ ...ariaProps, locale });\n  let localInputRef = useRef<HTMLInputElement>(null);\n\n  inputRef = inputRef ?? localInputRef;\n\n  let {\n    groupProps: ariaGroupProps,\n    labelProps,\n    inputProps,\n    incrementButtonProps,\n    decrementButtonProps,\n    ...validation\n  } = useNumberField(\n    { ...ariaProps, onKeyDown: undefined, onKeyUp: undefined },\n    state,\n    inputRef as RefObject<HTMLInputElement>,\n  );\n  let groupProps = mergeProps(ariaGroupProps, wrapperProps);\n\n  // React Aria names each stepper after the field: a text label goes into the\n  // name, any other label is composed in through the `aria-labelledby` it sets.\n  // The UI Kit strings take the label the same way, so they replace React\n  // Aria's own without losing the field name. Without a text label the name\n  // has to read on its own, so it has strings of its own rather than an\n  // empty `{{label}}` slot.\n  let fieldLabel =\n    props['aria-label'] || (typeof props.label === 'string' ? props.label : '');\n  let stepUpLabel =\n    props.incrementAriaLabel ??\n    (fieldLabel\n      ? t('numberInput.stepUp', 'Increase {{label}}', { label: fieldLabel })\n      : t('numberInput.increase', 'Increase'));\n  let stepDownLabel =\n    props.decrementAriaLabel ??\n    (fieldLabel\n      ? t('numberInput.stepDown', 'Decrease {{label}}', { label: fieldLabel })\n      : t('numberInput.decrease', 'Decrease'));\n  // Keep native commits and user callbacks inside one Aria event wrapper so\n  // continuePropagation can still undo the native shortcut's propagation stop.\n  let { keyboardProps } = useKeyboard({\n    isDisabled: props.isDisabled,\n    onKeyDown: (event) => {\n      inputProps.onKeyDown?.(event as KeyboardEvent<HTMLInputElement>);\n      event.defaultPrevented = event.isDefaultPrevented();\n      // NumberInput historically lets every key except Enter reach ancestors.\n      if (event.key !== 'Enter') event.continuePropagation();\n      props.onKeyDown?.(event);\n    },\n    onKeyUp: props.onKeyUp,\n  });\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  const steppers = showStepper ? (\n    <StepperContainer>\n      <StepButton\n        isDisabled={props.isDisabled}\n        direction=\"up\"\n        {...incrementButtonProps}\n        aria-label={stepUpLabel}\n        size={otherProps.size}\n      />\n      <StepButton\n        isDisabled={props.isDisabled}\n        direction=\"down\"\n        {...decrementButtonProps}\n        aria-label={stepDownLabel}\n        size={otherProps.size}\n      />\n    </StepperContainer>\n  ) : undefined;\n\n  return (\n    <StyledTextInputBase\n      {...otherProps}\n      {...displayedValidation.getDisplayedValidation(otherProps, validation)}\n      ref={ref}\n      labelProps={mergedLabelProps}\n      inputProps={mergeProps(\n        // `useNumberField` seeds its input id once. Merging the current id\n        // through react-aria's own `mergeProps` updates that seed, so the\n        // input, its label and the steppers' `aria-controls` follow the id\n        // when the form binding changes after mount.\n        mergeAriaProps({ ...inputProps, ...keyboardProps }, { id: props.id }),\n        { 'data-input-type': 'numberinput' },\n        userInputProps,\n      )}\n      inputRef={inputRef}\n      wrapperProps={groupProps}\n      // The validation/loading icon always comes first; `suffixPosition`\n      // places the suffix against the steppers instead.\n      suffixPosition=\"after\"\n      suffix={\n        showStepper ? (\n          props.suffixPosition === 'after' ? (\n            <>\n              {steppers}\n              {suffix}\n            </>\n          ) : (\n            <>\n              {suffix}\n              {steppers}\n            </>\n          )\n        ) : (\n          suffix\n        )\n      }\n    />\n  );\n}\n\n/**\n * NumberFields allow users to enter a number and increment or decrement the value using stepper buttons.\n */\nconst _NumberInput = forwardRef(NumberInput);\n\n(_NumberInput as any).cubeInputType = 'Number';\n\n_NumberInput.displayName = 'NumberInput';\n\nexport { _NumberInput as NumberInput };\nexport type { AriaNumberFieldProps };\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 import { Button } from "../../actions/Button/Button.js";
 import { DirectionIcon } from "../../../icons/DirectionIcon.js";
 import { c } from "react/compiler-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | 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";
@@ -31,7 +31,6 @@ function PasswordInput(rawProps, ref) {
 	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
 		t1 = {
 			defaultValidationTrigger: "onBlur",
-			showsValidateErrors: true,
 			valuePropsMapper: _temp
 		};
 		$[2] = t1;

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

@@ -1 +1 @@
-{"version":3,"file":"PasswordInput.js","names":["ForwardedRef","forwardRef","RefObject","useRef","useState","AriaTextFieldProps","useTextField","useI18n","EyeIcon","EyeInvisibleIcon","chain","mergeProps","useBufferedValue","castNullableStringValue","WithNullableValue","ItemAction","ItemActionProvider","useFieldProps","useDisplayedValidation","CubeBufferedValueProps","CubeTextInputBaseProps","TextInputBase","TextFieldKeyboardProps","CubePasswordInputProps","Omit","validate","PasswordInput","rawProps","ref","$","_c","t","t0","t1","Symbol","for","defaultValidationTrigger","showsValidateErrors","valuePropsMapper","_temp","props","type","setType","labelProps","userLabelProps","inputProps","userInputProps","suffix","multiLine","inputRef","propsInputRef","form","isBuffered","rest","localInputRef","buffered","value","onChange","isDisabled","isReadOnly","displayedValidation","validation","trackTouched","onBlur","reset","HTMLInputElement","t2","mergedLabelProps","t3","_temp2","toggleType","t4","t5","t6","t7","t8","wrappedSuffix","t9","t10","paddingRight","getDisplayedValidation","type_0","toString","_PasswordInput","cubeInputType","displayName"],"sources":["../../../../src/components/fields/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, RefObject, useRef, useState } from 'react';\nimport { AriaTextFieldProps, useTextField } from 'react-aria';\n\nimport { useI18n } from '../../../i18n';\nimport { EyeIcon } from '../../../icons/EyeIcon';\nimport { EyeInvisibleIcon } from '../../../icons/EyeInvisibleIcon';\nimport { chain, mergeProps, useBufferedValue } from '../../../utils/react';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { ItemAction } from '../../actions/ItemAction/ItemAction';\nimport { ItemActionProvider } from '../../actions/ItemActionContext';\nimport { useFieldProps } from '../../form';\nimport { useDisplayedValidation } from '../TextInput/displayed-validation';\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput/TextInputBase';\n\nimport type { TextFieldKeyboardProps } from '../../../shared/form';\n\nexport interface CubePasswordInputProps\n  extends WithNullableValue<Omit<CubeTextInputBaseProps, 'validate'>>,\n    CubeBufferedValueProps,\n    TextFieldKeyboardProps {\n  validate?: AriaTextFieldProps['validate'];\n}\n\nfunction PasswordInput(\n  rawProps: CubePasswordInputProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  const { t } = useI18n();\n\n  rawProps = castNullableStringValue(rawProps);\n  let props = useFieldProps(rawProps, {\n    defaultValidationTrigger: 'onBlur',\n    showsValidateErrors: true,\n    valuePropsMapper: ({ value, onChange }) => ({\n      value: value?.toString() ?? '',\n      onChange,\n    }),\n  });\n\n  let [type, setType] = useState('password');\n  let {\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    suffix,\n    multiLine,\n    inputRef: propsInputRef,\n    // The form instance, not the DOM `form` id `useTextField` forwards.\n    form,\n    isBuffered,\n    ...rest\n  } = props;\n  let localInputRef = useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n  let inputRef = propsInputRef ?? localInputRef;\n\n  // Hold the typed text locally until the controlled value catches up — see `useBufferedValue`.\n  let buffered = useBufferedValue(rest.value, rest.onChange, {\n    isBuffered,\n    isDisabled: rest.isDisabled,\n    isReadOnly: rest.isReadOnly,\n  });\n\n  let displayedValidation = useDisplayedValidation();\n  let { labelProps, inputProps, ...validation } = useTextField(\n    displayedValidation.trackTouched({\n      ...rest,\n      value: buffered.value,\n      onChange: buffered.onChange,\n      onBlur: chain(rest.onBlur, buffered.reset),\n      type,\n    }),\n    inputRef as RefObject<HTMLInputElement | null>,\n  );\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  const toggleType = () => {\n    setType((type) => (type === 'password' ? 'text' : 'password'));\n  };\n\n  const wrappedSuffix = (\n    <>\n      {suffix}\n      {/*\n        The disabled state travels through the provider rather than as a prop on\n        the action. Both disable it, but the provider marks the state as\n        INHERITED from the field, and `current` paints from the colour it\n        inherits — which a disabled field has already faded — so a second fade\n        would multiply the two down to roughly a tenth opacity. No `type` is\n        passed, so the `context` mod stays off and the toggle keeps its margins.\n      */}\n      <ItemActionProvider isDisabled={rest.isDisabled}>\n        <ItemAction\n          // No `type` — the default `current` type inherits the input's own text\n          // color, so the toggle follows the field's theme, validation state and\n          // disabled state rather than staying opaque against faded text.\n          // A toggle button keeps one name and reports its state with\n          // `aria-pressed`: pressed means the password is shown.\n          tooltip={t('passwordInput.showPassword', 'Show password')}\n          aria-pressed={type === 'text'}\n          icon={type === 'password' ? <EyeInvisibleIcon /> : <EyeIcon />}\n          onPress={toggleType}\n        />\n      </ItemActionProvider>\n    </>\n  );\n\n  return (\n    <TextInputBase\n      ref={ref}\n      labelProps={mergedLabelProps}\n      inputProps={mergeProps(\n        inputProps,\n        { 'data-input-type': 'passwordinput' },\n        userInputProps,\n      )}\n      inputRef={inputRef}\n      inputStyles={{ paddingRight: '4x' }}\n      type={type}\n      suffixPosition=\"after\"\n      suffix={wrappedSuffix}\n      multiLine={multiLine}\n      {...rest}\n      {...displayedValidation.getDisplayedValidation(rest, validation)}\n    />\n  );\n}\n\n/**\n * PasswordInputs are password inputs that allow users to input passwords or code entries\n * with a keyboard. Various decorations can be displayed around the field to\n * communicate the entry requirements.\n */\nconst _PasswordInput = forwardRef(PasswordInput);\n\n(_PasswordInput as any).cubeInputType = 'Text';\n_PasswordInput.displayName = 'PasswordInput';\n\nexport { _PasswordInput as PasswordInput };\n"],"mappings":"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"}
+{"version":3,"file":"PasswordInput.js","names":["ForwardedRef","forwardRef","RefObject","useRef","useState","AriaTextFieldProps","useTextField","useI18n","EyeIcon","EyeInvisibleIcon","chain","mergeProps","useBufferedValue","castNullableStringValue","WithNullableValue","ItemAction","ItemActionProvider","useFieldProps","useDisplayedValidation","CubeBufferedValueProps","CubeTextInputBaseProps","TextInputBase","TextFieldKeyboardProps","CubePasswordInputProps","Omit","validate","PasswordInput","rawProps","ref","$","_c","t","t0","t1","Symbol","for","defaultValidationTrigger","valuePropsMapper","_temp","props","type","setType","labelProps","userLabelProps","inputProps","userInputProps","suffix","multiLine","inputRef","propsInputRef","form","isBuffered","rest","localInputRef","buffered","value","onChange","isDisabled","isReadOnly","displayedValidation","validation","trackTouched","onBlur","reset","HTMLInputElement","t2","mergedLabelProps","t3","_temp2","toggleType","t4","t5","t6","t7","t8","wrappedSuffix","t9","t10","paddingRight","getDisplayedValidation","type_0","toString","_PasswordInput","cubeInputType","displayName"],"sources":["../../../../src/components/fields/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, RefObject, useRef, useState } from 'react';\nimport { AriaTextFieldProps, useTextField } from 'react-aria';\n\nimport { useI18n } from '../../../i18n';\nimport { EyeIcon } from '../../../icons/EyeIcon';\nimport { EyeInvisibleIcon } from '../../../icons/EyeInvisibleIcon';\nimport { chain, mergeProps, useBufferedValue } from '../../../utils/react';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { ItemAction } from '../../actions/ItemAction/ItemAction';\nimport { ItemActionProvider } from '../../actions/ItemActionContext';\nimport { useFieldProps } from '../../form';\nimport { useDisplayedValidation } from '../TextInput/displayed-validation';\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput/TextInputBase';\n\nimport type { TextFieldKeyboardProps } from '../../../shared/form';\n\nexport interface CubePasswordInputProps\n  extends WithNullableValue<Omit<CubeTextInputBaseProps, 'validate'>>,\n    CubeBufferedValueProps,\n    TextFieldKeyboardProps {\n  validate?: AriaTextFieldProps['validate'];\n}\n\nfunction PasswordInput(\n  rawProps: CubePasswordInputProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  const { t } = useI18n();\n\n  rawProps = castNullableStringValue(rawProps);\n  let props = useFieldProps(rawProps, {\n    defaultValidationTrigger: 'onBlur',\n    valuePropsMapper: ({ value, onChange }) => ({\n      value: value?.toString() ?? '',\n      onChange,\n    }),\n  });\n\n  let [type, setType] = useState('password');\n  let {\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    suffix,\n    multiLine,\n    inputRef: propsInputRef,\n    // The form instance, not the DOM `form` id `useTextField` forwards.\n    form,\n    isBuffered,\n    ...rest\n  } = props;\n  let localInputRef = useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n  let inputRef = propsInputRef ?? localInputRef;\n\n  // Hold the typed text locally until the controlled value catches up — see `useBufferedValue`.\n  let buffered = useBufferedValue(rest.value, rest.onChange, {\n    isBuffered,\n    isDisabled: rest.isDisabled,\n    isReadOnly: rest.isReadOnly,\n  });\n\n  let displayedValidation = useDisplayedValidation();\n  let { labelProps, inputProps, ...validation } = useTextField(\n    displayedValidation.trackTouched({\n      ...rest,\n      value: buffered.value,\n      onChange: buffered.onChange,\n      onBlur: chain(rest.onBlur, buffered.reset),\n      type,\n    }),\n    inputRef as RefObject<HTMLInputElement | null>,\n  );\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  const toggleType = () => {\n    setType((type) => (type === 'password' ? 'text' : 'password'));\n  };\n\n  const wrappedSuffix = (\n    <>\n      {suffix}\n      {/*\n        The disabled state travels through the provider rather than as a prop on\n        the action. Both disable it, but the provider marks the state as\n        INHERITED from the field, and `current` paints from the colour it\n        inherits — which a disabled field has already faded — so a second fade\n        would multiply the two down to roughly a tenth opacity. No `type` is\n        passed, so the `context` mod stays off and the toggle keeps its margins.\n      */}\n      <ItemActionProvider isDisabled={rest.isDisabled}>\n        <ItemAction\n          // No `type` — the default `current` type inherits the input's own text\n          // color, so the toggle follows the field's theme, validation state and\n          // disabled state rather than staying opaque against faded text.\n          // A toggle button keeps one name and reports its state with\n          // `aria-pressed`: pressed means the password is shown.\n          tooltip={t('passwordInput.showPassword', 'Show password')}\n          aria-pressed={type === 'text'}\n          icon={type === 'password' ? <EyeInvisibleIcon /> : <EyeIcon />}\n          onPress={toggleType}\n        />\n      </ItemActionProvider>\n    </>\n  );\n\n  return (\n    <TextInputBase\n      ref={ref}\n      labelProps={mergedLabelProps}\n      inputProps={mergeProps(\n        inputProps,\n        { 'data-input-type': 'passwordinput' },\n        userInputProps,\n      )}\n      inputRef={inputRef}\n      inputStyles={{ paddingRight: '4x' }}\n      type={type}\n      suffixPosition=\"after\"\n      suffix={wrappedSuffix}\n      multiLine={multiLine}\n      {...rest}\n      {...displayedValidation.getDisplayedValidation(rest, validation)}\n    />\n  );\n}\n\n/**\n * PasswordInputs are password inputs that allow users to input passwords or code entries\n * with a keyboard. Various decorations can be displayed around the field to\n * communicate the entry requirements.\n */\nconst _PasswordInput = forwardRef(PasswordInput);\n\n(_PasswordInput as any).cubeInputType = 'Text';\n_PasswordInput.displayName = 'PasswordInput';\n\nexport { _PasswordInput as PasswordInput };\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { _Text } from "../../content/Text.js";
 import { isTextOnly } from "../../../utils/react/isTextOnly.js";