@cube-dev/ui-kit 0.169.0 → 0.169.1

package/dist/components/fields/DatePicker/DatePickerButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | Cube Dev Team */
 import { ItemActionProvider } from "../../actions/ItemActionContext.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { CalendarIcon } from "../../../icons/CalendarIcon.js";

package/dist/components/fields/DatePicker/DatePickerElement.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | Cube Dev Team */
 import { Space } from "../../layout/Space.js";
 import { tasty } from "@tenphi/tasty";
 

package/dist/components/fields/DatePicker/DatePickerInput.js

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

package/dist/components/fields/DatePicker/DatePickerSegment.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/DatePicker/DateRangePicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { Space } from "../../layout/Space.js";

package/dist/components/fields/DatePicker/DateRangeSeparatedPicker.js

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

package/dist/components/fields/DatePicker/MonthPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | Cube Dev Team */
 import { _PeriodPicker } from "./PeriodPicker.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/DatePicker/PeriodPicker.js

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

package/dist/components/fields/DatePicker/QuarterPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | Cube Dev Team */
 import { _PeriodPicker } from "./PeriodPicker.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/DatePicker/TimeInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useFieldProps } from "../../form/Form/use-field/use-field-props.js";

package/dist/components/fields/DatePicker/WeekPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | Cube Dev Team */
 import { _PeriodPicker } from "./PeriodPicker.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/DatePicker/YearPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | Cube Dev Team */
 import { _PeriodPicker } from "./PeriodPicker.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/DatePicker/parseDate.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | Cube Dev Team */
 import { parseAbsolute } from "@internationalized/date";
 
 //#region src/components/fields/DatePicker/parseDate.ts

package/dist/components/fields/DatePicker/period.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | Cube Dev Team */
 import { CalendarDate, startOfMonth, startOfWeek, startOfYear, toCalendarDate } from "@internationalized/date";
 
 //#region src/components/fields/DatePicker/period.ts

