@cube-dev/ui-kit 0.202.0 → 0.204.0

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { getDisabledElementProps, getInertInputProps } from "../../../utils/react/disabledProps.js";
 import { mergeRefs as mergeRefs$1, useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
@@ -31,6 +31,10 @@ const ADD_STYLES = {
 		disabled: "$disabled-opacity"
 	}
 };
+const INPUT_RADIUS = {
+	"": true,
+	"shape=plain": 0
+};
 const INPUT_WRAPPER_STYLES = {
 	display: "grid",
 	flow: "row",
@@ -52,16 +56,20 @@ const INPUT_WRAPPER_STYLES = {
 		"": true,
 		readonly: "#border.5",
 		"readonly & @hc": true,
+		"shape=plain": "#clear",
+		"shape=plain & @hc": true,
 		valid: "#success-text.50",
 		invalid: "#danger-text.50",
 		focused: "#primary-text",
 		"valid & focused": "#success-text",
 		"invalid & focused": "#danger-text",
 		disabled: true,
+		"disabled & shape=plain": "#clear",
+		"disabled & shape=plain & @hc": true,
 		"disabled & focused": "#primary-text"
 	},
 	preset: "t3",
-	radius: true,
+	radius: INPUT_RADIUS,
 	cursor: "text",
 	color: {
 		"": "#dark-02",
@@ -119,7 +127,7 @@ const DEFAULT_INPUT_STYLES = {
 	placeSelf: "stretch",
 	width: "initial 100% 100%",
 	transition: "theme",
-	radius: true,
+	radius: INPUT_RADIUS,
 	padding: "$vertical-padding $right-padding $vertical-padding $left-padding",
 	textAlign: "left",
 	preset: "t3",
@@ -189,39 +197,40 @@ function preventPointerFocus(event) {
 * `PasswordInput`, `NumberInput`, `SearchInput`, `CommandTextArea`).
 */
 function TextInputBase(props, ref) {
-	const $ = c(27);
-	let { qa, mods, isInvalid, isValid, prefix: t0, isDisabled, isReadOnly, multiLine, autoFocus, inputProps: t1, wrapperProps, inputRef: t2, isLoading, loadingIndicator, value, inputStyles: t3, suffix, suffixPosition: t4, actions, wrapperRef, rows, size: t5, autoComplete, autocomplete, icon, maxLength, minLength, form, resize, tooltip, ...otherProps } = props;
+	const $ = c(28);
+	let { qa, mods, isInvalid, isValid, prefix: t0, isDisabled, isReadOnly, multiLine, autoFocus, inputProps: t1, wrapperProps, inputRef: t2, isLoading, loadingIndicator, value, inputStyles: t3, suffix, suffixPosition: t4, actions, wrapperRef, rows, size: t5, shape: t6, autoComplete, autocomplete, icon, maxLength, minLength, form, resize, tooltip, children, ...otherProps } = props;
 	let prefix = t0;
 	let inputProps = t1;
 	let inputRef = t2;
 	let inputStyles = t3 === void 0 ? {} : t3;
 	const suffixPosition = t4 === void 0 ? "before" : t4;
 	const size = t5 === void 0 ? "medium" : t5;
+	const shape = t6 === void 0 ? "default" : t6;
 	const { styles, field } = splitFieldLayout(props, { fillHeightOnFlex: !!multiLine });
 	const type = otherProps.type;
 	if (resize) inputStyles = mergeStyles(inputStyles, { resize });
 	const ElementType = multiLine ? "textarea" : "input";
 	const { isFocused, focusProps } = useFocus$1();
-	const t6 = isDisabled || isReadOnly;
-	let t7;
-	if ($[0] !== t6) {
-		t7 = { isDisabled: t6 };
-		$[0] = t6;
-		$[1] = t7;
-	} else t7 = $[1];
-	const { hoverProps, isHovered } = useHover(t7);
+	const t7 = isDisabled || isReadOnly;
+	let t8;
+	if ($[0] !== t7) {
+		t8 = { isDisabled: t7 };
+		$[0] = t7;
+		$[1] = t8;
+	} else t8 = $[1];
+	const { hoverProps, isHovered } = useHover(t8);
 	const domRef = useObjectRef(wrapperRef);
 	inputRef = useCombinedRefs(inputRef);
-	let t8;
+	let t9;
 	if ($[2] !== tooltip) {
-		t8 = {
+		t9 = {
 			tooltip,
 			children: null
 		};
 		$[2] = tooltip;
-		$[3] = t8;
-	} else t8 = $[3];
-	const { renderWithTooltip, isTooltipActive } = useAutoTooltip(t8);
+		$[3] = t9;
+	} else t9 = $[3];
+	const { renderWithTooltip, isTooltipActive } = useAutoTooltip(t9);
 	useImperativeHandle(ref, () => ({
 		...createFocusableRef(domRef, inputRef),
 		select() {
@@ -231,9 +240,9 @@ function TextInputBase(props, ref) {
 			return inputRef?.current;
 		}
 	}));
-	let t9;
+	let t10;
 	if ($[4] !== isInvalid || $[5] !== isLoading || $[6] !== isValid) {
-		t9 = hasValidationIndicator({
+		t10 = hasValidationIndicator({
 			isInvalid,
 			isValid,
 			isLoading
@@ -241,53 +250,54 @@ function TextInputBase(props, ref) {
 		$[4] = isInvalid;
 		$[5] = isLoading;
 		$[6] = isValid;
-		$[7] = t9;
-	} else t9 = $[7];
-	const showValidationIndicator = t9;
+		$[7] = t10;
+	} else t10 = $[7];
+	const showValidationIndicator = t10;
 	if (!inputProps?.placeholder) {
 		if (!inputProps) inputProps = {};
 		inputProps.placeholder = " ";
 	}
 	if (icon) {
-		let t10;
+		let t11;
 		if ($[8] !== icon) {
-			t10 = /* @__PURE__ */ jsx("div", {
+			t11 = /* @__PURE__ */ jsx("div", {
 				"data-element": "InputIcon",
 				children: icon
 			});
 			$[8] = icon;
-			$[9] = t10;
-		} else t10 = $[9];
-		icon = t10;
+			$[9] = t11;
+		} else t11 = $[9];
+		icon = t11;
 		if (prefix) prefix = /* @__PURE__ */ jsxs(Fragment$1, { children: [icon, prefix] });
 		else prefix = icon;
 	}
-	let t10;
+	let t11;
 	if ($[10] !== isInvalid || $[11] !== isValid) {
-		t10 = getValidationMods({
+		t11 = getValidationMods({
 			isInvalid,
 			isValid
 		});
 		$[10] = isInvalid;
 		$[11] = isValid;
-		$[12] = t10;
-	} else t10 = $[12];
-	const t11 = !!loadingIndicator;
-	const t12 = !!isReadOnly;
-	const t13 = !!prefix;
-	const t14 = showValidationIndicator || !!suffix || !!actions;
-	let t15;
-	if ($[13] !== isDisabled || $[14] !== isFocused || $[15] !== isHovered || $[16] !== mods || $[17] !== multiLine || $[18] !== t10 || $[19] !== t11 || $[20] !== t12 || $[21] !== t13 || $[22] !== t14) {
-		t15 = {
-			...t10,
-			loadable: t11,
+		$[12] = t11;
+	} else t11 = $[12];
+	const t12 = !!loadingIndicator;
+	const t13 = !!isReadOnly;
+	const t14 = !!prefix;
+	const t15 = showValidationIndicator || !!suffix || !!actions;
+	let t16;
+	if ($[13] !== isDisabled || $[14] !== isFocused || $[15] !== isHovered || $[16] !== mods || $[17] !== multiLine || $[18] !== shape || $[19] !== t11 || $[20] !== t12 || $[21] !== t13 || $[22] !== t14 || $[23] !== t15) {
+		t16 = {
+			...t11,
+			loadable: t12,
 			focused: isFocused,
 			hovered: isHovered,
 			disabled: isDisabled,
-			readonly: t12,
+			readonly: t13,
 			multiline: multiLine,
-			prefix: t13,
-			suffix: t14,
+			prefix: t14,
+			suffix: t15,
+			shape,
 			...mods
 		};
 		$[13] = isDisabled;
@@ -295,30 +305,31 @@ function TextInputBase(props, ref) {
 		$[15] = isHovered;
 		$[16] = mods;
 		$[17] = multiLine;
-		$[18] = t10;
+		$[18] = shape;
 		$[19] = t11;
 		$[20] = t12;
 		$[21] = t13;
 		$[22] = t14;
 		$[23] = t15;
-	} else t15 = $[23];
-	const modifiers = t15;
+		$[24] = t16;
+	} else t16 = $[24];
+	const modifiers = t16;
 	const resolvedAutoComplete = autoComplete ?? autocomplete ?? inputProps.autoComplete;
 	const resolvedAutoFocus = autoFocus ?? inputProps.autoFocus;
 	const textSecurityStyles = multiLine && type === "password" && inputProps.value?.length ? { fontFamily: "text-security-disc" } : {};
 	const isInputDisabled = !!(isDisabled ?? inputProps.disabled);
-	let t16;
-	if ($[24] !== isInputDisabled || $[25] !== isTooltipActive) {
-		t16 = getDisabledElementProps({
+	let t17;
+	if ($[25] !== isInputDisabled || $[26] !== isTooltipActive) {
+		t17 = getDisabledElementProps({
 			isDisabled: isInputDisabled,
 			keepEvents: isTooltipActive,
 			as: "input"
 		});
-		$[24] = isInputDisabled;
-		$[25] = isTooltipActive;
-		$[26] = t16;
-	} else t16 = $[26];
-	const { isInert } = t16;
+		$[25] = isInputDisabled;
+		$[26] = isTooltipActive;
+		$[27] = t17;
+	} else t17 = $[27];
+	const { isInert } = t17;
 	let ownInputProps = mergeProps$1(inputProps, focusProps, hoverProps);
 	if (isInert) ownInputProps = mergeProps$1(getInertInputProps(mergeProps$1({
 		...inputProps,
@@ -359,6 +370,7 @@ function TextInputBase(props, ref) {
 					maxLength: maxLength ?? inputProps.maxLength,
 					minLength: minLength ?? inputProps.minLength
 				}),
+				children,
 				showValidationIndicator || suffix || actions ? /* @__PURE__ */ jsxs("div", {
 					"data-element": "Suffix",
 					children: [

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

@@ -1 +1 @@
-{"version":3,"file":"TextInputBase.js","names":["useObjectRef","createFocusableRef","BaseProps","mergeStyles","Styles","tasty","FocusEventHandler","forwardRef","MouseEvent","ReactElement","ReactNode","RefObject","useImperativeHandle","AriaNumberFieldProps","AriaTextFieldProps","useHover","FieldBaseProps","TextFieldKeyboardProps","mergeProps","mergeRefs","useCombinedRefs","getDisabledElementProps","getInertInputProps","useFocus","useAutoTooltip","getValidationMods","hasValidationIndicator","ValidationIndicator","wrapWithField","FieldLayoutStyleProps","splitFieldLayout","mergeTooltipFocusProps","splitTooltipTriggerProps","Props","CubeTooltipProviderProps","ADD_STYLES","$","display","placeContent","placeItems","gridRows","flow","gap","cursor","opacity","disabled","INPUT_WRAPPER_STYLES","position","gridColumns","prefix","suffix","fill","readonly","border","valid","invalid","focused","preset","radius","color","zIndex","boxSizing","transition","backgroundClip","height","multiline","$size","Prefix","Suffix","State","InputIcon","width","fontSize","ValidationIcon","InputWrapperElement","qa","styles","DEFAULT_INPUT_STYLES","recipe","placeSelf","padding","textAlign","flexGrow","margin","resize","userSelect","Placeholder","InputElement","INTERACTIVE_ELEMENTS","focusInputOnBoxPress","event","HTMLElement","input","HTMLInputElement","HTMLTextAreaElement","button","defaultPrevented","getAttribute","box","currentTarget","target","Element","contains","interactive","closest","preventDefault","focus","preventPointerFocus","CubeTextInputBaseProps","Omit","validate","onFocus","onBlur","icon","suffixPosition","actions","multiLine","autoFocus","inputProps","wrapperProps","inputRef","wrapperRef","HTMLDivElement","isLoading","loadingIndicator","inputStyles","rows","size","autoComplete","autocomplete","tooltip","CubeBufferedValueProps","isBuffered","TextInputBase","props","ref","_c","mods","isInvalid","isValid","t0","isDisabled","isReadOnly","t1","t2","value","t3","t4","t5","maxLength","minLength","form","otherProps","undefined","field","fillHeightOnFlex","type","ElementType","isFocused","focusProps","t6","t7","hoverProps","isHovered","domRef","t8","children","renderWithTooltip","isTooltipActive","select","current","getInputElement","t9","showValidationIndicator","placeholder","t10","t11","t12","t13","t14","t15","loadable","hovered","modifiers","resolvedAutoComplete","resolvedAutoFocus","hasTextSecurity","textSecurityStyles","length","fontFamily","isInputDisabled","t16","keepEvents","as","isInert","ownInputProps","excludeFromTabOrder","readOnly","onMouseDown","textField","tooltipTriggerProps","tooltipRef","pointerProps","tooltipFocusProps","labelProps","htmlFor","for","_TextInputBase","_c","useFocus","mergeProps","mergeRefs"],"sources":["../../../../src/components/fields/TextInput/TextInputBase.tsx"],"sourcesContent":["import { useObjectRef } from '@react-aria/utils';\nimport { createFocusableRef } from '@react-spectrum/utils';\nimport { BaseProps, mergeStyles, Styles, tasty } from '@tenphi/tasty';\nimport {\n  FocusEventHandler,\n  forwardRef,\n  MouseEvent,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useImperativeHandle,\n} from 'react';\nimport { AriaNumberFieldProps, AriaTextFieldProps, useHover } from 'react-aria';\n\nimport { FieldBaseProps, TextFieldKeyboardProps } from '../../../shared';\nimport { mergeProps, mergeRefs, useCombinedRefs } from '../../../utils/react';\nimport {\n  getDisabledElementProps,\n  getInertInputProps,\n} from '../../../utils/react/disabledProps';\nimport { useFocus } from '../../../utils/react/interactions';\nimport { useAutoTooltip } from '../../content/use-auto-tooltip';\nimport {\n  getValidationMods,\n  hasValidationIndicator,\n  ValidationIndicator,\n  wrapWithField,\n} from '../../form';\nimport {\n  FieldLayoutStyleProps,\n  splitFieldLayout,\n} from '../../form/field-layout';\nimport {\n  mergeTooltipFocusProps,\n  splitTooltipTriggerProps,\n} from '../../overlays/Tooltip/split-trigger-props';\n\nimport type { Props } from '../../../props';\nimport type { CubeTooltipProviderProps } from '../../overlays/Tooltip/TooltipProvider';\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    readonly: '#surface-2',\n    disabled: '#disabled-surface',\n  },\n  border: {\n    '': true,\n    readonly: '#border.5',\n    // High contrast keeps the full outline it raises for every field.\n    'readonly & @hc': 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    // Only an input kept focusable for its tooltip is focused while disabled,\n    // and only from the keyboard: the pointer can't focus it.\n    'disabled & focused': '#primary-text',\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\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  // The browser's own for a disabled input, which an input kept focusable for\n  // its tooltip doesn't get: it is read-only, not natively disabled.\n  cursor: {\n    '': 'text',\n    disabled: 'default',\n  },\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\nconst INTERACTIVE_ELEMENTS =\n  'a[href], button, input, select, textarea, [tabindex], [contenteditable]';\n\n/**\n * A press inside the field box but outside the input — the prefix or suffix area, an icon, a\n * textarea's margins — focuses the input, as a press anywhere in a native field does. Presses on\n * the input itself and on interactive children, such as a clear button or the steppers, stay\n * theirs.\n */\nfunction focusInputOnBoxPress(\n  event: MouseEvent<HTMLElement>,\n  input: HTMLInputElement | HTMLTextAreaElement | null | undefined,\n) {\n  if (event.button !== 0 || event.defaultPrevented) return;\n  // An input kept focusable for its tooltip is still disabled to the pointer.\n  if (\n    !input ||\n    input.disabled ||\n    input.getAttribute('aria-disabled') === 'true'\n  ) {\n    return;\n  }\n\n  const box = event.currentTarget;\n  const target = event.target as Element;\n\n  // React bubbles presses from a portal (a popover opened from a field action)\n  // through the box; those belong to the portal.\n  if (!box.contains(target)) return;\n\n  const interactive = target.closest(INTERACTIVE_ELEMENTS);\n\n  if (interactive && box.contains(interactive)) return;\n\n  // The default action would move focus to the press target first, blurring the input.\n  event.preventDefault();\n  input.focus();\n}\n\n/** A press doesn't focus a natively disabled input, so it doesn't focus an inert one either. */\nfunction preventPointerFocus(event: MouseEvent<HTMLElement>) {\n  event.preventDefault();\n}\n\nexport interface CubeTextInputBaseProps\n  extends\n    BaseProps,\n    FieldLayoutStyleProps,\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  /**\n   * Direct input props. The explicit props above (`isDisabled`, `maxLength`, `minLength`,\n   * `autoFocus`, `rows`, `autoComplete`) win over the same attributes here when they are set; an\n   * unset one leaves the value given here in place.\n   */\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  /** Rendered in place of the default loading icon while `isLoading` is set */\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   * The input's own tooltip: a short hint, such as what the value means or defaults to, or why the\n   * field is disabled. It opens on hover over the field box and on keyboard focus, and describes\n   * the input. A disabled input with a tooltip stays focusable, so the keyboard reaches it too. A\n   * string, or `TooltipProvider` props (`title`, `placement`, …). Never the field's name, an error\n   * or anything needed to fill the field in: touch users don't see it. The info badge next to a\n   * field label is `labelTooltip`.\n   */\n  tooltip?: string | Omit<CubeTooltipProviderProps, 'children'>;\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    isReadOnly,\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,\n    size = 'medium',\n    autoComplete,\n    autocomplete,\n    icon,\n    maxLength,\n    minLength,\n    form,\n    resize,\n    tooltip,\n    ...otherProps\n  } = props;\n\n  // A text area grows with its flex line when bare, so it fills a field\n  // sized by flex props too.\n  const { styles, field } = splitFieldLayout(props, {\n    fillHeightOnFlex: !!multiLine,\n  });\n  let type = otherProps.type;\n\n  if (resize) {\n    // oxlint-disable-next-line tasty/no-runtime-styles-mutation -- forwards the consumer's `resize` prop\n    inputStyles = mergeStyles(inputStyles, { resize });\n  }\n\n  let ElementType: 'textarea' | 'input' = multiLine ? 'textarea' : 'input';\n  let { isFocused, focusProps } = useFocus();\n  // A read-only field takes no hover state: nothing it could change would follow.\n  let { hoverProps, isHovered } = useHover({\n    isDisabled: isDisabled || isReadOnly,\n  });\n  // The input box, with or without the field chrome, so the field's ref never\n  // resolves to `null`; `wrapperRef` reaches the same element.\n  let domRef = useObjectRef(wrapperRef);\n\n  inputRef = useCombinedRefs(inputRef);\n\n  let { renderWithTooltip, isTooltipActive } = useAutoTooltip({\n    tooltip,\n    children: null,\n  });\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 = {\n    ...getValidationMods({ isInvalid, isValid }),\n    loadable: !!loadingIndicator,\n    focused: isFocused,\n    hovered: isHovered,\n    disabled: isDisabled,\n    readonly: !!isReadOnly,\n    multiline: multiLine,\n    prefix: !!prefix,\n    suffix: showValidationIndicator || !!suffix || !!actions,\n    ...mods,\n  };\n\n  // The explicit props win when they are set; an unset one falls back to the merged `inputProps`\n  // instead of overwriting it with `undefined`. For `autoComplete` that keeps both a caller's\n  // `inputProps={{ autoComplete }}` and `useNumberField`'s own `off`. `autocomplete` is the\n  // deprecated alias.\n  const resolvedAutoComplete =\n    autoComplete ?? autocomplete ?? inputProps.autoComplete;\n  const resolvedAutoFocus = autoFocus ?? inputProps.autoFocus;\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 isInputDisabled = !!(isDisabled ?? inputProps.disabled);\n\n  // A disabled input with a tooltip keeps its focus, as `Checkbox` and `Switch` do: the tooltip is\n  // usually the reason it is disabled, and focus is how the keyboard opens it. It is\n  // `aria-disabled` and read-only instead, and the pointer still can't focus it.\n  const { isInert } = getDisabledElementProps({\n    isDisabled: isInputDisabled,\n    keepEvents: isTooltipActive,\n    as: 'input',\n  });\n\n  let ownInputProps = mergeProps(inputProps, focusProps, hoverProps);\n\n  if (isInert) {\n    ownInputProps = mergeProps(\n      getInertInputProps(\n        mergeProps(\n          // The field's own focus handlers never run on a natively disabled input, and\n          // `useNumberField` commits on blur: it would round a value the user can't edit.\n          { ...inputProps, onFocus: undefined, onBlur: undefined },\n          focusProps,\n          hoverProps,\n        ),\n        { excludeFromTabOrder: props.excludeFromTabOrder },\n      ),\n      { readOnly: true, onMouseDown: preventPointerFocus },\n    );\n  }\n\n  // The field box takes the tooltip's hover side and positions it, so it\n  // covers the prefix, suffix and steppers and never the text being typed. The\n  // input, where keyboard focus lands, takes the focus side. The box keeps the\n  // field's ref, which `wrapperRef` also reaches.\n  const textField = renderWithTooltip((tooltipTriggerProps, tooltipRef) => {\n    const { pointerProps, focusProps: tooltipFocusProps } =\n      splitTooltipTriggerProps(tooltipTriggerProps);\n\n    return (\n      <InputWrapperElement\n        ref={tooltipRef ? mergeRefs(domRef, tooltipRef) : domRef}\n        mods={modifiers}\n        data-size={size}\n        styles={styles}\n        {...mergeProps(wrapperProps, pointerProps, {\n          onMouseDown: (event: MouseEvent<HTMLElement>) =>\n            focusInputOnBoxPress(event, inputRef?.current),\n        })}\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          {...mergeTooltipFocusProps(ownInputProps, tooltipFocusProps)}\n          ref={inputRef}\n          rows={multiLine ? (rows ?? inputProps.rows ?? 1) : inputProps.rows}\n          mods={modifiers}\n          // oxlint-disable-next-line tasty/no-style-prop -- `preset` owns font-family, and a `fontFamily` state map would replace the preset's in every state\n          style={textSecurityStyles}\n          {...(resolvedAutoFocus ? { 'data-autofocus': '' } : undefined)}\n          autoFocus={resolvedAutoFocus}\n          data-size={size}\n          autoComplete={resolvedAutoComplete}\n          styles={inputStyles}\n          disabled={isInputDisabled && !isInert}\n          maxLength={maxLength ?? inputProps.maxLength}\n          minLength={minLength ?? inputProps.minLength}\n        />\n        {showValidationIndicator || suffix || actions ? (\n          <div data-element=\"Suffix\">\n            {suffixPosition === 'before' ? suffix : null}\n            {isLoading && loadingIndicator ? (\n              <div data-element=\"State\">{loadingIndicator}</div>\n            ) : (\n              <ValidationIndicator\n                isInvalid={isInvalid}\n                isValid={isValid}\n                isLoading={isLoading}\n              />\n            )}\n            {suffixPosition === 'after' ? suffix : null}\n            {actions}\n          </div>\n        ) : null}\n      </InputWrapperElement>\n    );\n  }, 'top');\n\n  // `renderWithTooltip` is typed for any node; here it returns an element.\n  // `tooltip` is the input's own, not the legacy spelling of `labelTooltip`.\n  return wrapWithField(textField as ReactElement, {\n    ...props,\n    ...field,\n    tooltip: undefined,\n    // A click on its label doesn't focus a natively disabled input either. The input keeps its\n    // name through `aria-labelledby`.\n    ...(isInert\n      ? {\n          labelProps: {\n            ...props.labelProps,\n            htmlFor: undefined,\n            for: undefined,\n          },\n        }\n      : null),\n  });\n}\n\nconst _TextInputBase = forwardRef(TextInputBase);\n\nexport { _TextInputBase as TextInputBase };\nexport type { AriaTextFieldProps };\n"],"mappings":"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"}
+{"version":3,"file":"TextInputBase.js","names":["useObjectRef","createFocusableRef","BaseProps","mergeStyles","Styles","tasty","FocusEventHandler","forwardRef","MouseEvent","ReactElement","ReactNode","RefObject","useImperativeHandle","AriaNumberFieldProps","AriaTextFieldProps","useHover","FieldBaseProps","TextFieldKeyboardProps","mergeProps","mergeRefs","useCombinedRefs","getDisabledElementProps","getInertInputProps","useFocus","useAutoTooltip","getValidationMods","hasValidationIndicator","ValidationIndicator","wrapWithField","FieldLayoutStyleProps","splitFieldLayout","mergeTooltipFocusProps","splitTooltipTriggerProps","Props","CubeTooltipProviderProps","ADD_STYLES","$","display","placeContent","placeItems","gridRows","flow","gap","cursor","opacity","disabled","INPUT_RADIUS","INPUT_WRAPPER_STYLES","position","gridColumns","prefix","suffix","fill","readonly","border","valid","invalid","focused","preset","radius","color","zIndex","boxSizing","transition","backgroundClip","height","multiline","$size","Prefix","Suffix","State","InputIcon","width","fontSize","ValidationIcon","InputWrapperElement","qa","styles","DEFAULT_INPUT_STYLES","recipe","placeSelf","padding","textAlign","flexGrow","margin","resize","userSelect","Placeholder","InputElement","INTERACTIVE_ELEMENTS","focusInputOnBoxPress","event","HTMLElement","input","HTMLInputElement","HTMLTextAreaElement","button","defaultPrevented","getAttribute","box","currentTarget","target","Element","contains","interactive","closest","preventDefault","focus","preventPointerFocus","CubeTextInputBaseProps","Omit","validate","onFocus","onBlur","icon","suffixPosition","actions","multiLine","autoFocus","inputProps","wrapperProps","inputRef","wrapperRef","HTMLDivElement","isLoading","loadingIndicator","inputStyles","rows","size","shape","autoComplete","autocomplete","tooltip","CubeBufferedValueProps","isBuffered","TextInputBase","props","ref","_c","mods","isInvalid","isValid","t0","isDisabled","isReadOnly","t1","t2","value","t3","t4","t5","t6","maxLength","minLength","form","children","otherProps","undefined","field","fillHeightOnFlex","type","ElementType","isFocused","focusProps","t7","t8","hoverProps","isHovered","domRef","t9","renderWithTooltip","isTooltipActive","select","current","getInputElement","t10","showValidationIndicator","placeholder","t11","t12","t13","t14","t15","t16","loadable","hovered","modifiers","resolvedAutoComplete","resolvedAutoFocus","hasTextSecurity","textSecurityStyles","length","fontFamily","isInputDisabled","t17","keepEvents","as","isInert","ownInputProps","excludeFromTabOrder","readOnly","onMouseDown","textField","tooltipTriggerProps","tooltipRef","pointerProps","tooltipFocusProps","labelProps","htmlFor","for","_TextInputBase","_c","useFocus","mergeProps","mergeRefs"],"sources":["../../../../src/components/fields/TextInput/TextInputBase.tsx"],"sourcesContent":["import { useObjectRef } from '@react-aria/utils';\nimport { createFocusableRef } from '@react-spectrum/utils';\nimport { BaseProps, mergeStyles, Styles, tasty } from '@tenphi/tasty';\nimport {\n  FocusEventHandler,\n  forwardRef,\n  MouseEvent,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useImperativeHandle,\n} from 'react';\nimport { AriaNumberFieldProps, AriaTextFieldProps, useHover } from 'react-aria';\n\nimport { FieldBaseProps, TextFieldKeyboardProps } from '../../../shared';\nimport { mergeProps, mergeRefs, useCombinedRefs } from '../../../utils/react';\nimport {\n  getDisabledElementProps,\n  getInertInputProps,\n} from '../../../utils/react/disabledProps';\nimport { useFocus } from '../../../utils/react/interactions';\nimport { useAutoTooltip } from '../../content/use-auto-tooltip';\nimport {\n  getValidationMods,\n  hasValidationIndicator,\n  ValidationIndicator,\n  wrapWithField,\n} from '../../form';\nimport {\n  FieldLayoutStyleProps,\n  splitFieldLayout,\n} from '../../form/field-layout';\nimport {\n  mergeTooltipFocusProps,\n  splitTooltipTriggerProps,\n} from '../../overlays/Tooltip/split-trigger-props';\n\nimport type { Props } from '../../../props';\nimport type { CubeTooltipProviderProps } from '../../overlays/Tooltip/TooltipProvider';\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\n// The field box and its input share the corners: a plain box is square.\nconst INPUT_RADIUS = {\n  '': true,\n  'shape=plain': 0,\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    readonly: '#surface-2',\n    disabled: '#disabled-surface',\n  },\n  border: {\n    '': true,\n    readonly: '#border.5',\n    // High contrast keeps the full outline it raises for every field.\n    'readonly & @hc': true,\n    // A plain field sits flush in a container that draws its edges. Its border\n    // keeps its width, so nothing shifts, and shows only to mark focus or\n    // validity, and in high contrast.\n    'shape=plain': '#clear',\n    'shape=plain & @hc': 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    'disabled & shape=plain': '#clear',\n    'disabled & shape=plain & @hc': true,\n    // Only an input kept focusable for its tooltip is focused while disabled,\n    // and only from the keyboard: the pointer can't focus it.\n    'disabled & focused': '#primary-text',\n  },\n  preset: 't3',\n  radius: INPUT_RADIUS,\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\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: INPUT_RADIUS,\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  // The browser's own for a disabled input, which an input kept focusable for\n  // its tooltip doesn't get: it is read-only, not natively disabled.\n  cursor: {\n    '': 'text',\n    disabled: 'default',\n  },\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\nconst INTERACTIVE_ELEMENTS =\n  'a[href], button, input, select, textarea, [tabindex], [contenteditable]';\n\n/**\n * A press inside the field box but outside the input — the prefix or suffix area, an icon, a\n * textarea's margins — focuses the input, as a press anywhere in a native field does. Presses on\n * the input itself and on interactive children, such as a clear button or the steppers, stay\n * theirs.\n */\nfunction focusInputOnBoxPress(\n  event: MouseEvent<HTMLElement>,\n  input: HTMLInputElement | HTMLTextAreaElement | null | undefined,\n) {\n  if (event.button !== 0 || event.defaultPrevented) return;\n  // An input kept focusable for its tooltip is still disabled to the pointer.\n  if (\n    !input ||\n    input.disabled ||\n    input.getAttribute('aria-disabled') === 'true'\n  ) {\n    return;\n  }\n\n  const box = event.currentTarget;\n  const target = event.target as Element;\n\n  // React bubbles presses from a portal (a popover opened from a field action)\n  // through the box; those belong to the portal.\n  if (!box.contains(target)) return;\n\n  const interactive = target.closest(INTERACTIVE_ELEMENTS);\n\n  if (interactive && box.contains(interactive)) return;\n\n  // The default action would move focus to the press target first, blurring the input.\n  event.preventDefault();\n  input.focus();\n}\n\n/** A press doesn't focus a natively disabled input, so it doesn't focus an inert one either. */\nfunction preventPointerFocus(event: MouseEvent<HTMLElement>) {\n  event.preventDefault();\n}\n\nexport interface CubeTextInputBaseProps\n  extends\n    BaseProps,\n    FieldLayoutStyleProps,\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  /**\n   * Direct input props. The explicit props above (`isDisabled`, `maxLength`, `minLength`,\n   * `autoFocus`, `rows`, `autoComplete`) win over the same attributes here when they are set; an\n   * unset one leaves the value given here in place.\n   */\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  /** Rendered in place of the default loading icon while `isLoading` is set */\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   * The shape of the field box.\n   * - `default` - rounded, with a border.\n   * - `plain` - square, with no border at rest, for a field set flush in a\n   *   container that draws its edges, such as a toolbar or a panel header. The\n   *   border keeps its width, and shows on focus and in a valid or invalid\n   *   state.\n   * @default \"default\"\n   */\n  shape?: 'default' | 'plain';\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   * The input's own tooltip: a short hint, such as what the value means or defaults to, or why the\n   * field is disabled. It opens on hover over the field box and on keyboard focus, and describes\n   * the input. A disabled input with a tooltip stays focusable, so the keyboard reaches it too. A\n   * string, or `TooltipProvider` props (`title`, `placement`, …). Never the field's name, an error\n   * or anything needed to fill the field in: touch users don't see it. The info badge next to a\n   * field label is `labelTooltip`.\n   */\n  tooltip?: string | Omit<CubeTooltipProviderProps, 'children'>;\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    isReadOnly,\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,\n    size = 'medium',\n    shape = 'default',\n    autoComplete,\n    autocomplete,\n    icon,\n    maxLength,\n    minLength,\n    form,\n    resize,\n    tooltip,\n    children,\n    ...otherProps\n  } = props;\n\n  // A text area grows with its flex line when bare, so it fills a field\n  // sized by flex props too.\n  const { styles, field } = splitFieldLayout(props, {\n    fillHeightOnFlex: !!multiLine,\n  });\n  let type = otherProps.type;\n\n  if (resize) {\n    // oxlint-disable-next-line tasty/no-runtime-styles-mutation -- forwards the consumer's `resize` prop\n    inputStyles = mergeStyles(inputStyles, { resize });\n  }\n\n  let ElementType: 'textarea' | 'input' = multiLine ? 'textarea' : 'input';\n  let { isFocused, focusProps } = useFocus();\n  // A read-only field takes no hover state: nothing it could change would follow.\n  let { hoverProps, isHovered } = useHover({\n    isDisabled: isDisabled || isReadOnly,\n  });\n  // The input box, with or without the field chrome, so the field's ref never\n  // resolves to `null`; `wrapperRef` reaches the same element.\n  let domRef = useObjectRef(wrapperRef);\n\n  inputRef = useCombinedRefs(inputRef);\n\n  let { renderWithTooltip, isTooltipActive } = useAutoTooltip({\n    tooltip,\n    children: null,\n  });\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 = {\n    ...getValidationMods({ isInvalid, isValid }),\n    loadable: !!loadingIndicator,\n    focused: isFocused,\n    hovered: isHovered,\n    disabled: isDisabled,\n    readonly: !!isReadOnly,\n    multiline: multiLine,\n    prefix: !!prefix,\n    suffix: showValidationIndicator || !!suffix || !!actions,\n    shape,\n    ...mods,\n  };\n\n  // The explicit props win when they are set; an unset one falls back to the merged `inputProps`\n  // instead of overwriting it with `undefined`. For `autoComplete` that keeps both a caller's\n  // `inputProps={{ autoComplete }}` and `useNumberField`'s own `off`. `autocomplete` is the\n  // deprecated alias.\n  const resolvedAutoComplete =\n    autoComplete ?? autocomplete ?? inputProps.autoComplete;\n  const resolvedAutoFocus = autoFocus ?? inputProps.autoFocus;\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 isInputDisabled = !!(isDisabled ?? inputProps.disabled);\n\n  // A disabled input with a tooltip keeps its focus, as `Checkbox` and `Switch` do: the tooltip is\n  // usually the reason it is disabled, and focus is how the keyboard opens it. It is\n  // `aria-disabled` and read-only instead, and the pointer still can't focus it.\n  const { isInert } = getDisabledElementProps({\n    isDisabled: isInputDisabled,\n    keepEvents: isTooltipActive,\n    as: 'input',\n  });\n\n  let ownInputProps = mergeProps(inputProps, focusProps, hoverProps);\n\n  if (isInert) {\n    ownInputProps = mergeProps(\n      getInertInputProps(\n        mergeProps(\n          // The field's own focus handlers never run on a natively disabled input, and\n          // `useNumberField` commits on blur: it would round a value the user can't edit.\n          { ...inputProps, onFocus: undefined, onBlur: undefined },\n          focusProps,\n          hoverProps,\n        ),\n        { excludeFromTabOrder: props.excludeFromTabOrder },\n      ),\n      { readOnly: true, onMouseDown: preventPointerFocus },\n    );\n  }\n\n  // The field box takes the tooltip's hover side and positions it, so it\n  // covers the prefix, suffix and steppers and never the text being typed. The\n  // input, where keyboard focus lands, takes the focus side. The box keeps the\n  // field's ref, which `wrapperRef` also reaches.\n  const textField = renderWithTooltip((tooltipTriggerProps, tooltipRef) => {\n    const { pointerProps, focusProps: tooltipFocusProps } =\n      splitTooltipTriggerProps(tooltipTriggerProps);\n\n    return (\n      <InputWrapperElement\n        ref={tooltipRef ? mergeRefs(domRef, tooltipRef) : domRef}\n        mods={modifiers}\n        data-size={size}\n        styles={styles}\n        {...mergeProps(wrapperProps, pointerProps, {\n          onMouseDown: (event: MouseEvent<HTMLElement>) =>\n            focusInputOnBoxPress(event, inputRef?.current),\n        })}\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          {...mergeTooltipFocusProps(ownInputProps, tooltipFocusProps)}\n          ref={inputRef}\n          rows={multiLine ? (rows ?? inputProps.rows ?? 1) : inputProps.rows}\n          mods={modifiers}\n          // oxlint-disable-next-line tasty/no-style-prop -- `preset` owns font-family, and a `fontFamily` state map would replace the preset's in every state\n          style={textSecurityStyles}\n          {...(resolvedAutoFocus ? { 'data-autofocus': '' } : undefined)}\n          autoFocus={resolvedAutoFocus}\n          data-size={size}\n          autoComplete={resolvedAutoComplete}\n          styles={inputStyles}\n          disabled={isInputDisabled && !isInert}\n          maxLength={maxLength ?? inputProps.maxLength}\n          minLength={minLength ?? inputProps.minLength}\n        />\n        {/* Inside the box, so a parent's `:last-child` rules still see the field: `NumberInput`'s hidden form value goes here. */}\n        {children}\n        {showValidationIndicator || suffix || actions ? (\n          <div data-element=\"Suffix\">\n            {suffixPosition === 'before' ? suffix : null}\n            {isLoading && loadingIndicator ? (\n              <div data-element=\"State\">{loadingIndicator}</div>\n            ) : (\n              <ValidationIndicator\n                isInvalid={isInvalid}\n                isValid={isValid}\n                isLoading={isLoading}\n              />\n            )}\n            {suffixPosition === 'after' ? suffix : null}\n            {actions}\n          </div>\n        ) : null}\n      </InputWrapperElement>\n    );\n  }, 'top');\n\n  // `renderWithTooltip` is typed for any node; here it returns an element.\n  // `tooltip` is the input's own, not the legacy spelling of `labelTooltip`.\n  return wrapWithField(textField as ReactElement, {\n    ...props,\n    ...field,\n    tooltip: undefined,\n    // A click on its label doesn't focus a natively disabled input either. The input keeps its\n    // name through `aria-labelledby`.\n    ...(isInert\n      ? {\n          labelProps: {\n            ...props.labelProps,\n            htmlFor: undefined,\n            for: undefined,\n          },\n        }\n      : null),\n  });\n}\n\nconst _TextInputBase = forwardRef(TextInputBase);\n\nexport { _TextInputBase as TextInputBase };\nexport type { AriaTextFieldProps };\n"],"mappings":"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"}

package/dist/components/fields/TextInput/displayed-validation.js

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useEffect, useLayoutEffect, useRef } from "react";
 //#region src/components/fields/TextInput/useAutoSizeTextArea.ts

package/dist/components/fields/TextInputMapper/TextInputMapper.js

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

package/dist/components/fields/TriggerActions.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { 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.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { formatColor, getContrastingColor, toHex } from "./color.js";

package/dist/components/fields/color/channels.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { maxChroma, normalizeHue, oklchToOkhsl } from "../../../utils/colors.js";
 import { fromOkhst, fromRgb, isAchromatic, toHex, toOkhst, toOklch, toRgb } from "./color.js";
 //#region src/components/fields/color/channels.ts

package/dist/components/fields/color/color.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { 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";
 //#region src/components/fields/color/color.ts

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

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

package/dist/components/fields/option-origin-press.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 //#region src/components/fields/option-origin-press.ts
 let activePress = null;
 function isInside(rect, event) {

package/dist/components/form/FieldWrapper/FieldWrapper.js

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

package/dist/components/form/FieldWrapper/field-description.js

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

package/dist/components/form/Form/Field.js

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { useProviderProps } from "../../../../provider.js";
 import { Button } from "../../../actions/Button/Button.js";
 import { isModernFormController } from "../backend.js";

package/dist/components/form/Form/SubmitError.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { 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.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 //#region src/components/form/Form/backend.ts
 /**
 * Nominal branding for the two Form backends (modernization plan §5.1).

package/dist/components/form/Form/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { useFormControllerContext } from "./modern/context.js";
 import { useForm } from "./use-form.js";
 import { Form as _Form, FormContext, FormScopeMask, useFormProps } from "./Form.js";

package/dist/components/form/Form/modern/actions.js

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

package/dist/components/form/Form/modern/context.js

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

package/dist/components/form/Form/modern/controller.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { FORM_BACKEND, isModernFormController } from "../backend.js";
 import { createFormField } from "./field.js";
 import { createFormStore } from "./store.js";

package/dist/components/form/Form/modern/field-binding.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { getFieldKey, hasPath, normalizePath, readPath } from "./values.js";
 import { getControllerInternals } from "./controller.js";
 //#region src/components/form/Form/modern/field-binding.ts

package/dist/components/form/Form/modern/field.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { normalizePath } from "./values.js";
 //#region src/components/form/Form/modern/field.ts
 function createFormField(form, path, options = {}) {

package/dist/components/form/Form/modern/react.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.202.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.204.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../../utils/react/useLayoutEffect.js";
 import { ModernControllerContext } from "./context.js";
 import { getFieldKey, normalizePath, readPath } from "./values.js";