@cube-dev/ui-kit 0.190.7 → 0.190.8

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

@@ -1,13 +1,18 @@
 
 import { FieldBaseProps } from "../../../shared/form.js";
-import { WithNullableValue } from "../../../utils/react/nullableValue.js";
 import { CubeBufferedValueProps, CubeTextInputBaseProps } from "../TextInput/TextInputBase.js";
 import "../TextInput/index.js";
 import * as react from "react";
+import { RefObject } from "react";
+import { AriaTextFieldProps } from "react-aria";
 
 //#region src/components/fields/TextArea/TextArea.d.ts
-interface CubeTextAreaProps extends CubeTextInputBaseProps, CubeBufferedValueProps {
+interface CubeTextAreaProps extends Omit<CubeTextInputBaseProps, 'validate' | 'inputRef' | 'onFocus' | 'onBlur'>, CubeBufferedValueProps {
   field?: FieldBaseProps<string | null | undefined>['field'];
+  inputRef?: RefObject<HTMLTextAreaElement | null>;
+  validate?: AriaTextFieldProps<HTMLTextAreaElement>['validate'];
+  onFocus?: AriaTextFieldProps<HTMLTextAreaElement>['onFocus'];
+  onBlur?: AriaTextFieldProps<HTMLTextAreaElement>['onBlur'];
   /** Whether the textarea should change its size depends on the content */
   autoSize?: boolean;
   /** Max number of visible rows when autoSize is `true`. Defaults to 10  */
@@ -21,7 +26,10 @@ interface CubeTextAreaProps extends CubeTextInputBaseProps, CubeBufferedValuePro
  * with a keyboard. Various decorations can be displayed around the field to
  * communicate the entry requirements.
  */
-declare const _TextArea: react.ForwardRefExoticComponent<Omit<WithNullableValue<CubeTextAreaProps>, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const _TextArea: react.ForwardRefExoticComponent<Omit<CubeTextAreaProps, "value" | "defaultValue"> & {
+  value?: any;
+  defaultValue?: any;
+} & react.RefAttributes<HTMLElement>>;
 //#endregion
 export { CubeTextAreaProps, _TextArea };
 //# sourceMappingURL=TextArea.d.ts.map

package/dist/components/fields/TextArea/TextArea.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";
@@ -12,15 +12,15 @@ import { jsx } from "react/jsx-runtime";
 import { useTextField } from "react-aria";
 
 //#region src/components/fields/TextArea/TextArea.tsx
-function TextArea(props, ref) {
+function TextArea(rawProps, ref) {
 	const $ = c(40);
 	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 = {
@@ -29,8 +29,7 @@ function TextArea(props, ref) {
 		};
 		$[2] = t1;
 	} else t1 = $[2];
-	props = useFieldProps(props, t1);
-	const { autoSize: t2, isDisabled: t3, isReadOnly: t4, isRequired: t5, onChange: onChange_0, maxRows: t6, rows: t7, labelProps: userLabelProps, inputProps: userInputProps, inputRef: propsInputRef, value: value_0, form, isBuffered, ...otherProps } = props;
+	const { autoSize: t2, isDisabled: t3, isReadOnly: t4, isRequired: t5, onChange: onChange_0, maxRows: t6, rows: t7, labelProps: userLabelProps, inputProps: userInputProps, inputRef: propsInputRef, value: value_0, form, isBuffered, ...otherProps } = useFieldProps(rawProps, t1);
 	const autoSize = t2 === void 0 ? false : t2;
 	const isDisabled = t3 === void 0 ? false : t3;
 	const isReadOnly = t4 === void 0 ? false : t4;

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","names":["ForwardedRef","forwardRef","useRef","useTextField","chain","mergeProps","useBufferedValue","castNullableStringValue","WithNullableValue","useFieldProps","CubeBufferedValueProps","CubeTextInputBaseProps","TextInputBase","useAutoSizeTextArea","FieldBaseProps","CubeTextAreaProps","field","autoSize","maxRows","rows","TextArea","props","ref","$","_c","t0","t1","Symbol","for","defaultValidationTrigger","valuePropsMapper","_temp","t2","isDisabled","t3","isReadOnly","t4","isRequired","t5","onChange","onChange_0","t6","t7","labelProps","userLabelProps","inputProps","userInputProps","inputRef","propsInputRef","value","value_0","form","isBuffered","otherProps","undefined","Math","max","localInputRef","t8","buffered","t9","adjustHeight","t10","t11","t12","onBlur","reset","t13","inputElementType","t14","mergedLabelProps","t15","t16","toString","_TextArea","cubeInputType","displayName"],"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\nimport type { FieldBaseProps } from '../../../shared/form';\n\nexport interface CubeTextAreaProps\n  extends CubeTextInputBaseProps,\n    CubeBufferedValueProps {\n  field?: FieldBaseProps<string | null | undefined>['field'];\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    // The form instance, not the DOM `form` id `useTextField` forwards.\n    form,\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":";;;;;;;;;;;;;;AA+BA,SAAAoB,SAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAF,OAAA;AAIUI,OAAAlB,wBAAwBc,MAAM;AAAAE,IAAA,KAAAF;AAAAE,IAAA,KAAAE;OAAAA,MAAAF,EAAA;AAAtCF,SAAQA;CAAH,IAAAK;AAAA,KAAAH,EAAA,OAAAI,OAAAC,IAAA,4BAAA,EAAA;AACwBF,OAAA;GAAAG,0BACD;GAAQC,kBAChBC;GAInB;AAAAR,IAAA,KAAAG;OAAAA,MAAAH,EAAA;AANDF,SAAQZ,cAAcY,OAAOK,GAM3B;CACF,MAAA,EAAAT,UAAAe,IAAAC,YAAAC,IAAAC,YAAAC,IAAAC,YAAAC,IAAAC,UAAAC,YAAAtB,SAAAuB,IAAAtB,MAAAuB,IAAAC,YAAAC,gBAAAC,YAAAC,gBAAAC,UAAAC,eAAAC,OAAAC,SAAAC,MAAAC,YAAA,GAAAC,eAgBIhC;CAfF,MAAAJ,WAAAe,OAAAsB,SAAA,QAAAtB;CACA,MAAAC,aAAAC,OAAAoB,SAAA,QAAApB;CACA,MAAAC,aAAAC,OAAAkB,SAAA,QAAAlB;CACA,MAAAC,aAAAC,OAAAgB,SAAA,QAAAhB;CAEA,IAAApB,UAAAuB,OAAAa,SAAA,KAAAb;CACA,IAAAtB,OAAAuB,OAAAY,SAAA,IAAAZ;AAWFvB,QAAOoC,KAAIC,IAAKrC,MAAM,EAAE;AACxBD,WAAUqC,KAAIC,IAAKtC,SAASC,KAAK;CAEjC,MAAAsC,gBAAoBvD,OAA4B,KAAK;CACrD,MAAA6C,WAAeC,iBAAAS;CAA+B,IAAAC;AAAA,KAAAnC,EAAA,OAAA6B,cAAA7B,EAAA,OAAAU,cAAAV,EAAA,OAAAY,YAAA;AAGKuB,OAAA;GAAAN;GAAAnB;GAAAE;GAIlD;AAAAZ,IAAA,KAAA6B;AAAA7B,IAAA,KAAAU;AAAAV,IAAA,KAAAY;AAAAZ,IAAA,KAAAmC;OAAAA,MAAAnC,EAAA;CAJD,MAAAoC,WAAiBrD,iBAAiB2C,SAAOV,YAAUmB,GAIjD;CAAC,IAAAE;AAAA,KAAArC,EAAA,OAAAN,YAAAM,EAAA,OAAAoC,SAAAV,SAAA1B,EAAA,OAAAwB,YAAAxB,EAAA,QAAAL,WAAAK,EAAA,QAAAJ,MAAA;AAEsCyC,OAAA;GAAAb;GAAA9B;GAAAE;GAAAD;GAAA+B,OAMhCU,SAAQV;GAChB;AAAA1B,IAAA,KAAAN;AAAAM,IAAA,KAAAoC,SAAAV;AAAA1B,IAAA,KAAAwB;AAAAxB,IAAA,MAAAL;AAAAK,IAAA,MAAAJ;AAAAI,IAAA,MAAAqC;OAAAA,MAAArC,EAAA;CAPD,MAAAsC,eAAqBhD,oBAAoB+C,GAOvC;CAKS,MAAAE,MAAAH,SAAQV;CAAM,IAAAc;AAAA,KAAAxC,EAAA,QAAAsC,gBAAAtC,EAAA,QAAAoC,SAAApB,UAAA;AAIXwB,QAAA3D,MAAMuD,SAAQpB,UAAWsB,aAAa;AAAAtC,IAAA,MAAAsC;AAAAtC,IAAA,MAAAoC,SAAApB;AAAAhB,IAAA,MAAAwC;OAAAA,OAAAxC,EAAA;CACxC,MAAAyC,MAAA5D,MAAMiD,WAAUY,QAASN,SAAQO,MAAO;CAAA,IAAAC;AAAA,KAAA5C,EAAA,QAAAoC,SAAAV,SAAA1B,EAAA,QAAAU,cAAAV,EAAA,QAAAY,cAAAZ,EAAA,QAAAc,cAAAd,EAAA,QAAA8B,cAAA9B,EAAA,QAAAwC,OAAAxC,EAAA,QAAAyC,KAAA;AAPlDG,QAAA;GAAA,GACKd;GAAUJ,OACNa;GAAc7B;GAAAE;GAAAE;GAAAE,UAIXwB;GAAsCE,QACxCD;GAAwCI,kBAC9B;GACnB;AAAA7C,IAAA,MAAAoC,SAAAV;AAAA1B,IAAA,MAAAU;AAAAV,IAAA,MAAAY;AAAAZ,IAAA,MAAAc;AAAAd,IAAA,MAAA8B;AAAA9B,IAAA,MAAAwC;AAAAxC,IAAA,MAAAyC;AAAAzC,IAAA,MAAA4C;OAAAA,OAAA5C,EAAA;CAVH,MAAA,EAAAoB,YAAAE,eAAiC1C,aAC/BgE,KAUApB,SACD;CAAC,IAAAsB;AAAA,KAAA9C,EAAA,QAAAoB,cAAApB,EAAA,QAAAqB,gBAAA;AAGuByB,QAAAhE,aAAWsC,YAAYC,eAAe;AAAArB,IAAA,MAAAoB;AAAApB,IAAA,MAAAqB;AAAArB,IAAA,MAAA8C;OAAAA,OAAA9C,EAAA;CAA/D,MAAA+C,mBAAyBD;CAAuC,IAAAE;AAAA,KAAAhD,EAAA,QAAAsB,cAAAtB,EAAA,QAAAuB,gBAAA;AAShDyB,QAAAlE,aACVwC,YACA,EAAA,mBAAqB,YAAY,EACjCC,eACD;AAAAvB,IAAA,MAAAsB;AAAAtB,IAAA,MAAAuB;AAAAvB,IAAA,MAAAgD;OAAAA,OAAAhD,EAAA;CAAA,IAAAiD;AAAA,KAAAjD,EAAA,QAAAwB,YAAAxB,EAAA,QAAAU,cAAAV,EAAA,QAAAY,cAAAZ,EAAA,QAAAc,cAAAd,EAAA,QAAA+C,oBAAA/C,EAAA,QAAA8B,cAAA9B,EAAA,QAAAD,OAAAC,EAAA,QAAAJ,QAAAI,EAAA,QAAAgD,KAAA;AAVHC,QAAA,oBAAC;GACMlD;GAAG,GACJ+B;GACJ,WAAA;GACUN;GACEuB,YAAAA;GACA,YAAAC;GAKAtC;GACAE;GACAE;GACNlB;IACN;AAAAI,IAAA,MAAAwB;AAAAxB,IAAA,MAAAU;AAAAV,IAAA,MAAAY;AAAAZ,IAAA,MAAAc;AAAAd,IAAA,MAAA+C;AAAA/C,IAAA,MAAA8B;AAAA9B,IAAA,MAAAD;AAAAC,IAAA,MAAAJ;AAAAI,IAAA,MAAAgD;AAAAhD,IAAA,MAAAiD;OAAAA,OAAAjD,EAAA;AAAA,QAfFiD;;;;;;;AAtEJ,SAAAzC,MAAAN,IAAA;CAOuB,MAAA,EAAAwB,OAAAV,aAAAd;AAAmB,QAAM;EAAAc;EAAAU,OAEnCA,OAAKwB,UAAkB,IAAvB;EACR;;AAoFL,MAAMC,YAAYzE,WAAWmB,SAAS;AAEtC,AAACsD,UAAkBC,gBAAgB;AACnCD,UAAUE,cAAc"}
+{"version":3,"file":"TextArea.js","names":["ForwardedRef","forwardRef","RefObject","useRef","AriaTextFieldProps","useTextField","chain","mergeProps","useBufferedValue","castNullableStringValue","WithNullableValue","useFieldProps","CubeBufferedValueProps","CubeTextInputBaseProps","TextInputBase","useAutoSizeTextArea","FieldBaseProps","CubeTextAreaProps","Omit","field","inputRef","HTMLTextAreaElement","validate","onFocus","onBlur","autoSize","maxRows","rows","TextArea","rawProps","ref","$","_c","t0","t1","Symbol","for","defaultValidationTrigger","valuePropsMapper","_temp","props","t2","isDisabled","t3","isReadOnly","t4","isRequired","t5","onChange","onChange_0","t6","t7","labelProps","userLabelProps","inputProps","userInputProps","propsInputRef","value","value_0","form","isBuffered","otherProps","undefined","Math","max","localInputRef","t8","buffered","t9","adjustHeight","t10","t11","t12","reset","t13","inputElementType","t14","mergedLabelProps","t15","t16","toString","_TextArea","cubeInputType","displayName"],"sources":["../../../../src/components/fields/TextArea/TextArea.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, RefObject, useRef } from 'react';\nimport { AriaTextFieldProps, 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\nimport type { FieldBaseProps } from '../../../shared/form';\n\nexport interface CubeTextAreaProps\n  extends Omit<\n      CubeTextInputBaseProps,\n      'validate' | 'inputRef' | 'onFocus' | 'onBlur'\n    >,\n    CubeBufferedValueProps {\n  field?: FieldBaseProps<string | null | undefined>['field'];\n  inputRef?: RefObject<HTMLTextAreaElement | null>;\n  validate?: AriaTextFieldProps<HTMLTextAreaElement>['validate'];\n  onFocus?: AriaTextFieldProps<HTMLTextAreaElement>['onFocus'];\n  onBlur?: AriaTextFieldProps<HTMLTextAreaElement>['onBlur'];\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  rawProps: WithNullableValue<CubeTextAreaProps>,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  rawProps = castNullableStringValue(rawProps);\n  let props = useFieldProps(rawProps, {\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    // The form instance, not the DOM `form` id `useTextField` forwards.\n    form,\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":"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"}

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

@@ -3,13 +3,20 @@ import { FieldBaseProps, TextFieldKeyboardProps } from "../../../shared/form.js"
 import { WithNullableValue } from "../../../utils/react/nullableValue.js";
 import { CubeBufferedValueProps, CubeTextInputBaseProps } from "./TextInputBase.js";
 import * as react from "react";
-import { useTextField as useTextField$1 } from "react-aria";
+import { AriaTextFieldProps, useTextField as useTextField$1 } from "react-aria";
 
 //#region src/components/fields/TextInput/TextInput.d.ts
-type CubeTextInputProps = WithNullableValue<CubeTextInputBaseProps> & CubeBufferedValueProps & TextFieldKeyboardProps & {
+type CubeTextInputProps = WithNullableValue<Omit<CubeTextInputBaseProps, 'validate'>> & CubeBufferedValueProps & TextFieldKeyboardProps & {
   field?: FieldBaseProps<string | null | undefined>['field'];
+  validate?: AriaTextFieldProps['validate'];
 };
-declare const TextInput: react.ForwardRefExoticComponent<Omit<CubeTextInputProps, "ref"> & react.RefAttributes<HTMLElement>>;
+declare const TextInput: react.ForwardRefExoticComponent<Omit<Omit<CubeTextInputBaseProps, "validate">, "value" | "defaultValue"> & {
+  value?: any;
+  defaultValue?: any;
+} & CubeBufferedValueProps & TextFieldKeyboardProps & {
+  field?: FieldBaseProps<string | null | undefined>["field"];
+  validate?: AriaTextFieldProps["validate"];
+} & react.RefAttributes<HTMLElement>>;
 //#endregion
 export { CubeTextInputProps, TextInput, useTextField$1 as useTextField };
 //# sourceMappingURL=TextInput.d.ts.map

package/dist/components/fields/TextInput/TextInput.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";
@@ -11,15 +11,15 @@ import { jsx } from "react/jsx-runtime";
 import { useTextField as useTextField$1 } from "react-aria";
 
 //#region src/components/fields/TextInput/TextInput.tsx
-const TextInput = forwardRef(function TextInput(props, ref) {
+const TextInput = forwardRef(function TextInput(rawProps, ref) {
 	const $ = c(20);
 	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 = {
@@ -28,8 +28,7 @@ const TextInput = forwardRef(function TextInput(props, ref) {
 		};
 		$[2] = t1;
 	} else t1 = $[2];
-	props = useFieldProps(props, t1);
-	const { labelProps: userLabelProps, inputProps: userInputProps, inputRef: propsInputRef, form, isBuffered, ...restProps } = props;
+	const { labelProps: userLabelProps, inputProps: userInputProps, inputRef: propsInputRef, form, isBuffered, ...restProps } = useFieldProps(rawProps, t1);
 	const localInputRef = useRef(null);
 	const inputRef = propsInputRef ?? localInputRef;
 	const buffered = useBufferedValue(restProps.value, restProps.onChange, {

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

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","names":["ForwardedRef","forwardRef","useRef","useTextField","chain","mergeProps","useBufferedValue","castNullableStringValue","WithNullableValue","useFieldProps","CubeBufferedValueProps","CubeTextInputBaseProps","TextInputBase","FieldBaseProps","TextFieldKeyboardProps","CubeTextInputProps","field","TextInput","props","ref","$","_c","t0","t1","Symbol","for","defaultValidationTrigger","valuePropsMapper","_temp","labelProps","userLabelProps","inputProps","userInputProps","inputRef","propsInputRef","form","isBuffered","restProps","localInputRef","buffered","value","onChange","isDisabled","isReadOnly","t2","t3","t4","onBlur","reset","t5","t6","mergedLabelProps","t7","t8","cubeInputType","toString"],"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\nimport type {\n  FieldBaseProps,\n  TextFieldKeyboardProps,\n} from '../../../shared/form';\n\n// `TextFieldKeyboardProps` is restated here because `WithNullableValue` is an\n// `Omit` over a base that extends an in-repo `any` (see `TextFieldKeyboardProps`),\n// which erases every named member of the base.\nexport type CubeTextInputProps = WithNullableValue<CubeTextInputBaseProps> &\n  CubeBufferedValueProps &\n  TextFieldKeyboardProps & {\n    field?: FieldBaseProps<string | null | undefined>['field'];\n  };\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":";;;;;;;;;;;;;AAgCA,MAAaiB,YAAYhB,WAAW,SAAAgB,UAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAF,OAAA;AAI1BI,OAAAf,wBAAwBW,MAAM;AAAAE,IAAA,KAAAF;AAAAE,IAAA,KAAAE;OAAAA,MAAAF,EAAA;AAAtCF,SAAQA;CAAH,IAAAK;AAAA,KAAAH,EAAA,OAAAI,OAAAC,IAAA,4BAAA,EAAA;AACwBF,OAAA;GAAAG,0BACD;GAAQC,kBAChBC;GAInB;AAAAR,IAAA,KAAAG;OAAAA,MAAAH,EAAA;AANDF,SAAQT,cAAcS,OAAOK,GAM3B;CAEF,MAAA,EAAAM,YAAAC,gBAAAC,YAAAC,gBAAAC,UAAAC,eAAAC,MAAAC,YAAA,GAAAC,cAOInB;CACJ,MAAAoB,gBAAoBpC,OAA+C,KAAK;CACxE,MAAA+B,WAAeC,iBAAAI;CAIf,MAAAC,WAAejC,iBAAiB+B,UAASG,OAAQH,UAASI,UAAW;EAAAL;EAAAM,YAEvDL,UAASK;EAAWC,YACpBN,UAASM;EACtB,CAAC;CAKS,MAAAC,KAAAL,SAAQC;CACL,MAAAK,KAAAN,SAAQE;CACV,MAAAK,KAAA1C,MAAMiC,UAASU,QAASR,SAAQS,MAAO;CAAA,IAAAC;AAAA,KAAA7B,EAAA,OAAAmB,SAAAE,YAAArB,EAAA,OAAAmB,SAAAC,SAAApB,EAAA,OAAAiB,aAAAjB,EAAA,OAAA0B,IAAA;AAJjDG,OAAA;GAAA,GACKZ;GAASG,OACLI;GAAcH,UACXI;GAAiBE,QACnBD;GACT;AAAA1B,IAAA,KAAAmB,SAAAE;AAAArB,IAAA,KAAAmB,SAAAC;AAAApB,IAAA,KAAAiB;AAAAjB,IAAA,KAAA0B;AAAA1B,IAAA,KAAA6B;OAAAA,MAAA7B,EAAA;CANH,MAAA,EAAAS,YAAAE,eAAiC5B,eAC/B8C,IAMAhB,SACD;CAAC,IAAAiB;AAAA,KAAA9B,EAAA,OAAAS,cAAAT,EAAA,OAAAU,gBAAA;AAGuBoB,OAAA7C,aAAWwB,YAAYC,eAAe;AAAAV,IAAA,KAAAS;AAAAT,IAAA,KAAAU;AAAAV,IAAA,MAAA8B;OAAAA,MAAA9B,EAAA;CAA/D,MAAA+B,mBAAyBD;CAAuC,IAAAE;AAAA,KAAAhC,EAAA,QAAAW,cAAAX,EAAA,QAAAY,gBAAA;AAOhDoB,OAAA/C,aAAW0B,YAAYC,eAAe;AAAAZ,IAAA,MAAAW;AAAAX,IAAA,MAAAY;AAAAZ,IAAA,MAAAgC;OAAAA,MAAAhC,EAAA;CAAA,IAAAiC;AAAA,KAAAjC,EAAA,QAAAa,YAAAb,EAAA,QAAA+B,oBAAA/B,EAAA,QAAAD,OAAAC,EAAA,QAAAiB,aAAAjB,EAAA,QAAAgC,IAAA;AAJpDC,OAAA,oBAAC;GAAa,GACRhB;GACClB;GACOgC,YAAAA;GACA,YAAAC;GACFnB;IACV;AAAAb,IAAA,MAAAa;AAAAb,IAAA,MAAA+B;AAAA/B,IAAA,MAAAD;AAAAC,IAAA,MAAAiB;AAAAjB,IAAA,MAAAgC;AAAAhC,IAAA,MAAAiC;OAAAA,MAAAjC,EAAA;AAAA,QANFiC;EAQF;;;;;;AAQF,AAACpC,UAAkBqC,gBAAgB;AA9DC,SAAA1B,MAAAN,IAAA;CAOb,MAAA,EAAAkB,OAAAC,aAAAnB;AAAmB,QAAM;EAAAmB;EAAAD,OAEnCA,OAAKe,UAAkB,IAAvB;EACR"}
+{"version":3,"file":"TextInput.js","names":["ForwardedRef","forwardRef","RefObject","useRef","AriaTextFieldProps","useTextField","chain","mergeProps","useBufferedValue","castNullableStringValue","WithNullableValue","useFieldProps","CubeBufferedValueProps","CubeTextInputBaseProps","TextInputBase","FieldBaseProps","TextFieldKeyboardProps","CubeTextInputProps","Omit","field","validate","TextInput","rawProps","ref","$","_c","t0","t1","Symbol","for","defaultValidationTrigger","valuePropsMapper","_temp","props","labelProps","userLabelProps","inputProps","userInputProps","inputRef","propsInputRef","form","isBuffered","restProps","localInputRef","buffered","value","onChange","isDisabled","isReadOnly","t2","t3","t4","onBlur","reset","t5","HTMLInputElement","t6","mergedLabelProps","t7","t8","cubeInputType","toString"],"sources":["../../../../src/components/fields/TextInput/TextInput.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, RefObject, useRef } from 'react';\nimport { AriaTextFieldProps, 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\nimport type {\n  FieldBaseProps,\n  TextFieldKeyboardProps,\n} from '../../../shared/form';\n\nexport type CubeTextInputProps = WithNullableValue<\n  Omit<CubeTextInputBaseProps, 'validate'>\n> &\n  CubeBufferedValueProps &\n  TextFieldKeyboardProps & {\n    field?: FieldBaseProps<string | null | undefined>['field'];\n    validate?: AriaTextFieldProps['validate'];\n  };\n\nexport { useTextField };\n\nexport const TextInput = forwardRef(function TextInput(\n  rawProps: CubeTextInputProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  rawProps = castNullableStringValue(rawProps);\n  let props = useFieldProps(rawProps, {\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 as RefObject<HTMLInputElement | null>,\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":";;;;;;;;;;;;;AAgCA,MAAaqB,YAAYpB,WAAW,SAAAoB,UAAAC,UAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAF,UAAA;AAIvBI,OAAAjB,wBAAwBa,SAAS;AAAAE,IAAA,KAAAF;AAAAE,IAAA,KAAAE;OAAAA,MAAAF,EAAA;AAA5CF,YAAWA;CAAH,IAAAK;AAAA,KAAAH,EAAA,OAAAI,OAAAC,IAAA,4BAAA,EAAA;AAC4BF,OAAA;GAAAG,0BACR;GAAQC,kBAChBC;GAInB;AAAAR,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAED,MAAA,EAAAU,YAAAC,gBAAAC,YAAAC,gBAAAC,UAAAC,eAAAC,MAAAC,YAAA,GAAAC,cARY/B,cAAcW,UAAUK,GAMlC;CAUF,MAAAgB,gBAAoBxC,OAA+C,KAAK;CACxE,MAAAmC,WAAeC,iBAAAI;CAIf,MAAAC,WAAepC,iBAAiBkC,UAASG,OAAQH,UAASI,UAAW;EAAAL;EAAAM,YAEvDL,UAASK;EAAWC,YACpBN,UAASM;EACtB,CAAC;CAKS,MAAAC,KAAAL,SAAQC;CACL,MAAAK,KAAAN,SAAQE;CACV,MAAAK,KAAA7C,MAAMoC,UAASU,QAASR,SAAQS,MAAO;CAAA,IAAAC;AAAA,KAAA9B,EAAA,OAAAoB,SAAAE,YAAAtB,EAAA,OAAAoB,SAAAC,SAAArB,EAAA,OAAAkB,aAAAlB,EAAA,OAAA2B,IAAA;AAJjDG,OAAA;GAAA,GACKZ;GAASG,OACLI;GAAcH,UACXI;GAAiBE,QACnBD;GACT;AAAA3B,IAAA,KAAAoB,SAAAE;AAAAtB,IAAA,KAAAoB,SAAAC;AAAArB,IAAA,KAAAkB;AAAAlB,IAAA,KAAA2B;AAAA3B,IAAA,KAAA8B;OAAAA,MAAA9B,EAAA;CANH,MAAA,EAAAU,YAAAE,eAAiC/B,eAC/BiD,IAMAhB,SACD;CAAC,IAAAkB;AAAA,KAAAhC,EAAA,OAAAU,cAAAV,EAAA,OAAAW,gBAAA;AAGuBqB,OAAAjD,aAAW2B,YAAYC,eAAe;AAAAX,IAAA,KAAAU;AAAAV,IAAA,KAAAW;AAAAX,IAAA,MAAAgC;OAAAA,MAAAhC,EAAA;CAA/D,MAAAiC,mBAAyBD;CAAuC,IAAAE;AAAA,KAAAlC,EAAA,QAAAY,cAAAZ,EAAA,QAAAa,gBAAA;AAOhDqB,OAAAnD,aAAW6B,YAAYC,eAAe;AAAAb,IAAA,MAAAY;AAAAZ,IAAA,MAAAa;AAAAb,IAAA,MAAAkC;OAAAA,MAAAlC,EAAA;CAAA,IAAAmC;AAAA,KAAAnC,EAAA,QAAAc,YAAAd,EAAA,QAAAiC,oBAAAjC,EAAA,QAAAD,OAAAC,EAAA,QAAAkB,aAAAlB,EAAA,QAAAkC,IAAA;AAJpDC,OAAA,oBAAC;GAAa,GACRjB;GACCnB;GACOkC,YAAAA;GACA,YAAAC;GACFpB;IACV;AAAAd,IAAA,MAAAc;AAAAd,IAAA,MAAAiC;AAAAjC,IAAA,MAAAD;AAAAC,IAAA,MAAAkB;AAAAlB,IAAA,MAAAkC;AAAAlC,IAAA,MAAAmC;OAAAA,MAAAnC,EAAA;AAAA,QANFmC;EAQF;;;;;;AAQF,AAACtC,UAAkBuC,gBAAgB;AA9DC,SAAA5B,MAAAN,IAAA;CAOb,MAAA,EAAAmB,OAAAC,aAAApB;AAAmB,QAAM;EAAAoB;EAAAD,OAEnCA,OAAKgB,UAAkB,IAAvB;EACR"}

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

@@ -4,14 +4,16 @@ import { FieldBaseProps, TextFieldKeyboardProps } from "../../../shared/form.js"
 import "../../../shared/index.js";
 import { BaseProps, BaseStyleProps, BlockStyleProps, ColorStyleProps, OuterStyleProps, Styles } from "@tenphi/tasty";
 import * as react from "react";
-import { ReactElement, ReactNode, RefObject } from "react";
+import { FocusEventHandler, ReactElement, ReactNode, RefObject } from "react";
 import { AriaNumberFieldProps, AriaTextFieldProps as AriaTextFieldProps$1 } from "react-aria";
 
 //#region src/components/fields/TextInput/TextInputBase.d.ts
 declare const INPUT_WRAPPER_STYLES: Styles;
 declare const DEFAULT_INPUT_STYLES: Styles;
-interface CubeTextInputBaseProps extends BaseProps, OuterStyleProps, BlockStyleProps, BaseStyleProps, ColorStyleProps, Omit<AriaTextFieldProps$1, 'validate' | 'form' | 'name'>, TextFieldKeyboardProps, FieldBaseProps {
+interface CubeTextInputBaseProps extends BaseProps, OuterStyleProps, BlockStyleProps, BaseStyleProps, ColorStyleProps, Omit<AriaTextFieldProps$1<HTMLInputElement | HTMLTextAreaElement>, 'validate' | 'form' | 'name' | 'errorMessage' | 'onKeyDown' | 'onKeyUp' | 'onFocus' | 'onBlur'>, TextFieldKeyboardProps, FieldBaseProps {
   validate?: AriaTextFieldProps$1['validate'] | AriaNumberFieldProps['validate'];
+  onFocus?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+  onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
   /** Left input icon */
   icon?: ReactElement | null;
   /** Input decoration before the main input */
@@ -35,9 +37,9 @@ interface CubeTextInputBaseProps extends BaseProps, OuterStyleProps, BlockStyleP
   /** Direct input wrapper props */
   wrapperProps?: Props;
   /** The input ref */
-  inputRef?: RefObject<HTMLInputElement | HTMLTextAreaElement>;
+  inputRef?: RefObject<HTMLInputElement | HTMLTextAreaElement | null>;
   /** The wrapper ref */
-  wrapperRef?: RefObject<HTMLDivElement>;
+  wrapperRef?: RefObject<HTMLDivElement | null>;
   /** Whether the input has the loading status */
   isLoading?: boolean;
   /** The loading status indicator */
@@ -77,7 +79,7 @@ interface CubeBufferedValueProps {
    */
   isBuffered?: boolean;
 }
-declare const TextInputBase: react.ForwardRefExoticComponent<Omit<CubeTextInputBaseProps, "ref"> & react.RefAttributes<unknown>>;
+declare const TextInputBase: react.ForwardRefExoticComponent<CubeTextInputBaseProps & react.RefAttributes<unknown>>;
 //#endregion
 export { type AriaTextFieldProps$1 as AriaTextFieldProps, CubeBufferedValueProps, CubeTextInputBaseProps, DEFAULT_INPUT_STYLES, INPUT_WRAPPER_STYLES, TextInputBase };
 //# sourceMappingURL=TextInputBase.d.ts.map

package/dist/components/fields/TextInput/TextInputBase.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 } 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/TextInput/TextInputBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInputBase.js","names":["createFocusableRef","BASE_STYLES","BaseProps","BaseStyleProps","BLOCK_STYLES","BlockStyleProps","COLOR_STYLES","ColorStyleProps","OUTER_STYLES","OuterStyleProps","Styles","tasty","forwardRef","ReactElement","ReactNode","RefObject","useImperativeHandle","useMemo","useRef","AriaNumberFieldProps","AriaTextFieldProps","useHover","FieldBaseProps","TextFieldKeyboardProps","mergeProps","useCombinedRefs","useFocus","extractStyles","getValidationMods","hasValidationIndicator","ValidationIndicator","wrapWithField","Props","ADD_STYLES","$","display","placeContent","placeItems","gridRows","flow","gap","cursor","opacity","disabled","INPUT_WRAPPER_STYLES","position","gridColumns","prefix","suffix","fill","border","valid","invalid","focused","preset","radius","color","zIndex","boxSizing","transition","backgroundClip","height","multiline","$size","Prefix","Suffix","State","InputIcon","width","fontSize","ValidationIcon","InputWrapperElement","qa","styles","PROP_STYLES","DEFAULT_INPUT_STYLES","recipe","placeSelf","padding","textAlign","flexGrow","margin","resize","userSelect","Placeholder","InputElement","CubeTextInputBaseProps","Omit","validate","icon","suffixPosition","actions","multiLine","autoFocus","inputProps","wrapperProps","inputRef","HTMLInputElement","HTMLTextAreaElement","wrapperRef","HTMLDivElement","isLoading","loadingIndicator","inputStyles","rows","size","autoComplete","autocomplete","CubeBufferedValueProps","isBuffered","_TextInputBase","props","ref","mods","isInvalid","isValid","isDisabled","value","maxLength","minLength","form","otherProps","type","ElementType","isFocused","focusProps","hoverProps","isHovered","domRef","select","current","getInputElement","showValidationIndicator","placeholder","modifiers","loadable","hovered","resolvedAutoComplete","hasTextSecurity","textSecurityStyles","length","fontFamily","textField","undefined","TextInputBase"],"sources":["../../../../src/components/fields/TextInput/TextInputBase.tsx"],"sourcesContent":["import { createFocusableRef } from '@react-spectrum/utils';\nimport {\n  BASE_STYLES,\n  BaseProps,\n  BaseStyleProps,\n  BLOCK_STYLES,\n  BlockStyleProps,\n  COLOR_STYLES,\n  ColorStyleProps,\n  OUTER_STYLES,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\nimport { AriaNumberFieldProps, AriaTextFieldProps, useHover } from 'react-aria';\n\nimport { FieldBaseProps, TextFieldKeyboardProps } from '../../../shared';\nimport { mergeProps, useCombinedRefs } from '../../../utils/react';\nimport { useFocus } from '../../../utils/react/interactions';\nimport { extractStyles } from '../../../utils/styles';\nimport {\n  getValidationMods,\n  hasValidationIndicator,\n  ValidationIndicator,\n  wrapWithField,\n} from '../../form';\n\nimport type { Props } from '../../../props';\n\nconst ADD_STYLES = {\n  $: '>',\n  display: 'grid',\n  placeContent: 'stretch',\n  placeItems: 'center',\n  gridRows: '1sf',\n  flow: 'column',\n  gap: 0,\n  cursor: 'inherit',\n  opacity: {\n    '': 1,\n    disabled: '$disabled-opacity',\n  },\n};\n\nexport const INPUT_WRAPPER_STYLES: Styles = {\n  display: 'grid',\n  flow: 'row',\n  position: 'relative',\n  gridColumns: {\n    '': '1sf',\n    prefix: 'max-content 1sf',\n    suffix: '1sf max-content',\n    'prefix & suffix': 'max-content 1sf max-content',\n  },\n  gridRows: '1sf',\n  placeItems: 'stretch',\n  fill: {\n    '': '#surface',\n    disabled: '#disabled-surface',\n  },\n  border: {\n    '': true,\n    valid: '#success-text.50',\n    invalid: '#danger-text.50',\n    focused: '#primary-text',\n    'valid & focused': '#success-text',\n    'invalid & focused': '#danger-text',\n    disabled: true,\n  },\n  preset: 't3',\n  radius: true,\n  cursor: 'text',\n  color: {\n    '': '#dark-02',\n    focused: '#dark-02',\n    invalid: '#danger-text',\n    disabled: '#dark.30',\n  },\n  zIndex: {\n    '': 'initial',\n    focused: 1,\n  },\n  boxSizing: 'border-box',\n  transition: 'theme',\n  backgroundClip: 'content-box',\n  height: {\n    '': '$size $size',\n    multiline: 'min $size',\n  },\n\n  $size: {\n    '': '$size-md',\n    'size=small': '$size-sm',\n    'size=medium': '$size-md',\n    'size=large': '$size-lg',\n  },\n\n  Prefix: ADD_STYLES,\n\n  Suffix: ADD_STYLES,\n\n  State: {\n    $: '> Suffix >',\n    display: 'flex',\n  },\n\n  InputIcon: {\n    display: 'grid',\n    placeItems: 'center',\n    width: 'min $size-sm',\n    color: 'inherit',\n    fontSize: '$icon-size',\n  },\n\n  ValidationIcon: {\n    $: '> Suffix > State >',\n    display: 'grid',\n    placeItems: 'center',\n    width: {\n      '': 'min $size-sm',\n      suffix: 'min $size-xs',\n    },\n    fontSize: '$icon-size',\n  },\n};\n\nconst InputWrapperElement = tasty({\n  qa: 'InputWrapper',\n  styles: INPUT_WRAPPER_STYLES,\n});\n\nconst PROP_STYLES = [\n  ...BASE_STYLES,\n  ...OUTER_STYLES,\n  ...BLOCK_STYLES,\n  ...COLOR_STYLES,\n];\n\nexport const DEFAULT_INPUT_STYLES: Styles = {\n  recipe: 'reset input / input-autofill',\n  placeSelf: 'stretch',\n  width: 'initial 100% 100%',\n  transition: 'theme',\n  radius: true,\n  padding: '$vertical-padding $right-padding $vertical-padding $left-padding',\n  textAlign: 'left',\n  preset: 't3',\n  flexGrow: 1,\n  margin: {\n    '': 0,\n    multiline: '((($size-md - 1lh) / 2) - 1bw) 0',\n    'multiline & size=small': '((($size-sm - 1lh) / 2) - 1bw) 0',\n    'multiline & size=large': '((($size-lg - 1lh) / 2) - 1bw) 0',\n  },\n  resize: 'none',\n  userSelect: 'auto',\n\n  Placeholder: {\n    $: '&::placeholder',\n    recipe: 'input-placeholder',\n  },\n  '&::-webkit-search-cancel-button': {\n    recipe: 'input-search-cancel-button',\n  },\n\n  '$vertical-padding': 0,\n  '$left-padding': {\n    '': '(1x - 1bw)',\n    'size=small': '(1x - 1bw)',\n    'size=large': '(1.25x - 1bw)',\n    'size=xlarge': '(1.5x - 1bw)',\n    prefix: '0',\n  },\n  '$right-padding': {\n    '': '(1x - 1bw)',\n    'size=small': '(1x - 1bw)',\n    'size=large': '(1.25x - 1bw)',\n    'size=xlarge': '(1.5x - 1bw)',\n    suffix: '0',\n  },\n};\n\nconst InputElement = tasty({ qa: 'Input', styles: DEFAULT_INPUT_STYLES });\n\nexport interface CubeTextInputBaseProps\n  extends BaseProps,\n    OuterStyleProps,\n    BlockStyleProps,\n    BaseStyleProps,\n    ColorStyleProps,\n    Omit<AriaTextFieldProps, 'validate' | 'form' | 'name'>,\n    TextFieldKeyboardProps,\n    FieldBaseProps {\n  validate?: AriaTextFieldProps['validate'] | AriaNumberFieldProps['validate'];\n  /** Left input icon */\n  icon?: ReactElement | null;\n  /** Input decoration before the main input */\n  prefix?: ReactNode;\n  /** Input decoration after the main input */\n  suffix?: ReactNode;\n  /** Suffix position goes before or after the validation and loading statuses */\n  suffixPosition?: 'before' | 'after';\n  /**\n   * Controls placed last in the suffix, after the validation and loading\n   * statuses and after `suffix` whatever its position, such as a popover\n   * trigger.\n   */\n  actions?: ReactNode;\n  /** Whether the input is multiline */\n  multiLine?: boolean;\n  /** Whether the input should have autofocus */\n  autoFocus?: boolean;\n  /** Direct input props */\n  inputProps?: Props;\n  /** Direct input wrapper props */\n  wrapperProps?: Props;\n  /** The input ref */\n  inputRef?: RefObject<HTMLInputElement | HTMLTextAreaElement>;\n  /** The wrapper ref */\n  wrapperRef?: RefObject<HTMLDivElement>;\n  /** Whether the input has the loading status */\n  isLoading?: boolean;\n  /** The loading status indicator */\n  loadingIndicator?: ReactNode;\n  /** Style map for the input */\n  inputStyles?: Styles;\n  /** The number of rows for the input. Only applies to textarea. */\n  rows?: number;\n  /** The resize CSS property sets whether an element is resizable, and if so, in which directions. */\n  resize?: Styles['resize'];\n  /** The size of the input */\n  size?: 'small' | 'medium' | 'large' | (string & {});\n  /**\n   * What kind of autofill the browser may offer for the input, as the HTML `autocomplete` token\n   * (`email`, `current-password`, `off`, …). See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete).\n   */\n  autoComplete?: string;\n  /**\n   * @deprecated Use `autoComplete` instead. Kept as an alias so existing callers keep working;\n   * `autoComplete` wins when both are set.\n   */\n  autocomplete?: string;\n}\n\n/**\n * Mixed into the fields that actually buffer their value — `TextInput`, `TextArea`,\n * `PasswordInput`, `SearchInput` — rather than declared on `CubeTextInputBaseProps`. Every field\n * built on that base would otherwise inherit the prop, including `NumberInput` and\n * `CommandTextArea`, which keep their own text and ignore it: a public API that accepts a flag and\n * does nothing with it.\n */\nexport interface CubeBufferedValueProps {\n  /**\n   * Whether the typed text is held locally until the controlled `value` catches up. On by default,\n   * which is what keeps the caret in place when the value round-trips through a store that\n   * re-renders a pass late. Set to `false` for a caller that must see the value snap back to its\n   * own `value` prop the instant it declines a keystroke. See `useBufferedValue`.\n   */\n  isBuffered?: boolean;\n}\n\n/**\n * The presentational base for text-like inputs. It renders the input chrome and the field wrapper, but\n * never wires form state — that is the job of the component rendering it (`TextInput`, `TextArea`,\n * `PasswordInput`, `NumberInput`, `SearchInput`, `CommandTextArea`).\n */\nfunction _TextInputBase(props: CubeTextInputBaseProps, ref) {\n  let {\n    qa,\n    mods,\n    isInvalid,\n    isValid,\n    prefix,\n    isDisabled,\n    multiLine,\n    autoFocus,\n    inputProps,\n    wrapperProps,\n    inputRef,\n    isLoading,\n    loadingIndicator,\n    value,\n    inputStyles = {},\n    suffix,\n    suffixPosition = 'before',\n    actions,\n    wrapperRef,\n    rows = 1,\n    size = 'medium',\n    autoComplete,\n    autocomplete,\n    icon,\n    maxLength,\n    minLength,\n    form,\n    resize,\n    ...otherProps\n  } = props;\n\n  let styles = extractStyles(otherProps, PROP_STYLES);\n  let type = otherProps.type;\n\n  if (resize) {\n    inputStyles = { ...inputStyles, resize };\n  }\n\n  let ElementType: 'textarea' | 'input' = multiLine ? 'textarea' : 'input';\n  let { isFocused, focusProps } = useFocus();\n  let { hoverProps, isHovered } = useHover({ isDisabled });\n  let domRef = useRef(null);\n\n  inputRef = useCombinedRefs(inputRef);\n\n  // Expose imperative interface for ref\n  useImperativeHandle(ref, () => ({\n    ...createFocusableRef(domRef, inputRef),\n    select() {\n      if (inputRef?.current) {\n        inputRef.current.select();\n      }\n    },\n    getInputElement() {\n      return inputRef?.current;\n    },\n  }));\n\n  const showValidationIndicator = hasValidationIndicator({\n    isInvalid,\n    isValid,\n    isLoading,\n  });\n\n  // Fix safari bug: https://github.com/philipwalton/flexbugs/issues/270\n  if (!inputProps?.placeholder) {\n    if (!inputProps) {\n      inputProps = {};\n    }\n\n    inputProps.placeholder = ' ';\n  }\n\n  if (icon) {\n    icon = <div data-element=\"InputIcon\">{icon}</div>;\n\n    if (prefix) {\n      prefix = (\n        <>\n          {icon}\n          {prefix}\n        </>\n      );\n    } else {\n      prefix = icon;\n    }\n  }\n\n  const modifiers = useMemo(\n    () => ({\n      ...getValidationMods({ isInvalid, isValid }),\n      loadable: !!loadingIndicator,\n      focused: isFocused,\n      hovered: isHovered,\n      disabled: isDisabled,\n      multiline: multiLine,\n      prefix: !!prefix,\n      suffix: showValidationIndicator || !!suffix || !!actions,\n      ...mods,\n    }),\n    [\n      mods,\n      isInvalid,\n      isValid,\n      showValidationIndicator,\n      loadingIndicator,\n      isFocused,\n      isDisabled,\n      isHovered,\n      multiLine,\n      prefix,\n      suffix,\n      actions,\n    ],\n  );\n\n  // `autoComplete` is the prop; `autocomplete` is the deprecated alias. Falling back to\n  // `inputProps` matters as much as the aliasing: this attribute is applied after the merge, so a\n  // bare `autoComplete={resolved}` would overwrite whatever the React Aria hook put there —\n  // `useNumberField`'s own `off`, or an `inputProps={{ autoComplete }}` passed by the caller — with\n  // `undefined` whenever neither prop is set.\n  const resolvedAutoComplete =\n    autoComplete ?? autocomplete ?? inputProps.autoComplete;\n\n  const hasTextSecurity = multiLine && type === 'password';\n  const textSecurityStyles =\n    hasTextSecurity && inputProps.value?.length\n      ? {\n          fontFamily: 'text-security-disc',\n        }\n      : {};\n\n  const textField = (\n    <InputWrapperElement\n      ref={wrapperRef}\n      mods={modifiers}\n      data-size={size}\n      styles={styles}\n      {...wrapperProps}\n    >\n      {prefix ? <div data-element=\"Prefix\">{prefix}</div> : null}\n      <InputElement\n        qa={qa || 'Input'}\n        as={ElementType}\n        data-input-type=\"textinput\"\n        {...mergeProps(inputProps, focusProps, hoverProps)}\n        ref={inputRef}\n        rows={multiLine ? rows : undefined}\n        mods={modifiers}\n        style={textSecurityStyles}\n        data-autofocus={autoFocus ? '' : undefined}\n        autoFocus={autoFocus}\n        data-size={size}\n        autoComplete={resolvedAutoComplete}\n        styles={inputStyles}\n        disabled={!!isDisabled}\n        maxLength={maxLength}\n        minLength={minLength}\n      />\n      {showValidationIndicator || suffix || actions ? (\n        <div data-element=\"Suffix\">\n          {suffixPosition === 'before' ? suffix : null}\n          <ValidationIndicator\n            isInvalid={isInvalid}\n            isValid={isValid}\n            isLoading={isLoading}\n          />\n          {suffixPosition === 'after' ? suffix : null}\n          {actions}\n        </div>\n      ) : null}\n    </InputWrapperElement>\n  );\n\n  return wrapWithField(textField, domRef, props);\n}\n\nconst TextInputBase = forwardRef(_TextInputBase);\n\nexport { TextInputBase };\nexport type { AriaTextFieldProps };\n"],"mappings":"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"}
+{"version":3,"file":"TextInputBase.js","names":["createFocusableRef","BASE_STYLES","BaseProps","BaseStyleProps","BLOCK_STYLES","BlockStyleProps","COLOR_STYLES","ColorStyleProps","OUTER_STYLES","OuterStyleProps","Styles","tasty","FocusEventHandler","forwardRef","ReactElement","ReactNode","RefObject","useImperativeHandle","useMemo","useRef","AriaNumberFieldProps","AriaTextFieldProps","useHover","FieldBaseProps","TextFieldKeyboardProps","mergeProps","useCombinedRefs","useFocus","extractStyles","getValidationMods","hasValidationIndicator","ValidationIndicator","wrapWithField","Props","ADD_STYLES","$","display","placeContent","placeItems","gridRows","flow","gap","cursor","opacity","disabled","INPUT_WRAPPER_STYLES","position","gridColumns","prefix","suffix","fill","border","valid","invalid","focused","preset","radius","color","zIndex","boxSizing","transition","backgroundClip","height","multiline","$size","Prefix","Suffix","State","InputIcon","width","fontSize","ValidationIcon","InputWrapperElement","qa","styles","PROP_STYLES","DEFAULT_INPUT_STYLES","recipe","placeSelf","padding","textAlign","flexGrow","margin","resize","userSelect","Placeholder","InputElement","CubeTextInputBaseProps","Omit","HTMLInputElement","HTMLTextAreaElement","validate","onFocus","onBlur","icon","suffixPosition","actions","multiLine","autoFocus","inputProps","wrapperProps","inputRef","wrapperRef","HTMLDivElement","isLoading","loadingIndicator","inputStyles","rows","size","autoComplete","autocomplete","CubeBufferedValueProps","isBuffered","_TextInputBase","props","ref","mods","isInvalid","isValid","isDisabled","value","maxLength","minLength","form","otherProps","type","ElementType","isFocused","focusProps","hoverProps","isHovered","domRef","select","current","getInputElement","showValidationIndicator","placeholder","modifiers","loadable","hovered","resolvedAutoComplete","hasTextSecurity","textSecurityStyles","length","fontFamily","textField","undefined","TextInputBase"],"sources":["../../../../src/components/fields/TextInput/TextInputBase.tsx"],"sourcesContent":["import { createFocusableRef } from '@react-spectrum/utils';\nimport {\n  BASE_STYLES,\n  BaseProps,\n  BaseStyleProps,\n  BLOCK_STYLES,\n  BlockStyleProps,\n  COLOR_STYLES,\n  ColorStyleProps,\n  OUTER_STYLES,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  FocusEventHandler,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\nimport { AriaNumberFieldProps, AriaTextFieldProps, useHover } from 'react-aria';\n\nimport { FieldBaseProps, TextFieldKeyboardProps } from '../../../shared';\nimport { mergeProps, useCombinedRefs } from '../../../utils/react';\nimport { useFocus } from '../../../utils/react/interactions';\nimport { extractStyles } from '../../../utils/styles';\nimport {\n  getValidationMods,\n  hasValidationIndicator,\n  ValidationIndicator,\n  wrapWithField,\n} from '../../form';\n\nimport type { Props } from '../../../props';\n\nconst ADD_STYLES = {\n  $: '>',\n  display: 'grid',\n  placeContent: 'stretch',\n  placeItems: 'center',\n  gridRows: '1sf',\n  flow: 'column',\n  gap: 0,\n  cursor: 'inherit',\n  opacity: {\n    '': 1,\n    disabled: '$disabled-opacity',\n  },\n};\n\nexport const INPUT_WRAPPER_STYLES: Styles = {\n  display: 'grid',\n  flow: 'row',\n  position: 'relative',\n  gridColumns: {\n    '': '1sf',\n    prefix: 'max-content 1sf',\n    suffix: '1sf max-content',\n    'prefix & suffix': 'max-content 1sf max-content',\n  },\n  gridRows: '1sf',\n  placeItems: 'stretch',\n  fill: {\n    '': '#surface',\n    disabled: '#disabled-surface',\n  },\n  border: {\n    '': true,\n    valid: '#success-text.50',\n    invalid: '#danger-text.50',\n    focused: '#primary-text',\n    'valid & focused': '#success-text',\n    'invalid & focused': '#danger-text',\n    disabled: true,\n  },\n  preset: 't3',\n  radius: true,\n  cursor: 'text',\n  color: {\n    '': '#dark-02',\n    focused: '#dark-02',\n    invalid: '#danger-text',\n    disabled: '#dark.30',\n  },\n  zIndex: {\n    '': 'initial',\n    focused: 1,\n  },\n  boxSizing: 'border-box',\n  transition: 'theme',\n  backgroundClip: 'content-box',\n  height: {\n    '': '$size $size',\n    multiline: 'min $size',\n  },\n\n  $size: {\n    '': '$size-md',\n    'size=small': '$size-sm',\n    'size=medium': '$size-md',\n    'size=large': '$size-lg',\n  },\n\n  Prefix: ADD_STYLES,\n\n  Suffix: ADD_STYLES,\n\n  State: {\n    $: '> Suffix >',\n    display: 'flex',\n  },\n\n  InputIcon: {\n    display: 'grid',\n    placeItems: 'center',\n    width: 'min $size-sm',\n    color: 'inherit',\n    fontSize: '$icon-size',\n  },\n\n  ValidationIcon: {\n    $: '> Suffix > State >',\n    display: 'grid',\n    placeItems: 'center',\n    width: {\n      '': 'min $size-sm',\n      suffix: 'min $size-xs',\n    },\n    fontSize: '$icon-size',\n  },\n};\n\nconst InputWrapperElement = tasty({\n  qa: 'InputWrapper',\n  styles: INPUT_WRAPPER_STYLES,\n});\n\nconst PROP_STYLES = [\n  ...BASE_STYLES,\n  ...OUTER_STYLES,\n  ...BLOCK_STYLES,\n  ...COLOR_STYLES,\n];\n\nexport const DEFAULT_INPUT_STYLES: Styles = {\n  recipe: 'reset input / input-autofill',\n  placeSelf: 'stretch',\n  width: 'initial 100% 100%',\n  transition: 'theme',\n  radius: true,\n  padding: '$vertical-padding $right-padding $vertical-padding $left-padding',\n  textAlign: 'left',\n  preset: 't3',\n  flexGrow: 1,\n  margin: {\n    '': 0,\n    multiline: '((($size-md - 1lh) / 2) - 1bw) 0',\n    'multiline & size=small': '((($size-sm - 1lh) / 2) - 1bw) 0',\n    'multiline & size=large': '((($size-lg - 1lh) / 2) - 1bw) 0',\n  },\n  resize: 'none',\n  userSelect: 'auto',\n\n  Placeholder: {\n    $: '&::placeholder',\n    recipe: 'input-placeholder',\n  },\n  '&::-webkit-search-cancel-button': {\n    recipe: 'input-search-cancel-button',\n  },\n\n  '$vertical-padding': 0,\n  '$left-padding': {\n    '': '(1x - 1bw)',\n    'size=small': '(1x - 1bw)',\n    'size=large': '(1.25x - 1bw)',\n    'size=xlarge': '(1.5x - 1bw)',\n    prefix: '0',\n  },\n  '$right-padding': {\n    '': '(1x - 1bw)',\n    'size=small': '(1x - 1bw)',\n    'size=large': '(1.25x - 1bw)',\n    'size=xlarge': '(1.5x - 1bw)',\n    suffix: '0',\n  },\n};\n\nconst InputElement = tasty({ qa: 'Input', styles: DEFAULT_INPUT_STYLES });\n\nexport interface CubeTextInputBaseProps\n  extends BaseProps,\n    OuterStyleProps,\n    BlockStyleProps,\n    BaseStyleProps,\n    ColorStyleProps,\n    Omit<\n      AriaTextFieldProps<HTMLInputElement | HTMLTextAreaElement>,\n      | 'validate'\n      | 'form'\n      | 'name'\n      | 'errorMessage'\n      | 'onKeyDown'\n      | 'onKeyUp'\n      | 'onFocus'\n      | 'onBlur'\n    >,\n    TextFieldKeyboardProps,\n    FieldBaseProps {\n  validate?: AriaTextFieldProps['validate'] | AriaNumberFieldProps['validate'];\n  onFocus?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /** Left input icon */\n  icon?: ReactElement | null;\n  /** Input decoration before the main input */\n  prefix?: ReactNode;\n  /** Input decoration after the main input */\n  suffix?: ReactNode;\n  /** Suffix position goes before or after the validation and loading statuses */\n  suffixPosition?: 'before' | 'after';\n  /**\n   * Controls placed last in the suffix, after the validation and loading\n   * statuses and after `suffix` whatever its position, such as a popover\n   * trigger.\n   */\n  actions?: ReactNode;\n  /** Whether the input is multiline */\n  multiLine?: boolean;\n  /** Whether the input should have autofocus */\n  autoFocus?: boolean;\n  /** Direct input props */\n  inputProps?: Props;\n  /** Direct input wrapper props */\n  wrapperProps?: Props;\n  /** The input ref */\n  inputRef?: RefObject<HTMLInputElement | HTMLTextAreaElement | null>;\n  /** The wrapper ref */\n  wrapperRef?: RefObject<HTMLDivElement | null>;\n  /** Whether the input has the loading status */\n  isLoading?: boolean;\n  /** The loading status indicator */\n  loadingIndicator?: ReactNode;\n  /** Style map for the input */\n  inputStyles?: Styles;\n  /** The number of rows for the input. Only applies to textarea. */\n  rows?: number;\n  /** The resize CSS property sets whether an element is resizable, and if so, in which directions. */\n  resize?: Styles['resize'];\n  /** The size of the input */\n  size?: 'small' | 'medium' | 'large' | (string & {});\n  /**\n   * What kind of autofill the browser may offer for the input, as the HTML `autocomplete` token\n   * (`email`, `current-password`, `off`, …). See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete).\n   */\n  autoComplete?: string;\n  /**\n   * @deprecated Use `autoComplete` instead. Kept as an alias so existing callers keep working;\n   * `autoComplete` wins when both are set.\n   */\n  autocomplete?: string;\n}\n\n/**\n * Mixed into the fields that actually buffer their value — `TextInput`, `TextArea`,\n * `PasswordInput`, `SearchInput` — rather than declared on `CubeTextInputBaseProps`. Every field\n * built on that base would otherwise inherit the prop, including `NumberInput` and\n * `CommandTextArea`, which keep their own text and ignore it: a public API that accepts a flag and\n * does nothing with it.\n */\nexport interface CubeBufferedValueProps {\n  /**\n   * Whether the typed text is held locally until the controlled `value` catches up. On by default,\n   * which is what keeps the caret in place when the value round-trips through a store that\n   * re-renders a pass late. Set to `false` for a caller that must see the value snap back to its\n   * own `value` prop the instant it declines a keystroke. See `useBufferedValue`.\n   */\n  isBuffered?: boolean;\n}\n\n/**\n * The presentational base for text-like inputs. It renders the input chrome and the field wrapper, but\n * never wires form state — that is the job of the component rendering it (`TextInput`, `TextArea`,\n * `PasswordInput`, `NumberInput`, `SearchInput`, `CommandTextArea`).\n */\nfunction _TextInputBase(props: CubeTextInputBaseProps, ref) {\n  let {\n    qa,\n    mods,\n    isInvalid,\n    isValid,\n    prefix,\n    isDisabled,\n    multiLine,\n    autoFocus,\n    inputProps,\n    wrapperProps,\n    inputRef,\n    isLoading,\n    loadingIndicator,\n    value,\n    inputStyles = {},\n    suffix,\n    suffixPosition = 'before',\n    actions,\n    wrapperRef,\n    rows = 1,\n    size = 'medium',\n    autoComplete,\n    autocomplete,\n    icon,\n    maxLength,\n    minLength,\n    form,\n    resize,\n    ...otherProps\n  } = props;\n\n  let styles = extractStyles(otherProps, PROP_STYLES);\n  let type = otherProps.type;\n\n  if (resize) {\n    inputStyles = { ...inputStyles, resize };\n  }\n\n  let ElementType: 'textarea' | 'input' = multiLine ? 'textarea' : 'input';\n  let { isFocused, focusProps } = useFocus();\n  let { hoverProps, isHovered } = useHover({ isDisabled });\n  let domRef = useRef(null);\n\n  inputRef = useCombinedRefs(inputRef);\n\n  // Expose imperative interface for ref\n  useImperativeHandle(ref, () => ({\n    ...createFocusableRef(domRef, inputRef),\n    select() {\n      if (inputRef?.current) {\n        inputRef.current.select();\n      }\n    },\n    getInputElement() {\n      return inputRef?.current;\n    },\n  }));\n\n  const showValidationIndicator = hasValidationIndicator({\n    isInvalid,\n    isValid,\n    isLoading,\n  });\n\n  // Fix safari bug: https://github.com/philipwalton/flexbugs/issues/270\n  if (!inputProps?.placeholder) {\n    if (!inputProps) {\n      inputProps = {};\n    }\n\n    inputProps.placeholder = ' ';\n  }\n\n  if (icon) {\n    icon = <div data-element=\"InputIcon\">{icon}</div>;\n\n    if (prefix) {\n      prefix = (\n        <>\n          {icon}\n          {prefix}\n        </>\n      );\n    } else {\n      prefix = icon;\n    }\n  }\n\n  const modifiers = useMemo(\n    () => ({\n      ...getValidationMods({ isInvalid, isValid }),\n      loadable: !!loadingIndicator,\n      focused: isFocused,\n      hovered: isHovered,\n      disabled: isDisabled,\n      multiline: multiLine,\n      prefix: !!prefix,\n      suffix: showValidationIndicator || !!suffix || !!actions,\n      ...mods,\n    }),\n    [\n      mods,\n      isInvalid,\n      isValid,\n      showValidationIndicator,\n      loadingIndicator,\n      isFocused,\n      isDisabled,\n      isHovered,\n      multiLine,\n      prefix,\n      suffix,\n      actions,\n    ],\n  );\n\n  // `autoComplete` is the prop; `autocomplete` is the deprecated alias. Falling back to\n  // `inputProps` matters as much as the aliasing: this attribute is applied after the merge, so a\n  // bare `autoComplete={resolved}` would overwrite whatever the React Aria hook put there —\n  // `useNumberField`'s own `off`, or an `inputProps={{ autoComplete }}` passed by the caller — with\n  // `undefined` whenever neither prop is set.\n  const resolvedAutoComplete =\n    autoComplete ?? autocomplete ?? inputProps.autoComplete;\n\n  const hasTextSecurity = multiLine && type === 'password';\n  const textSecurityStyles =\n    hasTextSecurity && inputProps.value?.length\n      ? {\n          fontFamily: 'text-security-disc',\n        }\n      : {};\n\n  const textField = (\n    <InputWrapperElement\n      ref={wrapperRef}\n      mods={modifiers}\n      data-size={size}\n      styles={styles}\n      {...wrapperProps}\n    >\n      {prefix ? <div data-element=\"Prefix\">{prefix}</div> : null}\n      <InputElement\n        qa={qa || 'Input'}\n        as={ElementType}\n        data-input-type=\"textinput\"\n        {...mergeProps(inputProps, focusProps, hoverProps)}\n        ref={inputRef}\n        rows={multiLine ? rows : undefined}\n        mods={modifiers}\n        style={textSecurityStyles}\n        data-autofocus={autoFocus ? '' : undefined}\n        autoFocus={autoFocus}\n        data-size={size}\n        autoComplete={resolvedAutoComplete}\n        styles={inputStyles}\n        disabled={!!isDisabled}\n        maxLength={maxLength}\n        minLength={minLength}\n      />\n      {showValidationIndicator || suffix || actions ? (\n        <div data-element=\"Suffix\">\n          {suffixPosition === 'before' ? suffix : null}\n          <ValidationIndicator\n            isInvalid={isInvalid}\n            isValid={isValid}\n            isLoading={isLoading}\n          />\n          {suffixPosition === 'after' ? suffix : null}\n          {actions}\n        </div>\n      ) : null}\n    </InputWrapperElement>\n  );\n\n  return wrapWithField(textField, domRef, props);\n}\n\nconst TextInputBase = forwardRef(_TextInputBase);\n\nexport { TextInputBase };\nexport type { AriaTextFieldProps };\n"],"mappings":"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"}

package/dist/components/fields/TextInput/useAutoSizeTextArea.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 { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useEffect, useLayoutEffect, useRef } from "react";
 

package/dist/components/fields/TextInputMapper/TextInputMapper.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 } from "../../../utils/react/mergeProps.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/fields/TriggerActions.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 { ItemActionIcon } from "../actions/ItemActionsWrapper.js";
 import { c } from "react-compiler-runtime";
 import { Fragment, jsxs } from "react/jsx-runtime";

package/dist/components/fields/color/ColorPanel.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 { useEvent } from "../../../_internal/hooks/use-event.js";
 import { formatColor, getContrastingColor, toHex } from "./color.js";
 import { CHANNELS, COLOR_SPACES, COLOR_SPACE_HINTS, COLOR_SPACE_LABELS } from "./channels.js";

package/dist/components/fields/color/channels.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 { maxChroma, normalizeHue, oklchToOkhsl } from "../../../utils/colors.js";
 import { fromOkhst, fromRgb, isAchromatic, toHex, toOkhst, toOklch, toRgb } from "./color.js";
 

package/dist/components/fields/color/color.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 { anyNaN, clamp, maxChroma, normalizeHue, oklchToOkhsl, parseColorFunction, readComponent, readHue, rgbFromSrgb } from "../../../utils/colors.js";
 import { contrastRatioFromLuminance, formatHsl, formatOkhsl, formatOkhst, formatOklch, formatRgb, hslToSrgb, okhslToLinearSrgb, okhslToOkhst, okhslToOklch, okhslToSrgb, okhstToOkhsl, parseHexAlpha, relativeLuminanceFromLinearRgb, srgbToHex, srgbToOkhsl } from "@tenphi/glaze";
 

package/dist/components/fields/color/context.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 { createContext, useContext } from "react";
 
 //#region src/components/fields/color/context.ts

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

@@ -37,7 +37,7 @@ import { CubeDateRangePickerProps, _DateRangePicker } from "./DatePicker/DateRan
 import { parseAbsoluteDate } from "./DatePicker/parseDate.js";
 import { CubeDateRangeSeparatedPickerProps, _DateRangeSeparatedPicker } from "./DatePicker/DateRangeSeparatedPicker.js";
 import { PickerType, formatPeriod, getQuarter, getWeekNumber, snapToPeriod } from "./DatePicker/period.js";
-import { CubePeriodPickerProps, _PeriodPicker } from "./DatePicker/PeriodPicker.js";
+import { CubePeriodPickerProps, PeriodPicker } from "./DatePicker/PeriodPicker.js";
 import { CubeMonthPickerProps, _MonthPicker } from "./DatePicker/MonthPicker.js";
 import { CubeQuarterPickerProps, _QuarterPicker } from "./DatePicker/QuarterPicker.js";
 import { CubeYearPickerProps, _YearPicker } from "./DatePicker/YearPicker.js";

package/dist/components/form/FieldWrapper/FieldWrapper.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 } from "../../../utils/react/mergeProps.js";
 import { wrapNodeIfPlain } from "../../../utils/react/wrapNodeIfPlain.js";
 import { isDevEnv } from "../../../utils/is-dev-env.js";

package/dist/components/form/Form/Field.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 } from "../../../utils/react/mergeProps.js";
 import { warn } from "../../../utils/warnings.js";
 import { useValidationProps } from "../validation/use-validation-props.js";

package/dist/components/form/Form/Form.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 } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/form/Form/ModernFormRoot.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 } from "../../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";

package/dist/components/form/Form/ResetButton/ResetButton.d.ts

@@ -7,10 +7,10 @@ import * as react from "react";
 import * as _react_types_shared0 from "@react-types/shared";
 
 //#region src/components/form/Form/ResetButton/ResetButton.d.ts
-interface CubeResetButtonProps<T extends FieldTypes = FieldTypes> extends CubeButtonProps {
+interface CubeResetButtonProps<T extends FieldTypes = FieldTypes> extends Omit<CubeButtonProps, 'form'> {
   form?: CubeFormInstance<T> | FormController<T>;
 }
-declare const _ResetButton: react.ForwardRefExoticComponent<Omit<CubeResetButtonProps<FieldTypes>, "ref"> & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLElement, HTMLElement>>>;
+declare const _ResetButton: react.ForwardRefExoticComponent<CubeResetButtonProps<FieldTypes> & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLElement, HTMLElement>>>;
 //#endregion
 export { CubeResetButtonProps, _ResetButton };
 //# sourceMappingURL=ResetButton.d.ts.map

package/dist/components/form/Form/ResetButton/ResetButton.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 } from "../../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../../_internal/hooks/use-event.js";
 import { useProviderProps } from "../../../../provider.js";

package/dist/components/form/Form/ResetButton/ResetButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResetButton.js","names":["FocusableRef","forwardRef","useEvent","useProviderProps","mergeProps","Button","CubeButtonProps","isModernFormController","useFormProps","ModernResetButton","FieldTypes","CubeFormInstance","FormController","CubeResetButtonProps","form","T","LegacyResetButton","props","Omit","ref","HTMLElement","providerProps","isDisabled","isContextDisabled","otherProps","onPress","setTimeout","resetFields","isSomethingDisabled","isSubmitting","isTouched","ResetButton","$","_c","resolved","t0","t1","LegacyResetButtonWithRef","_ResetButton","displayName"],"sources":["../../../../../src/components/form/Form/ResetButton/ResetButton.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { forwardRef } from 'react';\n\nimport { useEvent } from '../../../../_internal/index';\nimport { useProviderProps } from '../../../../provider';\nimport { mergeProps } from '../../../../utils/react/index';\nimport { Button, CubeButtonProps } from '../../../actions/Button/Button';\nimport { isModernFormController } from '../backend';\nimport { useFormProps } from '../Form';\nimport { ModernResetButton } from '../modern/actions';\nimport { FieldTypes } from '../types';\nimport { CubeFormInstance } from '../use-form';\n\nimport type { FormController } from '../modern/controller';\n\nexport interface CubeResetButtonProps<T extends FieldTypes = FieldTypes>\n  extends CubeButtonProps {\n  form?: CubeFormInstance<T> | FormController<T>;\n}\n\nfunction LegacyResetButton(\n  props: Omit<CubeResetButtonProps, 'form'> & {\n    form?: CubeFormInstance<FieldTypes>;\n  },\n  ref: FocusableRef<HTMLElement>,\n) {\n  'use no memo';\n  // Legacy form state is mutable; preserve its render-time reads until migration.\n\n  const providerProps = useProviderProps({} as CubeButtonProps);\n\n  props = useFormProps(props);\n\n  const { isDisabled: isContextDisabled } = providerProps;\n  const { form, isDisabled, ...otherProps } = props;\n\n  const onPress = useEvent(() => {\n    // Use setTimeout to avoid conflict with onBlur handlers\n    setTimeout(() => {\n      form?.resetFields();\n    });\n  });\n\n  const isSomethingDisabled = isDisabled || isContextDisabled;\n\n  return (\n    <Button\n      ref={ref}\n      type=\"primary\"\n      htmlType=\"reset\"\n      isDisabled={form?.isSubmitting || !form?.isTouched}\n      {...mergeProps(\n        {\n          onPress,\n          isDisabled: isSomethingDisabled\n            ? true\n            : form?.isSubmitting || !form?.isTouched,\n        },\n        otherProps,\n      )}\n    />\n  );\n}\n\nfunction ResetButton(\n  props: CubeResetButtonProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const resolved = useFormProps(props);\n  if (isModernFormController(resolved.form)) {\n    return (\n      <ModernResetButton\n        {...resolved}\n        form={resolved.form as FormController}\n        buttonRef={ref}\n      />\n    );\n  }\n  return (\n    <LegacyResetButtonWithRef\n      {...(props as Omit<CubeResetButtonProps, 'form'> & {\n        form?: CubeFormInstance<FieldTypes>;\n      })}\n      ref={ref}\n    />\n  );\n}\n\nconst LegacyResetButtonWithRef = forwardRef(LegacyResetButton);\nconst _ResetButton = forwardRef(ResetButton);\n\n_ResetButton.displayName = 'ResetButton';\n\nexport { _ResetButton as ResetButton };\n"],"mappings":";;;;;;;;;;;;;AAoBA,SAASgB,kBACPC,OAGAE,KACA;AACA;CAGA,MAAME,gBAAgBlB,iBAAiB,EAAE,CAAoB;AAE7Dc,SAAQT,aAAaS,MAAM;CAE3B,MAAM,EAAEK,YAAYC,sBAAsBF;CAC1C,MAAM,EAAEP,MAAMQ,YAAY,GAAGE,eAAeP;CAE5C,MAAMQ,UAAUvB,eAAe;AAE7BwB,mBAAiB;AACfZ,SAAMa,aAAa;IACnB;GACF;CAEF,MAAMC,sBAAsBN,cAAcC;AAE1C,QACE,oBAAC;EACMJ;EACL,MAAK;EACL,UAAS;EACT,YAAYL,MAAMe,gBAAgB,CAACf,MAAMgB;EACzC,GAAI1B,WACF;GACEqB;GACAH,YAAYM,sBACR,OACAd,MAAMe,gBAAgB,CAACf,MAAMgB;GAClC,EACDN,WACD;GACD;;AAIN,SAAAO,YAAAd,OAAAE,KAAA;CAAA,MAAAa,IAAAC,EAAA,EAAA;CAIE,MAAAC,WAAiB1B,aAAaS,MAAM;AACpC,KAAIV,uBAAuB2B,SAAQpB,KAAM,EAAA;EAI7B,MAAAqB,KAAAD,SAAQpB;EAAuB,IAAAsB;AAAA,MAAAJ,EAAA,OAAAb,OAAAa,EAAA,OAAAE,YAAAF,EAAA,OAAAG,IAAA;AAFvCC,QAAA,oBAAC;IAAiB,GACZF;IACE,MAAAC;IACKhB,WAAAA;KACX;AAAAa,KAAA,KAAAb;AAAAa,KAAA,KAAAE;AAAAF,KAAA,KAAAG;AAAAH,KAAA,KAAAI;QAAAA,MAAAJ,EAAA;AAAA,SAJFI;;CASK,MAAAD,KAAAlB;CAEJ,IAAAmB;AAAA,KAAAJ,EAAA,OAAAb,OAAAa,EAAA,OAAAG,IAAA;AAHHC,OAAA,oBAAC;GAAwB,GAClBD;GAGAhB;IACL;AAAAa,IAAA,KAAAb;AAAAa,IAAA,KAAAG;AAAAH,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;AAAA,QALFI;;AASJ,MAAMC,2BAA2BpC,WAAWe,kBAAkB;AAC9D,MAAMsB,eAAerC,WAAW8B,YAAY;AAE5CO,aAAaC,cAAc"}
+{"version":3,"file":"ResetButton.js","names":["FocusableRef","forwardRef","useEvent","useProviderProps","mergeProps","Button","CubeButtonProps","isModernFormController","useFormProps","ModernResetButton","FieldTypes","CubeFormInstance","FormController","CubeResetButtonProps","Omit","form","T","LegacyResetButton","props","ref","HTMLElement","providerProps","isDisabled","isContextDisabled","otherProps","onPress","setTimeout","resetFields","isSomethingDisabled","isSubmitting","isTouched","ResetButton","$","_c","resolved","t0","t1","LegacyResetButtonWithRef","_ResetButton","displayName"],"sources":["../../../../../src/components/form/Form/ResetButton/ResetButton.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { forwardRef } from 'react';\n\nimport { useEvent } from '../../../../_internal/index';\nimport { useProviderProps } from '../../../../provider';\nimport { mergeProps } from '../../../../utils/react/index';\nimport { Button, CubeButtonProps } from '../../../actions/Button/Button';\nimport { isModernFormController } from '../backend';\nimport { useFormProps } from '../Form';\nimport { ModernResetButton } from '../modern/actions';\nimport { FieldTypes } from '../types';\nimport { CubeFormInstance } from '../use-form';\n\nimport type { FormController } from '../modern/controller';\n\nexport interface CubeResetButtonProps<T extends FieldTypes = FieldTypes>\n  extends Omit<CubeButtonProps, 'form'> {\n  form?: CubeFormInstance<T> | FormController<T>;\n}\n\nfunction LegacyResetButton(\n  props: Omit<CubeResetButtonProps, 'form'> & {\n    form?: CubeFormInstance<FieldTypes>;\n  },\n  ref: FocusableRef<HTMLElement>,\n) {\n  'use no memo';\n  // Legacy form state is mutable; preserve its render-time reads until migration.\n\n  const providerProps = useProviderProps({} as CubeButtonProps);\n\n  props = useFormProps(props);\n\n  const { isDisabled: isContextDisabled } = providerProps;\n  const { form, isDisabled, ...otherProps } = props;\n\n  const onPress = useEvent(() => {\n    // Use setTimeout to avoid conflict with onBlur handlers\n    setTimeout(() => {\n      form?.resetFields();\n    });\n  });\n\n  const isSomethingDisabled = isDisabled || isContextDisabled;\n\n  return (\n    <Button\n      ref={ref}\n      type=\"primary\"\n      htmlType=\"reset\"\n      isDisabled={form?.isSubmitting || !form?.isTouched}\n      {...mergeProps(\n        {\n          onPress,\n          isDisabled: isSomethingDisabled\n            ? true\n            : form?.isSubmitting || !form?.isTouched,\n        },\n        otherProps,\n      )}\n    />\n  );\n}\n\nfunction ResetButton(\n  props: CubeResetButtonProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const resolved = useFormProps(props);\n  if (isModernFormController(resolved.form)) {\n    return (\n      <ModernResetButton\n        {...resolved}\n        form={resolved.form as FormController}\n        buttonRef={ref}\n      />\n    );\n  }\n  return (\n    <LegacyResetButtonWithRef\n      {...(props as Omit<CubeResetButtonProps, 'form'> & {\n        form?: CubeFormInstance<FieldTypes>;\n      })}\n      ref={ref}\n    />\n  );\n}\n\nconst LegacyResetButtonWithRef = forwardRef(LegacyResetButton);\nconst _ResetButton = forwardRef(ResetButton);\n\n_ResetButton.displayName = 'ResetButton';\n\nexport { _ResetButton as ResetButton };\n"],"mappings":";;;;;;;;;;;;;AAoBA,SAASiB,kBACPC,OAGAC,KACA;AACA;CAGA,MAAME,gBAAgBlB,iBAAiB,EAAE,CAAoB;AAE7De,SAAQV,aAAaU,MAAM;CAE3B,MAAM,EAAEI,YAAYC,sBAAsBF;CAC1C,MAAM,EAAEN,MAAMO,YAAY,GAAGE,eAAeN;CAE5C,MAAMO,UAAUvB,eAAe;AAE7BwB,mBAAiB;AACfX,SAAMY,aAAa;IACnB;GACF;CAEF,MAAMC,sBAAsBN,cAAcC;AAE1C,QACE,oBAAC;EACMJ;EACL,MAAK;EACL,UAAS;EACT,YAAYJ,MAAMc,gBAAgB,CAACd,MAAMe;EACzC,GAAI1B,WACF;GACEqB;GACAH,YAAYM,sBACR,OACAb,MAAMc,gBAAgB,CAACd,MAAMe;GAClC,EACDN,WACD;GACD;;AAIN,SAAAO,YAAAb,OAAAC,KAAA;CAAA,MAAAa,IAAAC,EAAA,EAAA;CAIE,MAAAC,WAAiB1B,aAAaU,MAAM;AACpC,KAAIX,uBAAuB2B,SAAQnB,KAAM,EAAA;EAI7B,MAAAoB,KAAAD,SAAQnB;EAAuB,IAAAqB;AAAA,MAAAJ,EAAA,OAAAb,OAAAa,EAAA,OAAAE,YAAAF,EAAA,OAAAG,IAAA;AAFvCC,QAAA,oBAAC;IAAiB,GACZF;IACE,MAAAC;IACKhB,WAAAA;KACX;AAAAa,KAAA,KAAAb;AAAAa,KAAA,KAAAE;AAAAF,KAAA,KAAAG;AAAAH,KAAA,KAAAI;QAAAA,MAAAJ,EAAA;AAAA,SAJFI;;CASK,MAAAD,KAAAjB;CAEJ,IAAAkB;AAAA,KAAAJ,EAAA,OAAAb,OAAAa,EAAA,OAAAG,IAAA;AAHHC,OAAA,oBAAC;GAAwB,GAClBD;GAGAhB;IACL;AAAAa,IAAA,KAAAb;AAAAa,IAAA,KAAAG;AAAAH,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;AAAA,QALFI;;AASJ,MAAMC,2BAA2BpC,WAAWgB,kBAAkB;AAC9D,MAAMqB,eAAerC,WAAW8B,YAAY;AAE5CO,aAAaC,cAAc"}

package/dist/components/form/Form/SubmitButton/SubmitButton.d.ts

@@ -7,12 +7,12 @@ import * as react from "react";
 import * as _react_types_shared0 from "@react-types/shared";
 
 //#region src/components/form/Form/SubmitButton/SubmitButton.d.ts
-interface CubeSubmitButtonProps<T extends FieldTypes = FieldTypes> extends CubeButtonProps {
+interface CubeSubmitButtonProps<T extends FieldTypes = FieldTypes> extends Omit<CubeButtonProps, 'form'> {
   form?: CubeFormInstance<T> | FormController<T>;
   /** Modern forms: disable after validation fails. Defaults to false so submit can show errors. */
   disableOnInvalid?: boolean;
 }
-declare const _SubmitButton: react.ForwardRefExoticComponent<Omit<CubeSubmitButtonProps<FieldTypes>, "ref"> & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLElement, HTMLElement>>>;
+declare const _SubmitButton: react.ForwardRefExoticComponent<CubeSubmitButtonProps<FieldTypes> & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLElement, HTMLElement>>>;
 //#endregion
 export { CubeSubmitButtonProps, _SubmitButton };
 //# sourceMappingURL=SubmitButton.d.ts.map

package/dist/components/form/Form/SubmitButton/SubmitButton.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 { useProviderProps } from "../../../../provider.js";
 import { Button } from "../../../actions/Button/Button.js";
 import { isModernFormController } from "../backend.js";

package/dist/components/form/Form/SubmitButton/SubmitButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubmitButton.js","names":["FocusableRef","forwardRef","useProviderProps","Button","CubeButtonProps","isModernFormController","useFormProps","ModernSubmitButton","FieldTypes","CubeFormInstance","FormController","CubeSubmitButtonProps","form","T","disableOnInvalid","LegacySubmitButton","props","Omit","ref","HTMLElement","providerProps","isDisabled","isContextDisabled","_disableOnInvalid","otherProps","isSomethingDisabled","isSubmitting","isInvalid","SubmitButton","$","_c","resolved","t0","t1","LegacySubmitButtonWithRef","_SubmitButton","displayName"],"sources":["../../../../../src/components/form/Form/SubmitButton/SubmitButton.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { forwardRef } from 'react';\n\nimport { useProviderProps } from '../../../../provider';\nimport { Button, CubeButtonProps } from '../../../actions/Button/Button';\nimport { isModernFormController } from '../backend';\nimport { useFormProps } from '../Form';\nimport { ModernSubmitButton } from '../modern/actions';\nimport { FieldTypes } from '../types';\nimport { CubeFormInstance } from '../use-form';\n\nimport type { FormController } from '../modern/controller';\n\nexport interface CubeSubmitButtonProps<T extends FieldTypes = FieldTypes>\n  extends CubeButtonProps {\n  form?: CubeFormInstance<T> | FormController<T>;\n  /** Modern forms: disable after validation fails. Defaults to false so submit can show errors. */\n  disableOnInvalid?: boolean;\n}\n\nfunction LegacySubmitButton(\n  props: Omit<CubeSubmitButtonProps, 'form'> & {\n    form?: CubeFormInstance<FieldTypes>;\n  },\n  ref: FocusableRef<HTMLElement>,\n) {\n  'use no memo';\n  // Legacy form state is mutable; preserve its render-time reads until migration.\n\n  const providerProps = useProviderProps({} as CubeButtonProps);\n\n  props = useFormProps(props);\n\n  const { isDisabled: isContextDisabled } = providerProps;\n\n  props = useFormProps(props);\n\n  const {\n    form,\n    isDisabled,\n    disableOnInvalid: _disableOnInvalid,\n    ...otherProps\n  } = props;\n  const isSomethingDisabled = isDisabled || isContextDisabled;\n\n  return (\n    <Button\n      ref={ref}\n      type=\"primary\"\n      htmlType=\"submit\"\n      isLoading={form?.isSubmitting}\n      isDisabled={\n        isSomethingDisabled || form?.isSubmitting ? true : form?.isInvalid\n      }\n      {...otherProps}\n    />\n  );\n}\n\nfunction SubmitButton(\n  props: CubeSubmitButtonProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const resolved = useFormProps(props);\n  if (isModernFormController(resolved.form)) {\n    return (\n      <ModernSubmitButton\n        {...resolved}\n        form={resolved.form as FormController}\n        buttonRef={ref}\n      />\n    );\n  }\n  return (\n    <LegacySubmitButtonWithRef\n      {...(props as Omit<CubeSubmitButtonProps, 'form'> & {\n        form?: CubeFormInstance<FieldTypes>;\n      })}\n      ref={ref}\n    />\n  );\n}\n\nconst LegacySubmitButtonWithRef = forwardRef(LegacySubmitButton);\nconst _SubmitButton = forwardRef(SubmitButton);\n\n_SubmitButton.displayName = 'SubmitButton';\n\nexport { _SubmitButton as SubmitButton };\n"],"mappings":";;;;;;;;;;;AAoBA,SAASe,mBACPC,OAGAE,KACA;AACA;CAGA,MAAME,gBAAgBlB,iBAAiB,EAAE,CAAoB;AAE7Dc,SAAQV,aAAaU,MAAM;CAE3B,MAAM,EAAEK,YAAYC,sBAAsBF;AAE1CJ,SAAQV,aAAaU,MAAM;CAE3B,MAAM,EACJJ,MACAS,YACAP,kBAAkBS,mBAClB,GAAGC,eACDR;CACJ,MAAMS,sBAAsBJ,cAAcC;AAE1C,QACE,oBAAC;EACMJ;EACL,MAAK;EACL,UAAS;EACT,WAAWN,MAAMc;EACjB,YACED,uBAAuBb,MAAMc,eAAe,OAAOd,MAAMe;EAE3D,GAAIH;GACJ;;AAIN,SAAAI,aAAAZ,OAAAE,KAAA;CAAA,MAAAW,IAAAC,EAAA,EAAA;CAIE,MAAAC,WAAiBzB,aAAaU,MAAM;AACpC,KAAIX,uBAAuB0B,SAAQnB,KAAM,EAAA;EAI7B,MAAAoB,KAAAD,SAAQnB;EAAuB,IAAAqB;AAAA,MAAAJ,EAAA,OAAAX,OAAAW,EAAA,OAAAE,YAAAF,EAAA,OAAAG,IAAA;AAFvCC,QAAA,oBAAC;IAAkB,GACbF;IACE,MAAAC;IACKd,WAAAA;KACX;AAAAW,KAAA,KAAAX;AAAAW,KAAA,KAAAE;AAAAF,KAAA,KAAAG;AAAAH,KAAA,KAAAI;QAAAA,MAAAJ,EAAA;AAAA,SAJFI;;CASK,MAAAD,KAAAhB;CAEJ,IAAAiB;AAAA,KAAAJ,EAAA,OAAAX,OAAAW,EAAA,OAAAG,IAAA;AAHHC,OAAA,oBAAC;GAAyB,GACnBD;GAGAd;IACL;AAAAW,IAAA,KAAAX;AAAAW,IAAA,KAAAG;AAAAH,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;AAAA,QALFI;;AASJ,MAAMC,4BAA4BjC,WAAWc,mBAAmB;AAChE,MAAMoB,gBAAgBlC,WAAW2B,aAAa;AAE9CO,cAAcC,cAAc"}
+{"version":3,"file":"SubmitButton.js","names":["FocusableRef","forwardRef","useProviderProps","Button","CubeButtonProps","isModernFormController","useFormProps","ModernSubmitButton","FieldTypes","CubeFormInstance","FormController","CubeSubmitButtonProps","Omit","form","T","disableOnInvalid","LegacySubmitButton","props","ref","HTMLElement","providerProps","isDisabled","isContextDisabled","_disableOnInvalid","otherProps","isSomethingDisabled","isSubmitting","isInvalid","SubmitButton","$","_c","resolved","t0","t1","LegacySubmitButtonWithRef","_SubmitButton","displayName"],"sources":["../../../../../src/components/form/Form/SubmitButton/SubmitButton.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { forwardRef } from 'react';\n\nimport { useProviderProps } from '../../../../provider';\nimport { Button, CubeButtonProps } from '../../../actions/Button/Button';\nimport { isModernFormController } from '../backend';\nimport { useFormProps } from '../Form';\nimport { ModernSubmitButton } from '../modern/actions';\nimport { FieldTypes } from '../types';\nimport { CubeFormInstance } from '../use-form';\n\nimport type { FormController } from '../modern/controller';\n\nexport interface CubeSubmitButtonProps<T extends FieldTypes = FieldTypes>\n  extends Omit<CubeButtonProps, 'form'> {\n  form?: CubeFormInstance<T> | FormController<T>;\n  /** Modern forms: disable after validation fails. Defaults to false so submit can show errors. */\n  disableOnInvalid?: boolean;\n}\n\nfunction LegacySubmitButton(\n  props: Omit<CubeSubmitButtonProps, 'form'> & {\n    form?: CubeFormInstance<FieldTypes>;\n  },\n  ref: FocusableRef<HTMLElement>,\n) {\n  'use no memo';\n  // Legacy form state is mutable; preserve its render-time reads until migration.\n\n  const providerProps = useProviderProps({} as CubeButtonProps);\n\n  props = useFormProps(props);\n\n  const { isDisabled: isContextDisabled } = providerProps;\n\n  props = useFormProps(props);\n\n  const {\n    form,\n    isDisabled,\n    disableOnInvalid: _disableOnInvalid,\n    ...otherProps\n  } = props;\n  const isSomethingDisabled = isDisabled || isContextDisabled;\n\n  return (\n    <Button\n      ref={ref}\n      type=\"primary\"\n      htmlType=\"submit\"\n      isLoading={form?.isSubmitting}\n      isDisabled={\n        isSomethingDisabled || form?.isSubmitting ? true : form?.isInvalid\n      }\n      {...otherProps}\n    />\n  );\n}\n\nfunction SubmitButton(\n  props: CubeSubmitButtonProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const resolved = useFormProps(props);\n  if (isModernFormController(resolved.form)) {\n    return (\n      <ModernSubmitButton\n        {...resolved}\n        form={resolved.form as FormController}\n        buttonRef={ref}\n      />\n    );\n  }\n  return (\n    <LegacySubmitButtonWithRef\n      {...(props as Omit<CubeSubmitButtonProps, 'form'> & {\n        form?: CubeFormInstance<FieldTypes>;\n      })}\n      ref={ref}\n    />\n  );\n}\n\nconst LegacySubmitButtonWithRef = forwardRef(LegacySubmitButton);\nconst _SubmitButton = forwardRef(SubmitButton);\n\n_SubmitButton.displayName = 'SubmitButton';\n\nexport { _SubmitButton as SubmitButton };\n"],"mappings":";;;;;;;;;;;AAoBA,SAASgB,mBACPC,OAGAC,KACA;AACA;CAGA,MAAME,gBAAgBlB,iBAAiB,EAAE,CAAoB;AAE7De,SAAQX,aAAaW,MAAM;CAE3B,MAAM,EAAEI,YAAYC,sBAAsBF;AAE1CH,SAAQX,aAAaW,MAAM;CAE3B,MAAM,EACJJ,MACAQ,YACAN,kBAAkBQ,mBAClB,GAAGC,eACDP;CACJ,MAAMQ,sBAAsBJ,cAAcC;AAE1C,QACE,oBAAC;EACMJ;EACL,MAAK;EACL,UAAS;EACT,WAAWL,MAAMa;EACjB,YACED,uBAAuBZ,MAAMa,eAAe,OAAOb,MAAMc;EAE3D,GAAIH;GACJ;;AAIN,SAAAI,aAAAX,OAAAC,KAAA;CAAA,MAAAW,IAAAC,EAAA,EAAA;CAIE,MAAAC,WAAiBzB,aAAaW,MAAM;AACpC,KAAIZ,uBAAuB0B,SAAQlB,KAAM,EAAA;EAI7B,MAAAmB,KAAAD,SAAQlB;EAAuB,IAAAoB;AAAA,MAAAJ,EAAA,OAAAX,OAAAW,EAAA,OAAAE,YAAAF,EAAA,OAAAG,IAAA;AAFvCC,QAAA,oBAAC;IAAkB,GACbF;IACE,MAAAC;IACKd,WAAAA;KACX;AAAAW,KAAA,KAAAX;AAAAW,KAAA,KAAAE;AAAAF,KAAA,KAAAG;AAAAH,KAAA,KAAAI;QAAAA,MAAAJ,EAAA;AAAA,SAJFI;;CASK,MAAAD,KAAAf;CAEJ,IAAAgB;AAAA,KAAAJ,EAAA,OAAAX,OAAAW,EAAA,OAAAG,IAAA;AAHHC,OAAA,oBAAC;GAAyB,GACnBD;GAGAd;IACL;AAAAW,IAAA,KAAAX;AAAAW,IAAA,KAAAG;AAAAH,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;AAAA,QALFI;;AASJ,MAAMC,4BAA4BjC,WAAWe,mBAAmB;AAChE,MAAMmB,gBAAgBlC,WAAW2B,aAAa;AAE9CO,cAAcC,cAAc"}

package/dist/components/form/Form/SubmitError.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 { ModernControllerContext } from "./modern/context.js";
 import { FormContext } from "./Form.js";

package/dist/components/form/Form/backend.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 */
 //#region src/components/form/Form/backend.ts
 /**
 * Nominal branding for the two Form backends (modernization plan §5.1).