package/dist/components/fields/DatePicker/props.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | Cube Dev Team */
 //#region src/components/fields/DatePicker/props.ts
 const DEFAULT_DATE_PROPS = {
 	granularity: "day",

package/dist/components/fields/DatePicker/utils.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | Cube Dev Team */
 import { useImperativeHandle, useRef } from "react";
 import { createDOMRef } from "@react-spectrum/utils";
 import { createFocusManager } from "@react-aria/focus";

package/dist/components/fields/FileInput/FileInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/fields/FilterListBox/FilterListBox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | 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/FilterPicker/FilterPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Text } from "../../content/Text.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | Cube Dev Team */
 import { TextInput } from "../TextInput/TextInput.js";
 import { _FileInput } from "../FileInput/FileInput.js";
 import { _NumberInput } from "../NumberInput/NumberInput.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | Cube Dev Team */
 import { DraggableCollection } from "../../shared/DraggableCollection.js";
 import { jsx } from "react/jsx-runtime";
 

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | 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/ListBoxPopover/ListBoxPopover.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
 import { Portal } from "../../portal/Portal.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | 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.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | Cube Dev Team */
 import { useCallback, useEffect, useRef } from "react";
 
 //#region src/components/fields/ListBoxPopover/useCompositeFocus.ts

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | 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";
@@ -23,7 +23,7 @@ const StepperContainer = tasty({ styles: {
 function NumberInput(props, ref) {
 	props = castNullableNumberValue(props);
 	props = useFieldProps(props);
-	let { hideStepper, suffix, value, defaultValue, onChange, inputRef, labelProps: userLabelProps, ...otherProps } = props;
+	let { hideStepper, suffix, value, defaultValue, onChange, inputRef, labelProps: userLabelProps, inputProps: userInputProps, ...otherProps } = props;
 	let showStepper = !hideStepper;
 	let { locale } = useLocale();
 	let state = useNumberFieldState({
@@ -49,10 +49,7 @@ function NumberInput(props, ref) {
 		...otherProps,
 		ref,
 		labelProps: mergedLabelProps,
-		inputProps: {
-			...inputProps,
-			"data-input-type": "numberinput"
-		},
+		inputProps: mergeProps$1(inputProps, { "data-input-type": "numberinput" }, userInputProps),
 		inputRef,
 		wrapperProps: groupProps,
 		suffixPosition: "after",

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

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.js","names":["mergeProps"],"sources":["../../../../src/components/fields/NumberInput/NumberInput.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef, RefObject, useRef } from 'react';\nimport { AriaNumberFieldProps, useLocale, useNumberField } 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\nexport interface CubeNumberInputProps\n  extends Omit<CubeTextInputBaseProps, 'defaultValue' | 'value' | 'onChange'>,\n    Omit<AriaNumberFieldProps, 'validate'> {\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    ...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={{ ...inputProps, 'data-input-type': 'numberinput' }}\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":";;;;;;;;;;;;;AAsBA,MAAM,sBAAsB,MAAM,eAAe,EAC/C,aAAa,EACX,WAAW,SACZ,EACF,CAAC;AAEF,MAAM,mBAAmB,MAAM,EAC7B,QAAQ;CACN,SAAS;CACT,aAAa;CACb,UAAU;CACV,MAAM;CACN,WAAW;CACX,QAAQ;CACT,EACF,CAAC;AAEF,SAAS,YACP,OACA,KACA;AACA,SAAQ,wBAAwB,MAAM;AACtC,SAAQ,cAAc,MAAM;CAE5B,IAAI,EACF,aACA,QACA,OACA,cACA,UACA,UACA,YAAY,gBACZ,GAAG,eACD;CACJ,IAAI,cAAc,CAAC;CACnB,IAAI,EAAE,WAAW,WAAW;CAC5B,IAAI,QAAQ,oBAAoB;EAAE,GAAG;EAAO;EAAQ,CAAC;CACrD,IAAI,gBAAgB,OAAyB,KAAK;AAElD,YAAW,YAAY;CAEvB,IAAI,EACF,YACA,YACA,YACA,sBACA,yBACE,eAAe,OAAO,OAAO,SAAwC;CAGzE,MAAM,mBAAmBA,aAAW,YAAY,eAAe;CAE/D,MAAM,WAAW,cACf,qBAAC,+BACC,oBAAC;EACC,YAAY,MAAM;EAClB,WAAU;EACV,GAAI;EACJ,MAAM,WAAW;GACjB,EACF,oBAAC;EACC,YAAY,MAAM;EAClB,WAAU;EACV,GAAI;EACJ,MAAM,WAAW;GACjB,IACe,GACjB;AAEJ,QACE,oBAAC;EACC,GAAI;EACC;EACL,YAAY;EACZ,YAAY;GAAE,GAAG;GAAY,mBAAmB;GAAe;EACrD;EACV,cAAc;EACd,gBAAe;EACf,QACE,cACE,MAAM,mBAAmB,WACvB,8CACG,QACA,YACA,GAEH,8CACG,UACA,UACA,GAGL;GAGJ;;;;;AAON,MAAM,eAAe,WAAW,YAAY;AAE5C,AAAC,aAAqB,gBAAgB;AAEtC,aAAa,cAAc"}
+{"version":3,"file":"NumberInput.js","names":["mergeProps"],"sources":["../../../../src/components/fields/NumberInput/NumberInput.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef, RefObject, useRef } from 'react';\nimport { AriaNumberFieldProps, useLocale, useNumberField } 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\nexport interface CubeNumberInputProps\n  extends Omit<CubeTextInputBaseProps, 'defaultValue' | 'value' | 'onChange'>,\n    Omit<AriaNumberFieldProps, 'validate'> {\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        inputProps,\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":";;;;;;;;;;;;;AAsBA,MAAM,sBAAsB,MAAM,eAAe,EAC/C,aAAa,EACX,WAAW,SACZ,EACF,CAAC;AAEF,MAAM,mBAAmB,MAAM,EAC7B,QAAQ;CACN,SAAS;CACT,aAAa;CACb,UAAU;CACV,MAAM;CACN,WAAW;CACX,QAAQ;CACT,EACF,CAAC;AAEF,SAAS,YACP,OACA,KACA;AACA,SAAQ,wBAAwB,MAAM;AACtC,SAAQ,cAAc,MAAM;CAE5B,IAAI,EACF,aACA,QACA,OACA,cACA,UACA,UACA,YAAY,gBACZ,YAAY,gBACZ,GAAG,eACD;CACJ,IAAI,cAAc,CAAC;CACnB,IAAI,EAAE,WAAW,WAAW;CAC5B,IAAI,QAAQ,oBAAoB;EAAE,GAAG;EAAO;EAAQ,CAAC;CACrD,IAAI,gBAAgB,OAAyB,KAAK;AAElD,YAAW,YAAY;CAEvB,IAAI,EACF,YACA,YACA,YACA,sBACA,yBACE,eAAe,OAAO,OAAO,SAAwC;CAGzE,MAAM,mBAAmBA,aAAW,YAAY,eAAe;CAE/D,MAAM,WAAW,cACf,qBAAC,+BACC,oBAAC;EACC,YAAY,MAAM;EAClB,WAAU;EACV,GAAI;EACJ,MAAM,WAAW;GACjB,EACF,oBAAC;EACC,YAAY,MAAM;EAClB,WAAU;EACV,GAAI;EACJ,MAAM,WAAW;GACjB,IACe,GACjB;AAEJ,QACE,oBAAC;EACC,GAAI;EACC;EACL,YAAY;EACZ,YAAYA,aACV,YACA,EAAE,mBAAmB,eAAe,EACpC,eACD;EACS;EACV,cAAc;EACd,gBAAe;EACf,QACE,cACE,MAAM,mBAAmB,WACvB,8CACG,QACA,YACA,GAEH,8CACG,UACA,UACA,GAGL;GAGJ;;;;;AAON,MAAM,eAAe,WAAW,YAAY;AAE5C,AAAC,aAAqB,gBAAgB;AAEtC,aAAa,cAAc"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | Cube Dev Team */
 import { useI18n } from "../../../i18n/useI18n.js";
 import { DirectionIcon } from "../../../icons/DirectionIcon.js";
 import { Button } from "../../actions/index.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | 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";
@@ -26,7 +26,7 @@ function PasswordInput(props, ref) {
 		})
 	});
 	let [type, setType] = useState("password");
-	let { labelProps: userLabelProps, suffix, multiLine, inputRef: propsInputRef, isBuffered, ...rest } = props;
+	let { labelProps: userLabelProps, inputProps: userInputProps, suffix, multiLine, inputRef: propsInputRef, isBuffered, ...rest } = props;
 	let localInputRef = useRef(null);
 	let inputRef = propsInputRef ?? localInputRef;
 	let buffered = useBufferedValue(rest.value, rest.onChange, {
@@ -56,10 +56,7 @@ function PasswordInput(props, ref) {
 	return /* @__PURE__ */ jsx(TextInputBase, {
 		ref,
 		labelProps: mergedLabelProps,
-		inputProps: {
-			...inputProps,
-			"data-input-type": "passwordinput"
-		},
+		inputProps: mergeProps$1(inputProps, { "data-input-type": "passwordinput" }, userInputProps),
 		inputRef,
 		inputStyles: { paddingRight: "4x" },
 		type,

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

@@ -1 +1 @@
-{"version":3,"file":"PasswordInput.js","names":["mergeProps"],"sources":["../../../../src/components/fields/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, useCallback, 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\nexport interface CubePasswordInputProps\n  extends WithNullableValue<CubeTextInputBaseProps>,\n    CubeBufferedValueProps {}\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    suffix,\n    multiLine,\n    inputRef: propsInputRef,\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 = useCallback(() => {\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={{ ...inputProps, 'data-input-type': 'passwordinput' }}\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":";;;;;;;;;;;;;;;;;AAuBA,SAAS,cACP,OACA,KACA;CACA,MAAM,EAAE,MAAM,SAAS;AAEvB,SAAQ,wBAAwB,MAAM;AACtC,SAAQ,cAAc,OAAO;EAC3B,0BAA0B;EAC1B,mBAAmB,EAAE,OAAO,gBAAgB;GAC1C,OAAO,OAAO,UAAU,IAAI;GAC5B;GACD;EACF,CAAC;CAEF,IAAI,CAAC,MAAM,WAAW,SAAS,WAAW;CAC1C,IAAI,EACF,YAAY,gBACZ,QACA,WACA,UAAU,eACV,YACA,GAAG,SACD;CACJ,IAAI,gBAAgB,OAA+C,KAAK;CACxE,IAAI,WAAW,iBAAiB;CAGhC,IAAI,WAAW,iBAAiB,KAAK,OAAO,KAAK,UAAU;EACzD;EACA,YAAY,KAAK;EACjB,YAAY,KAAK;EAClB,CAAC;CAEF,IAAI,EAAE,YAAY,eAAe,aAC/B;EACE,GAAG;EACH,OAAO,SAAS;EAChB,UAAU,SAAS;EACnB,QAAQ,MAAM,KAAK,QAAQ,SAAS,MAAM;EAC1C;EACD,EACD,SACD;CAGD,MAAM,mBAAmBA,aAAW,YAAY,eAAe;CAE/D,MAAM,aAAa,kBAAkB;AACnC,WAAS,SAAU,SAAS,aAAa,SAAS,WAAY;IAC7D,EAAE,CAAC;CAEN,MAAM,gBACJ,8CACG,QASD,oBAAC;EAAmB,YAAY,KAAK;YACnC,oBAAC;GAIC,SAAS,EAAE,+BAA+B,iBAAiB;GAC3D,MAAM,SAAS,aAAa,oBAAC,qBAAmB,GAAG,oBAAC,YAAU;GAC9D,SAAS;IACT;GACiB,IACpB;AAGL,QACE,oBAAC;EACM;EACL,YAAY;EACZ,YAAY;GAAE,GAAG;GAAY,mBAAmB;GAAiB;EACvD;EACV,aAAa,EAAE,cAAc,MAAM;EAC7B;EACN,gBAAe;EACf,QAAQ;EACG;EACX,GAAI;GACJ;;;;;;;AASN,MAAM,iBAAiB,WAAW,cAAc;AAEhD,AAAC,eAAuB,gBAAgB;AACxC,eAAe,cAAc"}
+{"version":3,"file":"PasswordInput.js","names":["mergeProps"],"sources":["../../../../src/components/fields/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, useCallback, 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\nexport interface CubePasswordInputProps\n  extends WithNullableValue<CubeTextInputBaseProps>,\n    CubeBufferedValueProps {}\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    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 = useCallback(() => {\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":";;;;;;;;;;;;;;;;;AAuBA,SAAS,cACP,OACA,KACA;CACA,MAAM,EAAE,MAAM,SAAS;AAEvB,SAAQ,wBAAwB,MAAM;AACtC,SAAQ,cAAc,OAAO;EAC3B,0BAA0B;EAC1B,mBAAmB,EAAE,OAAO,gBAAgB;GAC1C,OAAO,OAAO,UAAU,IAAI;GAC5B;GACD;EACF,CAAC;CAEF,IAAI,CAAC,MAAM,WAAW,SAAS,WAAW;CAC1C,IAAI,EACF,YAAY,gBACZ,YAAY,gBACZ,QACA,WACA,UAAU,eACV,YACA,GAAG,SACD;CACJ,IAAI,gBAAgB,OAA+C,KAAK;CACxE,IAAI,WAAW,iBAAiB;CAGhC,IAAI,WAAW,iBAAiB,KAAK,OAAO,KAAK,UAAU;EACzD;EACA,YAAY,KAAK;EACjB,YAAY,KAAK;EAClB,CAAC;CAEF,IAAI,EAAE,YAAY,eAAe,aAC/B;EACE,GAAG;EACH,OAAO,SAAS;EAChB,UAAU,SAAS;EACnB,QAAQ,MAAM,KAAK,QAAQ,SAAS,MAAM;EAC1C;EACD,EACD,SACD;CAGD,MAAM,mBAAmBA,aAAW,YAAY,eAAe;CAE/D,MAAM,aAAa,kBAAkB;AACnC,WAAS,SAAU,SAAS,aAAa,SAAS,WAAY;IAC7D,EAAE,CAAC;CAEN,MAAM,gBACJ,8CACG,QASD,oBAAC;EAAmB,YAAY,KAAK;YACnC,oBAAC;GAIC,SAAS,EAAE,+BAA+B,iBAAiB;GAC3D,MAAM,SAAS,aAAa,oBAAC,qBAAmB,GAAG,oBAAC,YAAU;GAC9D,SAAS;IACT;GACiB,IACpB;AAGL,QACE,oBAAC;EACM;EACL,YAAY;EACZ,YAAYA,aACV,YACA,EAAE,mBAAmB,iBAAiB,EACtC,eACD;EACS;EACV,aAAa,EAAE,cAAc,MAAM;EAC7B;EACN,gBAAe;EACf,QAAQ;EACG;EACX,GAAI;GACJ;;;;;;;AASN,MAAM,iBAAiB,WAAW,cAAc;AAEhD,AAAC,eAAuB,gBAAgB;AACxC,eAAe,cAAc"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Text } from "../../content/Text.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useFocus as useFocus$1 } from "../../../utils/react/interactions.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.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.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/fields/RadioGroup/context.ts

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | 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";
@@ -21,7 +21,7 @@ const SearchInput = forwardRef(function SearchInput(props, ref) {
 	props = castNullableStringValue(props);
 	props = useProviderProps(props);
 	props = useValidationProps(props);
-	let { isClearable, isInvalid, isValid, onClear, labelProps: userLabelProps, isBuffered, ...restProps } = props;
+	let { isClearable, isInvalid, isValid, onClear, labelProps: userLabelProps, inputProps: userInputProps, isBuffered, ...restProps } = props;
 	let inputRef = useRef(null);
 	let buffered = useBufferedValue(restProps.value, restProps.onChange, {
 		isBuffered,
@@ -40,10 +40,7 @@ const SearchInput = forwardRef(function SearchInput(props, ref) {
 	return /* @__PURE__ */ jsx(TextInputBase, {
 		ref,
 		labelProps: mergeProps$1(labelProps, userLabelProps),
-		inputProps: {
-			...inputProps,
-			"data-input-type": "searchinput"
-		},
+		inputProps: mergeProps$1(inputProps, { "data-input-type": "searchinput" }, userInputProps),
 		inputRef,
 		type: "search",
 		icon: /* @__PURE__ */ jsx(SearchIcon, {}),

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

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.js","names":["mergeProps"],"sources":["../../../../src/components/fields/SearchInput/SearchInput.tsx"],"sourcesContent":["import { forwardRef, useRef } from 'react';\nimport { useSearchField } from 'react-aria';\nimport { SearchFieldProps, useSearchFieldState } from 'react-stately';\n\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { SearchIcon } from '../../../icons/SearchIcon';\nimport { useProviderProps } from '../../../provider';\nimport { chain, mergeProps, useBufferedValue } from '../../../utils/react';\nimport { ariaToCubeButtonProps } from '../../../utils/react/mapProps';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { ItemAction, ItemActionProvider } from '../../actions';\nimport { useValidationProps } from '../../form';\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput';\n\nexport { useSearchFieldState, useSearchField };\nexport type { SearchFieldProps };\n\nexport interface CubeSearchInputProps\n  extends Omit<\n      CubeTextInputBaseProps,\n      // SearchInput is not form-connected: it holds no persistent value, so\n      // form-binding and form-validation props are excluded from the public API.\n      | 'name'\n      | 'form'\n      | 'rules'\n      | 'shouldUpdate'\n      | 'validationDelay'\n      | 'validateTrigger'\n      | 'insideForm'\n      | 'idPrefix'\n    >,\n    SearchFieldProps,\n    CubeBufferedValueProps {\n  /** Whether the search input is clearable using ESC keyboard button or clear button inside the input */\n  isClearable?: boolean;\n  /** Callback called when the clear button is pressed */\n  onClear?: () => void;\n}\n\nexport const SearchInput = forwardRef(function SearchInput(\n  props: WithNullableValue<CubeSearchInputProps>,\n  ref,\n) {\n  props = castNullableStringValue(props);\n  // SearchInput is a standalone control, not a form field, so it does not use `useFieldProps`.\n  props = useProviderProps(props);\n  props = useValidationProps(props);\n\n  let {\n    isClearable,\n    isInvalid,\n    isValid,\n    onClear,\n    labelProps: userLabelProps,\n    isBuffered,\n    ...restProps\n  } = props;\n\n  let inputRef = useRef(null);\n\n  // Hold the typed text locally until the controlled value catches up — see `useBufferedValue`.\n  // Applied before the state hook, so `state.value` (and the clear button) follow the draft.\n  let buffered = useBufferedValue(restProps.value, restProps.onChange, {\n    isBuffered,\n    isDisabled: restProps.isDisabled,\n    isReadOnly: restProps.isReadOnly,\n  });\n  let fieldProps = {\n    ...restProps,\n    value: buffered.value,\n    onChange: buffered.onChange,\n    onBlur: chain(restProps.onBlur, buffered.reset),\n  };\n\n  let state = useSearchFieldState(fieldProps);\n  let { labelProps, inputProps, clearButtonProps } = useSearchField(\n    fieldProps,\n    state,\n    inputRef,\n  );\n  let showClearButton =\n    isClearable && state.value !== '' && !restProps.isReadOnly;\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  return (\n    <TextInputBase\n      ref={ref}\n      labelProps={mergedLabelProps}\n      inputProps={{ ...inputProps, 'data-input-type': 'searchinput' }}\n      inputRef={inputRef}\n      type=\"search\"\n      icon={<SearchIcon />}\n      suffixPosition=\"after\"\n      isInvalid={isInvalid}\n      isValid={isValid}\n      {...restProps}\n      suffix={\n        restProps.suffix || showClearButton ? (\n          <>\n            {restProps.suffix}\n            {showClearButton &&\n              (() => {\n                const { isDisabled: ariaIsDisabled, ...clearProps } =\n                  ariaToCubeButtonProps(clearButtonProps);\n\n                return (\n                  // A disabled FIELD goes through the provider so `current` treats\n                  // the state as inherited: the field has already faded the colour\n                  // the button paints from, and fading again multiplied the two to\n                  // `.12` — all but invisible. Any OTHER reason react-aria\n                  // disables the button (read-only) leaves the field's text\n                  // opaque, so that one stays a prop and fades itself.\n                  <ItemActionProvider isDisabled={restProps.isDisabled}>\n                    <ItemAction\n                      icon={<CloseIcon />}\n                      size={restProps.size}\n                      // No `type` or `theme` — the default `current` type inherits\n                      // the input's own text color, which already carries\n                      // validation state.\n                      {...clearProps}\n                      isDisabled={\n                        ariaIsDisabled && !restProps.isDisabled\n                          ? true\n                          : undefined\n                      }\n                      onPress={(e) => {\n                        // Call the original clear functionality\n                        clearButtonProps.onPress?.();\n                        // Call the onClear callback\n                        onClear?.();\n                      }}\n                    />\n                  </ItemActionProvider>\n                );\n              })()}\n          </>\n        ) : undefined\n      }\n    />\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA8CA,MAAa,cAAc,WAAW,SAAS,YAC7C,OACA,KACA;AACA,SAAQ,wBAAwB,MAAM;AAEtC,SAAQ,iBAAiB,MAAM;AAC/B,SAAQ,mBAAmB,MAAM;CAEjC,IAAI,EACF,aACA,WACA,SACA,SACA,YAAY,gBACZ,YACA,GAAG,cACD;CAEJ,IAAI,WAAW,OAAO,KAAK;CAI3B,IAAI,WAAW,iBAAiB,UAAU,OAAO,UAAU,UAAU;EACnE;EACA,YAAY,UAAU;EACtB,YAAY,UAAU;EACvB,CAAC;CACF,IAAI,aAAa;EACf,GAAG;EACH,OAAO,SAAS;EAChB,UAAU,SAAS;EACnB,QAAQ,MAAM,UAAU,QAAQ,SAAS,MAAM;EAChD;CAED,IAAI,QAAQ,oBAAoB,WAAW;CAC3C,IAAI,EAAE,YAAY,YAAY,qBAAqB,eACjD,YACA,OACA,SACD;CACD,IAAI,kBACF,eAAe,MAAM,UAAU,MAAM,CAAC,UAAU;AAKlD,QACE,oBAAC;EACM;EACL,YALqBA,aAAW,YAAY,eAAe;EAM3D,YAAY;GAAE,GAAG;GAAY,mBAAmB;GAAe;EACrD;EACV,MAAK;EACL,MAAM,oBAAC,eAAa;EACpB,gBAAe;EACJ;EACF;EACT,GAAI;EACJ,QACE,UAAU,UAAU,kBAClB,8CACG,UAAU,QACV,0BACQ;GACL,MAAM,EAAE,YAAY,gBAAgB,GAAG,eACrC,sBAAsB,iBAAiB;AAEzC,UAOE,oBAAC;IAAmB,YAAY,UAAU;cACxC,oBAAC;KACC,MAAM,oBAAC,cAAY;KACnB,MAAM,UAAU;KAIhB,GAAI;KACJ,YACE,kBAAkB,CAAC,UAAU,aACzB,OACA;KAEN,UAAU,MAAM;AAEd,uBAAiB,WAAW;AAE5B,iBAAW;;MAEb;KACiB;MAErB,IACL,GACD;GAEN;EAEJ"}
+{"version":3,"file":"SearchInput.js","names":["mergeProps"],"sources":["../../../../src/components/fields/SearchInput/SearchInput.tsx"],"sourcesContent":["import { forwardRef, useRef } from 'react';\nimport { useSearchField } from 'react-aria';\nimport { SearchFieldProps, useSearchFieldState } from 'react-stately';\n\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { SearchIcon } from '../../../icons/SearchIcon';\nimport { useProviderProps } from '../../../provider';\nimport { chain, mergeProps, useBufferedValue } from '../../../utils/react';\nimport { ariaToCubeButtonProps } from '../../../utils/react/mapProps';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { ItemAction, ItemActionProvider } from '../../actions';\nimport { useValidationProps } from '../../form';\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput';\n\nexport { useSearchFieldState, useSearchField };\nexport type { SearchFieldProps };\n\nexport interface CubeSearchInputProps\n  extends Omit<\n      CubeTextInputBaseProps,\n      // SearchInput is not form-connected: it holds no persistent value, so\n      // form-binding and form-validation props are excluded from the public API.\n      | 'name'\n      | 'form'\n      | 'rules'\n      | 'shouldUpdate'\n      | 'validationDelay'\n      | 'validateTrigger'\n      | 'insideForm'\n      | 'idPrefix'\n    >,\n    SearchFieldProps,\n    CubeBufferedValueProps {\n  /** Whether the search input is clearable using ESC keyboard button or clear button inside the input */\n  isClearable?: boolean;\n  /** Callback called when the clear button is pressed */\n  onClear?: () => void;\n}\n\nexport const SearchInput = forwardRef(function SearchInput(\n  props: WithNullableValue<CubeSearchInputProps>,\n  ref,\n) {\n  props = castNullableStringValue(props);\n  // SearchInput is a standalone control, not a form field, so it does not use `useFieldProps`.\n  props = useProviderProps(props);\n  props = useValidationProps(props);\n\n  let {\n    isClearable,\n    isInvalid,\n    isValid,\n    onClear,\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    isBuffered,\n    ...restProps\n  } = props;\n\n  let inputRef = useRef(null);\n\n  // Hold the typed text locally until the controlled value catches up — see `useBufferedValue`.\n  // Applied before the state hook, so `state.value` (and the clear button) follow the draft.\n  let buffered = useBufferedValue(restProps.value, restProps.onChange, {\n    isBuffered,\n    isDisabled: restProps.isDisabled,\n    isReadOnly: restProps.isReadOnly,\n  });\n  let fieldProps = {\n    ...restProps,\n    value: buffered.value,\n    onChange: buffered.onChange,\n    onBlur: chain(restProps.onBlur, buffered.reset),\n  };\n\n  let state = useSearchFieldState(fieldProps);\n  let { labelProps, inputProps, clearButtonProps } = useSearchField(\n    fieldProps,\n    state,\n    inputRef,\n  );\n  let showClearButton =\n    isClearable && state.value !== '' && !restProps.isReadOnly;\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  return (\n    <TextInputBase\n      ref={ref}\n      labelProps={mergedLabelProps}\n      inputProps={mergeProps(\n        inputProps,\n        { 'data-input-type': 'searchinput' },\n        userInputProps,\n      )}\n      inputRef={inputRef}\n      type=\"search\"\n      icon={<SearchIcon />}\n      suffixPosition=\"after\"\n      isInvalid={isInvalid}\n      isValid={isValid}\n      {...restProps}\n      suffix={\n        restProps.suffix || showClearButton ? (\n          <>\n            {restProps.suffix}\n            {showClearButton &&\n              (() => {\n                const { isDisabled: ariaIsDisabled, ...clearProps } =\n                  ariaToCubeButtonProps(clearButtonProps);\n\n                return (\n                  // A disabled FIELD goes through the provider so `current` treats\n                  // the state as inherited: the field has already faded the colour\n                  // the button paints from, and fading again multiplied the two to\n                  // `.12` — all but invisible. Any OTHER reason react-aria\n                  // disables the button (read-only) leaves the field's text\n                  // opaque, so that one stays a prop and fades itself.\n                  <ItemActionProvider isDisabled={restProps.isDisabled}>\n                    <ItemAction\n                      icon={<CloseIcon />}\n                      size={restProps.size}\n                      // No `type` or `theme` — the default `current` type inherits\n                      // the input's own text color, which already carries\n                      // validation state.\n                      {...clearProps}\n                      isDisabled={\n                        ariaIsDisabled && !restProps.isDisabled\n                          ? true\n                          : undefined\n                      }\n                      onPress={(e) => {\n                        // Call the original clear functionality\n                        clearButtonProps.onPress?.();\n                        // Call the onClear callback\n                        onClear?.();\n                      }}\n                    />\n                  </ItemActionProvider>\n                );\n              })()}\n          </>\n        ) : undefined\n      }\n    />\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA8CA,MAAa,cAAc,WAAW,SAAS,YAC7C,OACA,KACA;AACA,SAAQ,wBAAwB,MAAM;AAEtC,SAAQ,iBAAiB,MAAM;AAC/B,SAAQ,mBAAmB,MAAM;CAEjC,IAAI,EACF,aACA,WACA,SACA,SACA,YAAY,gBACZ,YAAY,gBACZ,YACA,GAAG,cACD;CAEJ,IAAI,WAAW,OAAO,KAAK;CAI3B,IAAI,WAAW,iBAAiB,UAAU,OAAO,UAAU,UAAU;EACnE;EACA,YAAY,UAAU;EACtB,YAAY,UAAU;EACvB,CAAC;CACF,IAAI,aAAa;EACf,GAAG;EACH,OAAO,SAAS;EAChB,UAAU,SAAS;EACnB,QAAQ,MAAM,UAAU,QAAQ,SAAS,MAAM;EAChD;CAED,IAAI,QAAQ,oBAAoB,WAAW;CAC3C,IAAI,EAAE,YAAY,YAAY,qBAAqB,eACjD,YACA,OACA,SACD;CACD,IAAI,kBACF,eAAe,MAAM,UAAU,MAAM,CAAC,UAAU;AAKlD,QACE,oBAAC;EACM;EACL,YALqBA,aAAW,YAAY,eAAe;EAM3D,YAAYA,aACV,YACA,EAAE,mBAAmB,eAAe,EACpC,eACD;EACS;EACV,MAAK;EACL,MAAM,oBAAC,eAAa;EACpB,gBAAe;EACJ;EACF;EACT,GAAI;EACJ,QACE,UAAU,UAAU,kBAClB,8CACG,UAAU,QACV,0BACQ;GACL,MAAM,EAAE,YAAY,gBAAgB,GAAG,eACrC,sBAAsB,iBAAiB;AAEzC,UAOE,oBAAC;IAAmB,YAAY,UAAU;cACxC,oBAAC;KACC,MAAM,oBAAC,cAAY;KACnB,MAAM,UAAU;KAIhB,GAAI;KACJ,YACE,kBAAkB,CAAC,UAAU,aACzB,OACA;KAEN,UAAU,MAAM;AAEd,uBAAiB,WAAW;AAE5B,iBAAW;;MAEb;KACiB;MAErB,IACL,GACD;GAEN;EAEJ"}

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

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | Cube Dev Team */
 import { __Slider } from "./Slider.js";
 import { forwardRef, useCallback, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | Cube Dev Team */
 import { Gradation } from "./Gradation.js";
 import { _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.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { Gradation } from "./Gradation.js";

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | 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.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | Cube Dev Team */
 import { getValidationMods } from "../../form/validation/resolve-validation-props.js";
 import { SliderTrackContainerElement } from "./elements.js";
 import { useMemo } from "react";

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

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useId as useId$2 } from "../../../utils/react/useId.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | 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";
@@ -20,7 +20,7 @@ function TextArea(props, ref) {
 			value: value?.toString() ?? ""
 		})
 	});
-	let { autoSize = false, isDisabled = false, isReadOnly = false, isRequired = false, onChange, maxRows = 10, rows = 3, labelProps: userLabelProps, inputRef: propsInputRef, value, isBuffered, ...otherProps } = props;
+	let { autoSize = false, isDisabled = false, isReadOnly = false, isRequired = false, onChange, maxRows = 10, rows = 3, labelProps: userLabelProps, inputProps: userInputProps, inputRef: propsInputRef, value, isBuffered, ...otherProps } = props;
 	rows = Math.max(rows, 1);
 	maxRows = Math.max(maxRows, rows);
 	let localInputRef = useRef(null);
@@ -54,10 +54,7 @@ function TextArea(props, ref) {
 		multiLine: true,
 		inputRef,
 		labelProps: mergedLabelProps,
-		inputProps: {
-			...inputProps,
-			"data-input-type": "textarea"
-		},
+		inputProps: mergeProps$1(inputProps, { "data-input-type": "textarea" }, userInputProps),
 		isDisabled,
 		isReadOnly,
 		isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","names":["mergeProps"],"sources":["../../../../src/components/fields/TextArea/TextArea.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, useRef } from 'react';\nimport { useTextField } from 'react-aria';\n\nimport { chain, mergeProps, useBufferedValue } from '../../../utils/react';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { useFieldProps } from '../../form';\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput';\nimport { useAutoSizeTextArea } from '../TextInput/useAutoSizeTextArea';\n\nexport interface CubeTextAreaProps\n  extends CubeTextInputBaseProps,\n    CubeBufferedValueProps {\n  /** Whether the textarea should change its size depends on the content */\n  autoSize?: boolean;\n  /** Max number of visible rows when autoSize is `true`. Defaults to 10  */\n  maxRows?: number;\n  /** The `rows` attribute in HTML is used to specify the number of visible text lines for the\n   * control i.e. the number of rows to display. Defaults to 3 */\n  rows?: number;\n}\n\nfunction TextArea(\n  props: WithNullableValue<CubeTextAreaProps>,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  props = castNullableStringValue(props);\n  props = useFieldProps(props, {\n    defaultValidationTrigger: 'onBlur',\n    valuePropsMapper: ({ value, onChange }) => ({\n      onChange,\n      value: value?.toString() ?? '',\n    }),\n  });\n  let {\n    autoSize = false,\n    isDisabled = false,\n    isReadOnly = false,\n    isRequired = false,\n    onChange,\n    maxRows = 10,\n    rows = 3,\n    labelProps: userLabelProps,\n    inputRef: propsInputRef,\n    value,\n    isBuffered,\n    ...otherProps\n  } = props;\n\n  rows = Math.max(rows, 1);\n  maxRows = Math.max(maxRows, rows);\n\n  let localInputRef = useRef<HTMLTextAreaElement>(null);\n  let inputRef = propsInputRef ?? localInputRef;\n\n  // Hold the typed text locally until the controlled value catches up — see `useBufferedValue`.\n  const buffered = useBufferedValue(value, onChange, {\n    isBuffered,\n    isDisabled,\n    isReadOnly,\n  });\n\n  const adjustHeight = useAutoSizeTextArea({\n    inputRef,\n    autoSize,\n    rows,\n    maxRows,\n    // Keyed on the rendered value, not the prop, so a buffered draft is measured.\n    value: buffered.value,\n  });\n\n  let { labelProps, inputProps } = useTextField(\n    {\n      ...otherProps,\n      value: buffered.value,\n      isDisabled,\n      isReadOnly,\n      isRequired,\n      onChange: chain(buffered.onChange, adjustHeight),\n      onBlur: chain(otherProps.onBlur, buffered.reset),\n      inputElementType: 'textarea',\n    },\n    inputRef,\n  );\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  return (\n    <TextInputBase\n      ref={ref}\n      {...otherProps}\n      multiLine\n      inputRef={inputRef}\n      labelProps={mergedLabelProps}\n      inputProps={{ ...inputProps, 'data-input-type': 'textarea' }}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isRequired={isRequired}\n      rows={rows}\n    />\n  );\n}\n\n/**\n * TextInputs are text inputs that allow users to input custom text entries\n * with a keyboard. Various decorations can be displayed around the field to\n * communicate the entry requirements.\n */\nconst _TextArea = forwardRef(TextArea);\n\n(_TextArea as any).cubeInputType = 'Text';\n_TextArea.displayName = 'TextArea';\n\nexport { _TextArea as TextArea };\n"],"mappings":";;;;;;;;;;;;;AA4BA,SAAS,SACP,OACA,KACA;AACA,SAAQ,wBAAwB,MAAM;AACtC,SAAQ,cAAc,OAAO;EAC3B,0BAA0B;EAC1B,mBAAmB,EAAE,OAAO,gBAAgB;GAC1C;GACA,OAAO,OAAO,UAAU,IAAI;GAC7B;EACF,CAAC;CACF,IAAI,EACF,WAAW,OACX,aAAa,OACb,aAAa,OACb,aAAa,OACb,UACA,UAAU,IACV,OAAO,GACP,YAAY,gBACZ,UAAU,eACV,OACA,YACA,GAAG,eACD;AAEJ,QAAO,KAAK,IAAI,MAAM,EAAE;AACxB,WAAU,KAAK,IAAI,SAAS,KAAK;CAEjC,IAAI,gBAAgB,OAA4B,KAAK;CACrD,IAAI,WAAW,iBAAiB;CAGhC,MAAM,WAAW,iBAAiB,OAAO,UAAU;EACjD;EACA;EACA;EACD,CAAC;CAEF,MAAM,eAAe,oBAAoB;EACvC;EACA;EACA;EACA;EAEA,OAAO,SAAS;EACjB,CAAC;CAEF,IAAI,EAAE,YAAY,eAAe,aAC/B;EACE,GAAG;EACH,OAAO,SAAS;EAChB;EACA;EACA;EACA,UAAU,MAAM,SAAS,UAAU,aAAa;EAChD,QAAQ,MAAM,WAAW,QAAQ,SAAS,MAAM;EAChD,kBAAkB;EACnB,EACD,SACD;CAGD,MAAM,mBAAmBA,aAAW,YAAY,eAAe;AAE/D,QACE,oBAAC;EACM;EACL,GAAI;EACJ;EACU;EACV,YAAY;EACZ,YAAY;GAAE,GAAG;GAAY,mBAAmB;GAAY;EAChD;EACA;EACA;EACN;GACN;;;;;;;AASN,MAAM,YAAY,WAAW,SAAS;AAEtC,AAAC,UAAkB,gBAAgB;AACnC,UAAU,cAAc"}
+{"version":3,"file":"TextArea.js","names":["mergeProps"],"sources":["../../../../src/components/fields/TextArea/TextArea.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, useRef } from 'react';\nimport { useTextField } from 'react-aria';\n\nimport { chain, mergeProps, useBufferedValue } from '../../../utils/react';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { useFieldProps } from '../../form';\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from '../TextInput';\nimport { useAutoSizeTextArea } from '../TextInput/useAutoSizeTextArea';\n\nexport interface CubeTextAreaProps\n  extends CubeTextInputBaseProps,\n    CubeBufferedValueProps {\n  /** Whether the textarea should change its size depends on the content */\n  autoSize?: boolean;\n  /** Max number of visible rows when autoSize is `true`. Defaults to 10  */\n  maxRows?: number;\n  /** The `rows` attribute in HTML is used to specify the number of visible text lines for the\n   * control i.e. the number of rows to display. Defaults to 3 */\n  rows?: number;\n}\n\nfunction TextArea(\n  props: WithNullableValue<CubeTextAreaProps>,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  props = castNullableStringValue(props);\n  props = useFieldProps(props, {\n    defaultValidationTrigger: 'onBlur',\n    valuePropsMapper: ({ value, onChange }) => ({\n      onChange,\n      value: value?.toString() ?? '',\n    }),\n  });\n  let {\n    autoSize = false,\n    isDisabled = false,\n    isReadOnly = false,\n    isRequired = false,\n    onChange,\n    maxRows = 10,\n    rows = 3,\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    inputRef: propsInputRef,\n    value,\n    isBuffered,\n    ...otherProps\n  } = props;\n\n  rows = Math.max(rows, 1);\n  maxRows = Math.max(maxRows, rows);\n\n  let localInputRef = useRef<HTMLTextAreaElement>(null);\n  let inputRef = propsInputRef ?? localInputRef;\n\n  // Hold the typed text locally until the controlled value catches up — see `useBufferedValue`.\n  const buffered = useBufferedValue(value, onChange, {\n    isBuffered,\n    isDisabled,\n    isReadOnly,\n  });\n\n  const adjustHeight = useAutoSizeTextArea({\n    inputRef,\n    autoSize,\n    rows,\n    maxRows,\n    // Keyed on the rendered value, not the prop, so a buffered draft is measured.\n    value: buffered.value,\n  });\n\n  let { labelProps, inputProps } = useTextField(\n    {\n      ...otherProps,\n      value: buffered.value,\n      isDisabled,\n      isReadOnly,\n      isRequired,\n      onChange: chain(buffered.onChange, adjustHeight),\n      onBlur: chain(otherProps.onBlur, buffered.reset),\n      inputElementType: 'textarea',\n    },\n    inputRef,\n  );\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  return (\n    <TextInputBase\n      ref={ref}\n      {...otherProps}\n      multiLine\n      inputRef={inputRef}\n      labelProps={mergedLabelProps}\n      inputProps={mergeProps(\n        inputProps,\n        { 'data-input-type': 'textarea' },\n        userInputProps,\n      )}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isRequired={isRequired}\n      rows={rows}\n    />\n  );\n}\n\n/**\n * TextInputs are text inputs that allow users to input custom text entries\n * with a keyboard. Various decorations can be displayed around the field to\n * communicate the entry requirements.\n */\nconst _TextArea = forwardRef(TextArea);\n\n(_TextArea as any).cubeInputType = 'Text';\n_TextArea.displayName = 'TextArea';\n\nexport { _TextArea as TextArea };\n"],"mappings":";;;;;;;;;;;;;AA4BA,SAAS,SACP,OACA,KACA;AACA,SAAQ,wBAAwB,MAAM;AACtC,SAAQ,cAAc,OAAO;EAC3B,0BAA0B;EAC1B,mBAAmB,EAAE,OAAO,gBAAgB;GAC1C;GACA,OAAO,OAAO,UAAU,IAAI;GAC7B;EACF,CAAC;CACF,IAAI,EACF,WAAW,OACX,aAAa,OACb,aAAa,OACb,aAAa,OACb,UACA,UAAU,IACV,OAAO,GACP,YAAY,gBACZ,YAAY,gBACZ,UAAU,eACV,OACA,YACA,GAAG,eACD;AAEJ,QAAO,KAAK,IAAI,MAAM,EAAE;AACxB,WAAU,KAAK,IAAI,SAAS,KAAK;CAEjC,IAAI,gBAAgB,OAA4B,KAAK;CACrD,IAAI,WAAW,iBAAiB;CAGhC,MAAM,WAAW,iBAAiB,OAAO,UAAU;EACjD;EACA;EACA;EACD,CAAC;CAEF,MAAM,eAAe,oBAAoB;EACvC;EACA;EACA;EACA;EAEA,OAAO,SAAS;EACjB,CAAC;CAEF,IAAI,EAAE,YAAY,eAAe,aAC/B;EACE,GAAG;EACH,OAAO,SAAS;EAChB;EACA;EACA;EACA,UAAU,MAAM,SAAS,UAAU,aAAa;EAChD,QAAQ,MAAM,WAAW,QAAQ,SAAS,MAAM;EAChD,kBAAkB;EACnB,EACD,SACD;CAGD,MAAM,mBAAmBA,aAAW,YAAY,eAAe;AAE/D,QACE,oBAAC;EACM;EACL,GAAI;EACJ;EACU;EACV,YAAY;EACZ,YAAYA,aACV,YACA,EAAE,mBAAmB,YAAY,EACjC,eACD;EACW;EACA;EACA;EACN;GACN;;;;;;;AASN,MAAM,YAAY,WAAW,SAAS;AAEtC,AAAC,UAAkB,gBAAgB;AACnC,UAAU,cAAc"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.169.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.169.1 | 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";
@@ -19,7 +19,7 @@ const TextInput = forwardRef(function TextInput(props, ref) {
 			value: value?.toString() ?? ""
 		})
 	});
-	let { labelProps: userLabelProps, inputRef: propsInputRef, form, isBuffered, ...restProps } = props;
+	let { labelProps: userLabelProps, inputProps: userInputProps, inputRef: propsInputRef, form, isBuffered, ...restProps } = props;
 	let localInputRef = useRef(null);
 	let inputRef = propsInputRef ?? localInputRef;
 	let buffered = useBufferedValue(restProps.value, restProps.onChange, {
@@ -38,7 +38,7 @@ const TextInput = forwardRef(function TextInput(props, ref) {
 		...restProps,
 		ref,
 		labelProps: mergedLabelProps,
-		inputProps,
+		inputProps: mergeProps$1(inputProps, userInputProps),
 		inputRef
 	});
 });

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

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","names":["useTextField","mergeProps"],"sources":["../../../../src/components/fields/TextInput/TextInput.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, useRef } from 'react';\nimport { useTextField } from 'react-aria';\n\nimport { chain, mergeProps, useBufferedValue } from '../../../utils/react';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { useFieldProps } from '../../form';\n\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from './TextInputBase';\n\nexport type CubeTextInputProps = WithNullableValue<CubeTextInputBaseProps> &\n  CubeBufferedValueProps;\n\nexport { useTextField };\n\nexport const TextInput = forwardRef(function TextInput(\n  props: CubeTextInputProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  props = castNullableStringValue(props);\n  props = useFieldProps(props, {\n    defaultValidationTrigger: 'onBlur',\n    valuePropsMapper: ({ value, onChange }) => ({\n      onChange,\n      value: value?.toString() ?? '',\n    }),\n  });\n\n  let {\n    labelProps: userLabelProps,\n    inputRef: propsInputRef,\n    form,\n    isBuffered,\n    ...restProps\n  } = props;\n  let localInputRef = useRef<HTMLTextAreaElement | HTMLInputElement>(null);\n  let inputRef = propsInputRef ?? localInputRef;\n\n  // Hold the typed text locally until the controlled value catches up, so a parent that echoes it\n  // back a render late can't overwrite the DOM node and throw the caret to the end.\n  let buffered = useBufferedValue(restProps.value, restProps.onChange, {\n    isBuffered,\n    isDisabled: restProps.isDisabled,\n    isReadOnly: restProps.isReadOnly,\n  });\n\n  let { labelProps, inputProps } = useTextField(\n    {\n      ...restProps,\n      value: buffered.value,\n      onChange: buffered.onChange,\n      onBlur: chain(restProps.onBlur, buffered.reset),\n    },\n    inputRef,\n  );\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  return (\n    <TextInputBase\n      {...restProps}\n      ref={ref}\n      labelProps={mergedLabelProps}\n      inputProps={inputProps}\n      inputRef={inputRef}\n    />\n  );\n});\n\n/**\n * TextInputs are text inputs that allow users to input custom text entries\n * with a keyboard. Various decorations can be displayed around the field to\n * communicate the entry requirements.\n */\n\n(TextInput as any).cubeInputType = 'Text';\n"],"mappings":";;;;;;;;;;;;AAqBA,MAAa,YAAY,WAAW,SAAS,UAC3C,OACA,KACA;AACA,SAAQ,wBAAwB,MAAM;AACtC,SAAQ,cAAc,OAAO;EAC3B,0BAA0B;EAC1B,mBAAmB,EAAE,OAAO,gBAAgB;GAC1C;GACA,OAAO,OAAO,UAAU,IAAI;GAC7B;EACF,CAAC;CAEF,IAAI,EACF,YAAY,gBACZ,UAAU,eACV,MACA,YACA,GAAG,cACD;CACJ,IAAI,gBAAgB,OAA+C,KAAK;CACxE,IAAI,WAAW,iBAAiB;CAIhC,IAAI,WAAW,iBAAiB,UAAU,OAAO,UAAU,UAAU;EACnE;EACA,YAAY,UAAU;EACtB,YAAY,UAAU;EACvB,CAAC;CAEF,IAAI,EAAE,YAAY,eAAeA,eAC/B;EACE,GAAG;EACH,OAAO,SAAS;EAChB,UAAU,SAAS;EACnB,QAAQ,MAAM,UAAU,QAAQ,SAAS,MAAM;EAChD,EACD,SACD;CAGD,MAAM,mBAAmBC,aAAW,YAAY,eAAe;AAE/D,QACE,oBAAC;EACC,GAAI;EACC;EACL,YAAY;EACA;EACF;GACV;EAEJ;;;;;;AAQF,AAAC,UAAkB,gBAAgB"}
+{"version":3,"file":"TextInput.js","names":["useTextField","mergeProps"],"sources":["../../../../src/components/fields/TextInput/TextInput.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, useRef } from 'react';\nimport { useTextField } from 'react-aria';\n\nimport { chain, mergeProps, useBufferedValue } from '../../../utils/react';\nimport {\n  castNullableStringValue,\n  WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { useFieldProps } from '../../form';\n\nimport {\n  CubeBufferedValueProps,\n  CubeTextInputBaseProps,\n  TextInputBase,\n} from './TextInputBase';\n\nexport type CubeTextInputProps = WithNullableValue<CubeTextInputBaseProps> &\n  CubeBufferedValueProps;\n\nexport { useTextField };\n\nexport const TextInput = forwardRef(function TextInput(\n  props: CubeTextInputProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  props = castNullableStringValue(props);\n  props = useFieldProps(props, {\n    defaultValidationTrigger: 'onBlur',\n    valuePropsMapper: ({ value, onChange }) => ({\n      onChange,\n      value: value?.toString() ?? '',\n    }),\n  });\n\n  let {\n    labelProps: userLabelProps,\n    inputProps: userInputProps,\n    inputRef: propsInputRef,\n    form,\n    isBuffered,\n    ...restProps\n  } = props;\n  let localInputRef = useRef<HTMLTextAreaElement | HTMLInputElement>(null);\n  let inputRef = propsInputRef ?? localInputRef;\n\n  // Hold the typed text locally until the controlled value catches up, so a parent that echoes it\n  // back a render late can't overwrite the DOM node and throw the caret to the end.\n  let buffered = useBufferedValue(restProps.value, restProps.onChange, {\n    isBuffered,\n    isDisabled: restProps.isDisabled,\n    isReadOnly: restProps.isReadOnly,\n  });\n\n  let { labelProps, inputProps } = useTextField(\n    {\n      ...restProps,\n      value: buffered.value,\n      onChange: buffered.onChange,\n      onBlur: chain(restProps.onBlur, buffered.reset),\n    },\n    inputRef,\n  );\n\n  // Merge user-provided labelProps with aria labelProps\n  const mergedLabelProps = mergeProps(labelProps, userLabelProps);\n\n  return (\n    <TextInputBase\n      {...restProps}\n      ref={ref}\n      labelProps={mergedLabelProps}\n      inputProps={mergeProps(inputProps, userInputProps)}\n      inputRef={inputRef}\n    />\n  );\n});\n\n/**\n * TextInputs are text inputs that allow users to input custom text entries\n * with a keyboard. Various decorations can be displayed around the field to\n * communicate the entry requirements.\n */\n\n(TextInput as any).cubeInputType = 'Text';\n"],"mappings":";;;;;;;;;;;;AAqBA,MAAa,YAAY,WAAW,SAAS,UAC3C,OACA,KACA;AACA,SAAQ,wBAAwB,MAAM;AACtC,SAAQ,cAAc,OAAO;EAC3B,0BAA0B;EAC1B,mBAAmB,EAAE,OAAO,gBAAgB;GAC1C;GACA,OAAO,OAAO,UAAU,IAAI;GAC7B;EACF,CAAC;CAEF,IAAI,EACF,YAAY,gBACZ,YAAY,gBACZ,UAAU,eACV,MACA,YACA,GAAG,cACD;CACJ,IAAI,gBAAgB,OAA+C,KAAK;CACxE,IAAI,WAAW,iBAAiB;CAIhC,IAAI,WAAW,iBAAiB,UAAU,OAAO,UAAU,UAAU;EACnE;EACA,YAAY,UAAU;EACtB,YAAY,UAAU;EACvB,CAAC;CAEF,IAAI,EAAE,YAAY,eAAeA,eAC/B;EACE,GAAG;EACH,OAAO,SAAS;EAChB,UAAU,SAAS;EACnB,QAAQ,MAAM,UAAU,QAAQ,SAAS,MAAM;EAChD,EACD,SACD;CAGD,MAAM,mBAAmBC,aAAW,YAAY,eAAe;AAE/D,QACE,oBAAC;EACC,GAAI;EACC;EACL,YAAY;EACZ,YAAYA,aAAW,YAAY,eAAe;EACxC;GACV;EAEJ;;;;;;AAQF,AAAC,UAAkB,gBAAgB"}

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

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