@cube-dev/ui-kit 0.190.7 → 0.190.8

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { castNullableNumberValue } from "../../../utils/react/nullableValue.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";
@@ -8,7 +8,7 @@ import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { mergeProps, useLocale, useNumberField } from "react-aria";
+import { mergeProps, useKeyboard, useLocale, useNumberField } from "react-aria";
 import { useNumberFieldState } from "react-stately";
 
 //#region src/components/fields/NumberInput/NumberInput.tsx
@@ -21,16 +21,16 @@ const StepperContainer = tasty({ styles: {
 	placeSelf: "stretch",
 	margin: "(.5x - 1bw) left"
 } });
-function NumberInput(props, ref) {
-	const $ = c(38);
+function NumberInput(rawProps, ref) {
+	const $ = c(48);
 	let t0;
-	if ($[0] !== props) {
-		t0 = castNullableNumberValue(props);
-		$[0] = props;
+	if ($[0] !== rawProps) {
+		t0 = castNullableNumberValue(rawProps);
+		$[0] = rawProps;
 		$[1] = t0;
 	} else t0 = $[1];
-	props = t0;
-	props = useFieldProps(props);
+	rawProps = t0;
+	const props = useFieldProps(rawProps);
 	let hideStepper;
 	let inputRef;
 	let otherProps;
@@ -75,18 +75,53 @@ function NumberInput(props, ref) {
 	const state = useNumberFieldState(t1);
 	const localInputRef = useRef(null);
 	inputRef = inputRef ?? localInputRef;
-	const { groupProps, labelProps, inputProps, incrementButtonProps, decrementButtonProps } = useNumberField(props, state, inputRef);
 	let t2;
-	if ($[12] !== labelProps || $[13] !== userLabelProps) {
-		t2 = mergeProps$1(labelProps, userLabelProps);
-		$[12] = labelProps;
-		$[13] = userLabelProps;
-		$[14] = t2;
-	} else t2 = $[14];
-	const mergedLabelProps = t2;
+	if ($[12] !== props) {
+		t2 = {
+			...props,
+			onKeyDown: void 0,
+			onKeyUp: void 0
+		};
+		$[12] = props;
+		$[13] = t2;
+	} else t2 = $[13];
+	const { groupProps, labelProps, inputProps, incrementButtonProps, decrementButtonProps } = useNumberField(t2, state, inputRef);
 	let t3;
-	if ($[15] !== decrementButtonProps || $[16] !== incrementButtonProps || $[17] !== otherProps || $[18] !== props.isDisabled || $[19] !== showStepper) {
-		t3 = showStepper ? /* @__PURE__ */ jsxs(StepperContainer, { children: [/* @__PURE__ */ jsx(StepButton, {
+	if ($[14] !== inputProps || $[15] !== props) {
+		t3 = (event) => {
+			inputProps.onKeyDown?.(event);
+			event.defaultPrevented = event.isDefaultPrevented();
+			if (event.key !== "Enter") event.continuePropagation();
+			props.onKeyDown?.(event);
+		};
+		$[14] = inputProps;
+		$[15] = props;
+		$[16] = t3;
+	} else t3 = $[16];
+	let t4;
+	if ($[17] !== props.isDisabled || $[18] !== props.onKeyUp || $[19] !== t3) {
+		t4 = {
+			isDisabled: props.isDisabled,
+			onKeyDown: t3,
+			onKeyUp: props.onKeyUp
+		};
+		$[17] = props.isDisabled;
+		$[18] = props.onKeyUp;
+		$[19] = t3;
+		$[20] = t4;
+	} else t4 = $[20];
+	const { keyboardProps } = useKeyboard(t4);
+	let t5;
+	if ($[21] !== labelProps || $[22] !== userLabelProps) {
+		t5 = mergeProps$1(labelProps, userLabelProps);
+		$[21] = labelProps;
+		$[22] = userLabelProps;
+		$[23] = t5;
+	} else t5 = $[23];
+	const mergedLabelProps = t5;
+	let t6;
+	if ($[24] !== decrementButtonProps || $[25] !== incrementButtonProps || $[26] !== otherProps || $[27] !== props.isDisabled || $[28] !== showStepper) {
+		t6 = showStepper ? /* @__PURE__ */ jsxs(StepperContainer, { children: [/* @__PURE__ */ jsx(StepButton, {
 			isDisabled: props.isDisabled,
 			direction: "up",
 			...incrementButtonProps,
@@ -97,54 +132,58 @@ function NumberInput(props, ref) {
 			...decrementButtonProps,
 			size: otherProps.size
 		})] }) : void 0;
-		$[15] = decrementButtonProps;
-		$[16] = incrementButtonProps;
-		$[17] = otherProps;
-		$[18] = props.isDisabled;
-		$[19] = showStepper;
-		$[20] = t3;
-	} else t3 = $[20];
-	const steppers = t3;
-	const t4 = otherProps;
-	let t5;
-	if ($[21] !== inputProps || $[22] !== props.id || $[23] !== userInputProps) {
-		t5 = mergeProps$1(mergeProps(inputProps, { id: props.id }), { "data-input-type": "numberinput" }, userInputProps);
-		$[21] = inputProps;
-		$[22] = props.id;
-		$[23] = userInputProps;
-		$[24] = t5;
-	} else t5 = $[24];
-	let t6;
-	if ($[25] !== props.suffixPosition || $[26] !== showStepper || $[27] !== steppers || $[28] !== suffix) {
-		t6 = showStepper ? props.suffixPosition === "before" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [suffix, steppers] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [steppers, suffix] }) : suffix;
-		$[25] = props.suffixPosition;
-		$[26] = showStepper;
-		$[27] = steppers;
-		$[28] = suffix;
+		$[24] = decrementButtonProps;
+		$[25] = incrementButtonProps;
+		$[26] = otherProps;
+		$[27] = props.isDisabled;
+		$[28] = showStepper;
 		$[29] = t6;
 	} else t6 = $[29];
-	let t7;
-	if ($[30] !== groupProps || $[31] !== inputRef || $[32] !== mergedLabelProps || $[33] !== otherProps || $[34] !== ref || $[35] !== t5 || $[36] !== t6) {
-		t7 = /* @__PURE__ */ jsx(StyledTextInputBase, {
-			...t4,
+	const steppers = t6;
+	const t7 = otherProps;
+	let t8;
+	if ($[30] !== inputProps || $[31] !== keyboardProps || $[32] !== props.id || $[33] !== userInputProps) {
+		t8 = mergeProps$1(mergeProps({
+			...inputProps,
+			...keyboardProps
+		}, { id: props.id }), { "data-input-type": "numberinput" }, userInputProps);
+		$[30] = inputProps;
+		$[31] = keyboardProps;
+		$[32] = props.id;
+		$[33] = userInputProps;
+		$[34] = t8;
+	} else t8 = $[34];
+	let t9;
+	if ($[35] !== props.suffixPosition || $[36] !== showStepper || $[37] !== steppers || $[38] !== suffix) {
+		t9 = showStepper ? props.suffixPosition === "before" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [suffix, steppers] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [steppers, suffix] }) : suffix;
+		$[35] = props.suffixPosition;
+		$[36] = showStepper;
+		$[37] = steppers;
+		$[38] = suffix;
+		$[39] = t9;
+	} else t9 = $[39];
+	let t10;
+	if ($[40] !== groupProps || $[41] !== inputRef || $[42] !== mergedLabelProps || $[43] !== otherProps || $[44] !== ref || $[45] !== t8 || $[46] !== t9) {
+		t10 = /* @__PURE__ */ jsx(StyledTextInputBase, {
+			...t7,
 			ref,
 			labelProps: mergedLabelProps,
-			inputProps: t5,
+			inputProps: t8,
 			inputRef,
 			wrapperProps: groupProps,
 			suffixPosition: "after",
-			suffix: t6
+			suffix: t9
 		});
-		$[30] = groupProps;
-		$[31] = inputRef;
-		$[32] = mergedLabelProps;
-		$[33] = otherProps;
-		$[34] = ref;
-		$[35] = t5;
-		$[36] = t6;
-		$[37] = t7;
-	} else t7 = $[37];
-	return t7;
+		$[40] = groupProps;
+		$[41] = inputRef;
+		$[42] = mergedLabelProps;
+		$[43] = otherProps;
+		$[44] = ref;
+		$[45] = t8;
+		$[46] = t9;
+		$[47] = t10;
+	} else t10 = $[47];
+	return t10;
 }
 /**
 * 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","RefObject","useRef","AriaNumberFieldProps","mergeProps","mergeAriaProps","useLocale","useNumberField","useNumberFieldState","castNullableNumberValue","WithNullableValue","useFieldProps","CubeTextInputBaseProps","TextInputBase","StepButton","FieldBaseProps","TextFieldKeyboardProps","CubeNumberInputProps","Omit","field","hideStepper","StyledTextInputBase","inputStyles","textAlign","StepperContainer","styles","display","gridColumns","gridRows","flow","placeSelf","margin","NumberInput","props","ref","$","_c","t0","inputRef","otherProps","suffix","userInputProps","userLabelProps","t1","t2","value","defaultValue","onChange","t3","labelProps","t4","inputProps","t5","t6","showStepper","locale","state","localInputRef","groupProps","incrementButtonProps","decrementButtonProps","HTMLInputElement","mergedLabelProps","isDisabled","size","undefined","steppers","id","suffixPosition","t7","_NumberInput","cubeInputType","displayName"],"sources":["../../../../src/components/fields/NumberInput/NumberInput.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef, RefObject, useRef } from 'react';\nimport {\n  AriaNumberFieldProps,\n  mergeProps as mergeAriaProps,\n  useLocale,\n  useNumberField,\n} from 'react-aria';\nimport { useNumberFieldState } from 'react-stately';\n\nimport { mergeProps } from '../../../utils/react';\nimport {\n  castNullableNumberValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { useFieldProps } from '../../form';\nimport { CubeTextInputBaseProps, TextInputBase } from '../TextInput';\n\nimport { StepButton } from './StepButton';\n\nimport type {\n  FieldBaseProps,\n  TextFieldKeyboardProps,\n} from '../../../shared/form';\n\nexport interface CubeNumberInputProps\n  extends Omit<\n      CubeTextInputBaseProps,\n      'defaultValue' | 'value' | 'onChange' | 'field'\n    >,\n    Omit<AriaNumberFieldProps, 'validate' | 'form' | 'name'>,\n    // Declared directly: both `Omit`s above are over types that are, or extend,\n    // an in-repo `any`, which erases the members they would otherwise carry.\n    TextFieldKeyboardProps {\n  field?: FieldBaseProps<number | null | undefined>['field'];\n  /** Whether or to hide stepper */\n  hideStepper?: boolean;\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  props: WithNullableValue<CubeNumberInputProps>,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  props = castNullableNumberValue(props);\n  props = useFieldProps(props);\n\n  let {\n    hideStepper,\n    suffix,\n    value,\n    defaultValue,\n    onChange,\n    inputRef,\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    ...otherProps\n  } = props;\n  let showStepper = !hideStepper;\n  let { locale } = useLocale();\n  let state = useNumberFieldState({ ...props, locale });\n  let localInputRef = useRef<HTMLInputElement>(null);\n\n  inputRef = inputRef ?? localInputRef;\n\n  let {\n    groupProps,\n    labelProps,\n    inputProps,\n    incrementButtonProps,\n    decrementButtonProps,\n  } = useNumberField(props, state, inputRef as RefObject<HTMLInputElement>);\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        size={otherProps.size}\n      />\n      <StepButton\n        isDisabled={props.isDisabled}\n        direction=\"down\"\n        {...decrementButtonProps}\n        size={otherProps.size}\n      />\n    </StepperContainer>\n  ) : undefined;\n\n  return (\n    <StyledTextInputBase\n      {...otherProps}\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, { id: props.id }),\n        { 'data-input-type': 'numberinput' },\n        userInputProps,\n      )}\n      inputRef={inputRef}\n      wrapperProps={groupProps}\n      suffixPosition=\"after\"\n      suffix={\n        showStepper ? (\n          props.suffixPosition === 'before' ? (\n            <>\n              {suffix}\n              {steppers}\n            </>\n          ) : (\n            <>\n              {steppers}\n              {suffix}\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","castNullableNumberValue","WithNullableValue","useFieldProps","CubeTextInputBaseProps","TextInputBase","StepButton","TextInputDOMEvents","FieldBaseProps","TextFieldKeyboardProps","CubeNumberInputProps","Omit","field","hideStepper","StyledTextInputBase","inputStyles","textAlign","StepperContainer","styles","display","gridColumns","gridRows","flow","placeSelf","margin","NumberInput","rawProps","ref","$","_c","t0","props","inputRef","otherProps","suffix","userInputProps","userLabelProps","t1","t2","value","defaultValue","onChange","t3","labelProps","t4","inputProps","t5","t6","showStepper","locale","state","localInputRef","onKeyDown","undefined","onKeyUp","groupProps","incrementButtonProps","decrementButtonProps","HTMLInputElement","event","defaultPrevented","isDefaultPrevented","key","continuePropagation","isDisabled","keyboardProps","mergedLabelProps","size","steppers","t8","id","t9","suffixPosition","t10","_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 { mergeProps } from '../../../utils/react';\nimport {\n  castNullableNumberValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { useFieldProps } from '../../form';\nimport { CubeTextInputBaseProps, TextInputBase } from '../TextInput';\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\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  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    ...otherProps\n  } = props;\n  let showStepper = !hideStepper;\n  let { locale } = useLocale();\n  let state = useNumberFieldState({ ...props, locale });\n  let localInputRef = useRef<HTMLInputElement>(null);\n\n  inputRef = inputRef ?? localInputRef;\n\n  let {\n    groupProps,\n    labelProps,\n    inputProps,\n    incrementButtonProps,\n    decrementButtonProps,\n  } = useNumberField(\n    { ...props, onKeyDown: undefined, onKeyUp: undefined },\n    state,\n    inputRef as RefObject<HTMLInputElement>,\n  );\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        size={otherProps.size}\n      />\n      <StepButton\n        isDisabled={props.isDisabled}\n        direction=\"down\"\n        {...decrementButtonProps}\n        size={otherProps.size}\n      />\n    </StepperContainer>\n  ) : undefined;\n\n  return (\n    <StyledTextInputBase\n      {...otherProps}\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      suffixPosition=\"after\"\n      suffix={\n        showStepper ? (\n          props.suffixPosition === 'before' ? (\n            <>\n              {suffix}\n              {steppers}\n            </>\n          ) : (\n            <>\n              {steppers}\n              {suffix}\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.190.7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Button } from "../../actions/Button/Button.js";
 import { DirectionIcon } from "../../../icons/DirectionIcon.js";
@@ -8,7 +8,6 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/components/fields/NumberInput/StepButton.tsx
 const StepButtonElement = tasty(Button, {
-	preventDefault: true,
 	type: "clear",
 	styles: {
 		width: "($local-size * 1.25)",
@@ -69,7 +68,6 @@ function StepButton(props) {
 	let t6;
 	if ($[9] !== label || $[10] !== props || $[11] !== t3 || $[12] !== t5) {
 		t6 = /* @__PURE__ */ jsx(StepButtonElement, {
-			preventDefault: true,
 			type: "clear",
 			mods: t3,
 			"aria-label": label,

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

@@ -1 +1 @@
-{"version":3,"file":"StepButton.js","names":["Styles","tasty","useI18n","CaretDownIcon","CaretUpIcon","DirectionIcon","Button","StepButtonElement","preventDefault","type","styles","width","height","radius","down","padding","$size","Icon","StepButton","props","$","_c","t","t0","direction","label","t1","t2","t3","up","t4","Symbol","for","fontSize","t5","t6"],"sources":["../../../../src/components/fields/NumberInput/StepButton.tsx"],"sourcesContent":["import { Styles, tasty } from '@tenphi/tasty';\n\nimport { useI18n } from '../../../i18n';\nimport { CaretDownIcon } from '../../../icons/CaretDownIcon';\nimport { CaretUpIcon } from '../../../icons/CaretUpIcon';\nimport { DirectionIcon } from '../../../icons/DirectionIcon';\nimport { Button } from '../../actions/Button/Button';\n\nconst StepButtonElement = tasty(Button, {\n  preventDefault: true,\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.\n */\nexport function StepButton(props) {\n  const { t } = useI18n();\n\n  const label =\n    props.direction === 'up'\n      ? t('numberInput.stepUp', 'Step up')\n      : t('numberInput.stepDown', 'Step down');\n\n  return (\n    <StepButtonElement\n      preventDefault\n      type=\"clear\"\n      mods={{\n        up: props.direction === 'up',\n        down: props.direction === 'down',\n      }}\n      aria-label={label}\n      {...props}\n    >\n      <DirectionIcon\n        to={props.direction}\n        styles={{ fontSize: '$local-size' }}\n      />\n    </StepButtonElement>\n  );\n}\n"],"mappings":";;;;;;;;;AAQA,MAAMO,oBAAoBN,MAAMK,QAAQ;CACtCE,gBAAgB;CAChBC,MAAM;CACNC,QAAQ;EACNC,OAAO;EACPC,QAAQ;EACRC,QAAQ;GACN,IAAI;GACJC,MAAM;GACP;EACDC,SAAS;EAETC,OAAO;EACP,eAAe;EAEfC,MAAM;GACJN,OAAO;GACPC,QAAQ;GACV;EACF;CACD,CAAC;;;;AAKF,SAAOM,WAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAA,EAAAC,MAAcpB,SAAS;CAAC,IAAAqB;AAAA,KAAAH,EAAA,OAAAD,MAAAK,aAAAJ,EAAA,OAAAE,GAAA;AAGtBC,OAAAJ,MAAKK,cAAe,OAChBF,EAAE,sBAAsB,UACc,GAAtCA,EAAE,wBAAwB,YAAY;AAAAF,IAAA,KAAAD,MAAAK;AAAAJ,IAAA,KAAAE;AAAAF,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAH5C,MAAAK,QACEF;CASQ,MAAAG,KAAAP,MAAKK,cAAe;CAClB,MAAAG,KAAAR,MAAKK,cAAe;CAAM,IAAAI;AAAA,KAAAR,EAAA,OAAAM,MAAAN,EAAA,OAAAO,IAAA;AAF5BC,OAAA;GAAAC,IACAH;GAAwBZ,MACtBa;GACP;AAAAP,IAAA,KAAAM;AAAAN,IAAA,KAAAO;AAAAP,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAAA,IAAAU;AAAA,KAAAV,EAAA,OAAAW,OAAAC,IAAA,4BAAA,EAAA;AAMSF,OAAA,EAAAG,UAAY,eAAe;AAAAb,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAAA,IAAAc;AAAA,KAAAd,EAAA,OAAAD,MAAAK,WAAA;AAFrCU,OAAA,oBAAC;GACK,IAAAf,MAAKK;GACD,QAAAM;IACR;AAAAV,IAAA,KAAAD,MAAAK;AAAAJ,IAAA,KAAAc;OAAAA,MAAAd,EAAA;CAAA,IAAAe;AAAA,KAAAf,EAAA,OAAAK,SAAAL,EAAA,QAAAD,SAAAC,EAAA,QAAAQ,MAAAR,EAAA,QAAAc,IAAA;AAbJC,OAAA,oBAAC;GACC,gBAAA;GACK,MAAA;GACC,MAAAP;GAIMH,cAAAA;GAAK,GACbN;aAEJe;IAIkB;AAAAd,IAAA,KAAAK;AAAAL,IAAA,MAAAD;AAAAC,IAAA,MAAAQ;AAAAR,IAAA,MAAAc;AAAAd,IAAA,MAAAe;OAAAA,MAAAf,EAAA;AAAA,QAdpBe"}
+{"version":3,"file":"StepButton.js","names":["Styles","tasty","useI18n","CaretDownIcon","CaretUpIcon","DirectionIcon","Button","StepButtonElement","type","styles","width","height","radius","down","padding","$size","Icon","StepButton","props","$","_c","t","t0","direction","label","t1","t2","t3","up","t4","Symbol","for","fontSize","t5","t6"],"sources":["../../../../src/components/fields/NumberInput/StepButton.tsx"],"sourcesContent":["import { Styles, tasty } from '@tenphi/tasty';\n\nimport { useI18n } from '../../../i18n';\nimport { CaretDownIcon } from '../../../icons/CaretDownIcon';\nimport { CaretUpIcon } from '../../../icons/CaretUpIcon';\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.\n */\nexport function StepButton(props) {\n  const { t } = useI18n();\n\n  const label =\n    props.direction === 'up'\n      ? t('numberInput.stepUp', 'Step up')\n      : t('numberInput.stepDown', 'Step down');\n\n  return (\n    <StepButtonElement\n      type=\"clear\"\n      mods={{\n        up: props.direction === 'up',\n        down: props.direction === 'down',\n      }}\n      aria-label={label}\n      {...props}\n    >\n      <DirectionIcon\n        to={props.direction}\n        styles={{ fontSize: '$local-size' }}\n      />\n    </StepButtonElement>\n  );\n}\n"],"mappings":";;;;;;;;;AAQA,MAAMO,oBAAoBN,MAAMK,QAAQ;CACtCE,MAAM;CACNC,QAAQ;EACNC,OAAO;EACPC,QAAQ;EACRC,QAAQ;GACN,IAAI;GACJC,MAAM;GACP;EACDC,SAAS;EAETC,OAAO;EACP,eAAe;EAEfC,MAAM;GACJN,OAAO;GACPC,QAAQ;GACV;EACF;CACD,CAAC;;;;AAKF,SAAOM,WAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAA,EAAAC,MAAcnB,SAAS;CAAC,IAAAoB;AAAA,KAAAH,EAAA,OAAAD,MAAAK,aAAAJ,EAAA,OAAAE,GAAA;AAGtBC,OAAAJ,MAAKK,cAAe,OAChBF,EAAE,sBAAsB,UACc,GAAtCA,EAAE,wBAAwB,YAAY;AAAAF,IAAA,KAAAD,MAAAK;AAAAJ,IAAA,KAAAE;AAAAF,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAH5C,MAAAK,QACEF;CAQQ,MAAAG,KAAAP,MAAKK,cAAe;CAClB,MAAAG,KAAAR,MAAKK,cAAe;CAAM,IAAAI;AAAA,KAAAR,EAAA,OAAAM,MAAAN,EAAA,OAAAO,IAAA;AAF5BC,OAAA;GAAAC,IACAH;GAAwBZ,MACtBa;GACP;AAAAP,IAAA,KAAAM;AAAAN,IAAA,KAAAO;AAAAP,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;CAAA,IAAAU;AAAA,KAAAV,EAAA,OAAAW,OAAAC,IAAA,4BAAA,EAAA;AAMSF,OAAA,EAAAG,UAAY,eAAe;AAAAb,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAAA,IAAAc;AAAA,KAAAd,EAAA,OAAAD,MAAAK,WAAA;AAFrCU,OAAA,oBAAC;GACK,IAAAf,MAAKK;GACD,QAAAM;IACR;AAAAV,IAAA,KAAAD,MAAAK;AAAAJ,IAAA,KAAAc;OAAAA,MAAAd,EAAA;CAAA,IAAAe;AAAA,KAAAf,EAAA,OAAAK,SAAAL,EAAA,QAAAD,SAAAC,EAAA,QAAAQ,MAAAR,EAAA,QAAAc,IAAA;AAZJC,OAAA,oBAAC;GACM,MAAA;GACC,MAAAP;GAIMH,cAAAA;GAAK,GACbN;aAEJe;IAIkB;AAAAd,IAAA,KAAAK;AAAAL,IAAA,MAAAD;AAAAC,IAAA,MAAAQ;AAAAR,IAAA,MAAAc;AAAAd,IAAA,MAAAe;OAAAA,MAAAf,EAAA;AAAA,QAbpBe"}

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

@@ -4,15 +4,18 @@ import { WithNullableValue } from "../../../utils/react/nullableValue.js";
 import { CubeBufferedValueProps, CubeTextInputBaseProps } from "../TextInput/TextInputBase.js";
 import "../TextInput/index.js";
 import * as react from "react";
+import { AriaTextFieldProps } from "react-aria";
 
 //#region src/components/fields/PasswordInput/PasswordInput.d.ts
-interface CubePasswordInputProps extends WithNullableValue<CubeTextInputBaseProps>, CubeBufferedValueProps, TextFieldKeyboardProps {}
+interface CubePasswordInputProps extends WithNullableValue<Omit<CubeTextInputBaseProps, 'validate'>>, CubeBufferedValueProps, TextFieldKeyboardProps {
+  validate?: AriaTextFieldProps['validate'];
+}
 /**
  * PasswordInputs are password inputs that allow users to input passwords or code entries
  * with a keyboard. Various decorations can be displayed around the field to
  * communicate the entry requirements.
  */
-declare const _PasswordInput: react.ForwardRefExoticComponent<Omit<CubePasswordInputProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const _PasswordInput: react.ForwardRefExoticComponent<CubePasswordInputProps & react.RefAttributes<HTMLElement>>;
 //#endregion
 export { CubePasswordInputProps, _PasswordInput };
 //# sourceMappingURL=PasswordInput.d.ts.map

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.190.7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | 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";
@@ -16,16 +16,16 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useTextField } from "react-aria";
 
 //#region src/components/fields/PasswordInput/PasswordInput.tsx
-function PasswordInput(props, ref) {
+function PasswordInput(rawProps, ref) {
 	const $ = c(39);
 	const { t } = useI18n();
 	let t0;
-	if ($[0] !== props) {
-		t0 = castNullableStringValue(props);
-		$[0] = props;
+	if ($[0] !== rawProps) {
+		t0 = castNullableStringValue(rawProps);
+		$[0] = rawProps;
 		$[1] = t0;
 	} else t0 = $[1];
-	props = t0;
+	rawProps = t0;
 	let t1;
 	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
 		t1 = {
@@ -34,7 +34,7 @@ function PasswordInput(props, ref) {
 		};
 		$[2] = t1;
 	} else t1 = $[2];
-	props = useFieldProps(props, t1);
+	const props = useFieldProps(rawProps, t1);
 	const [type, setType] = useState("password");
 	const { labelProps: userLabelProps, inputProps: userInputProps, suffix, multiLine, inputRef: propsInputRef, form, isBuffered, ...rest } = props;
 	const localInputRef = useRef(null);

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

@@ -1 +1 @@
-{"version":3,"file":"PasswordInput.js","names":["ForwardedRef","forwardRef","useRef","useState","useTextField","useI18n","EyeIcon","EyeInvisibleIcon","chain","mergeProps","useBufferedValue","castNullableStringValue","WithNullableValue","ItemAction","ItemActionProvider","useFieldProps","CubeBufferedValueProps","CubeTextInputBaseProps","TextInputBase","TextFieldKeyboardProps","CubePasswordInputProps","PasswordInput","props","ref","$","_c","t","t0","t1","Symbol","for","defaultValidationTrigger","valuePropsMapper","_temp","type","setType","labelProps","userLabelProps","inputProps","userInputProps","suffix","multiLine","inputRef","propsInputRef","form","isBuffered","rest","localInputRef","buffered","value","onChange","isDisabled","isReadOnly","t2","t3","t4","onBlur","reset","t5","t6","mergedLabelProps","t7","_temp2","toggleType","t8","t9","t10","t11","t12","t13","wrappedSuffix","t14","t15","paddingRight","t16","type_0","toString","_PasswordInput","cubeInputType","displayName"],"sources":["../../../../src/components/fields/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, useRef, useState } from 'react';\nimport { 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, ItemActionProvider } from '../../actions';\nimport { useFieldProps } from '../../form';\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput';\n\nimport type { TextFieldKeyboardProps } from '../../../shared/form';\n\nexport interface CubePasswordInputProps\n  extends WithNullableValue<CubeTextInputBaseProps>,\n    CubeBufferedValueProps,\n    // Restated: `WithNullableValue` erases the base's named members in-repo.\n    TextFieldKeyboardProps {}\n\nfunction PasswordInput(\n  props: CubePasswordInputProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  const { t } = useI18n();\n\n  props = castNullableStringValue(props);\n  props = useFieldProps(props, {\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 { labelProps, inputProps } = useTextField(\n    {\n      ...rest,\n      value: buffered.value,\n      onChange: buffered.onChange,\n      onBlur: chain(rest.onBlur, buffered.reset),\n      type,\n    },\n    inputRef,\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          tooltip={t('passwordInput.toggleMasking', 'Toggle masking')}\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    />\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","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","t2","t3","t4","onBlur","reset","t5","HTMLInputElement","t6","mergedLabelProps","t7","_temp2","toggleType","t8","t9","t10","t11","t12","t13","wrappedSuffix","t14","t15","paddingRight","t16","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, ItemActionProvider } from '../../actions';\nimport { useFieldProps } from '../../form';\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput';\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 { labelProps, inputProps } = useTextField(\n    {\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          tooltip={t('passwordInput.toggleMasking', 'Toggle masking')}\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    />\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.190.7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.190.8 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Text } from "../../content/Text.js";