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

package/dist/components/form/Form/use-field/use-field-props.js

@@ -1,9 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 import { mergeProps } from "../../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../../_internal/hooks/use-event.js";
 import { warn } from "../../../../utils/warnings.js";
 import { useProviderProps } from "../../../../provider.js";
-import { asksForFieldChrome, withFieldChrome } from "../../field-chrome.js";
 import { useValidationProps } from "../../validation/use-validation-props.js";
 import { useFieldDescribedBy } from "../../FieldWrapper/field-description.js";
 import { isModernFormController } from "../backend.js";
@@ -31,7 +30,7 @@ const defaultValuePropsMapper = ({ value, onChange }) => ({
 * legacy backend's adapter and is inert when the field is not bound to it.
 */
 function useFieldProps(inputProps, t0) {
-	const $ = c(32);
+	const $ = c(28);
 	let t1;
 	if ($[0] !== t0) {
 		t1 = t0 === void 0 ? {} : t0;
@@ -53,41 +52,39 @@ function useFieldProps(inputProps, t0) {
 	} else t2 = $[3];
 	const props = useValidationProps(useFormProps(t2));
 	const [isDisabled] = useState(params.unsafe__isDisabled ?? false);
-	const { valuePropsMapper: t3, defaultValidationTrigger: t4, showsValidateErrors: t5 } = params;
+	const { valuePropsMapper: t3, defaultValidationTrigger: t4 } = params;
 	const valuePropsMapper = t3 === void 0 ? defaultValuePropsMapper : t3;
 	const defaultValidationTrigger = t4 === void 0 ? "onBlur" : t4;
-	const showsValidateErrors = t5 === void 0 ? false : t5;
 	const isInsideLegacyField = useInsideLegacyField();
 	if (props.rules && !props.name) warn("The \"rules\" prop is not suitable for fields that are not part of a form. Use \"name\" prop to link the field to a form.");
 	const hasName = props.name != null;
 	const generatedId = useId();
-	const isBound = hasName && !isInsideLegacyField && !isDisabled;
-	const t6 = !isBound;
-	let t7;
-	if ($[4] !== params.defaultValidationTrigger || $[5] !== t6) {
-		t7 = {
+	const t5 = !(hasName && !isInsideLegacyField && !isDisabled);
+	let t6;
+	if ($[4] !== params.defaultValidationTrigger || $[5] !== t5) {
+		t6 = {
 			defaultValidationTrigger: params.defaultValidationTrigger,
-			unbound: t6
+			unbound: t5
 		};
 		$[4] = params.defaultValidationTrigger;
-		$[5] = t6;
-		$[6] = t7;
-	} else t7 = $[6];
-	const field = useFieldBinding(props, t7, generatedId);
+		$[5] = t5;
+		$[6] = t6;
+	} else t6 = $[6];
+	const field = useFieldBinding(props, t6, generatedId);
 	const isOutsideOfForm = field?.form == null;
-	let t8;
+	let t7;
 	if ($[7] !== defaultValidationTrigger || $[8] !== field) {
-		t8 = (value, dontTouch) => {
+		t7 = (value, dontTouch) => {
 			field?.onChange?.(value, dontTouch, field?.validateTrigger ?? defaultValidationTrigger);
 		};
 		$[7] = defaultValidationTrigger;
 		$[8] = field;
-		$[9] = t8;
-	} else t8 = $[9];
-	const onChangeEvent = useEvent(t8);
-	let t9;
+		$[9] = t7;
+	} else t7 = $[9];
+	const onChangeEvent = useEvent(t7);
+	let t8;
 	if ($[10] !== defaultValidationTrigger || $[11] !== field || $[12] !== generatedId || $[13] !== hasName || $[14] !== isDisabled || $[15] !== isInsideLegacyField || $[16] !== isOutsideOfForm || $[17] !== onChangeEvent || $[18] !== props || $[19] !== valuePropsMapper) {
-		t9 = function resolveResult() {
+		t8 = function resolveResult() {
 			if (isInsideLegacyField || isDisabled) return props;
 			if (!hasName) {
 				if (!props.id) {
@@ -132,45 +129,41 @@ function useFieldProps(inputProps, t0) {
 		$[17] = onChangeEvent;
 		$[18] = props;
 		$[19] = valuePropsMapper;
-		$[20] = t9;
-	} else t9 = $[20];
-	const resolveResult = t9;
-	let t10;
-	if ($[21] !== hasName || $[22] !== inputProps || $[23] !== isBound || $[24] !== isInsideLegacyField || $[25] !== isOutsideOfForm || $[26] !== resolveResult || $[27] !== showsValidateErrors) {
-		const resolved = isInsideLegacyField ? hasName ? withFieldChrome(resolveResult()) : {
+		$[20] = t8;
+	} else t8 = $[20];
+	const resolveResult = t8;
+	let t9;
+	if ($[21] !== hasName || $[22] !== isInsideLegacyField || $[23] !== resolveResult) {
+		const resolved = isInsideLegacyField && !hasName ? {
 			...resolveResult(),
 			isBare: true
-		} : isBound && !isOutsideOfForm || asksForFieldChrome(inputProps) || showsValidateErrors && "validate" in inputProps ? withFieldChrome(resolveResult()) : resolveResult();
+		} : resolveResult();
 		const { field: _descriptor, dependsOn: _dependsOn, deps: _deps, ...domProps } = isModernFormController(resolved.form) ? {
 			...resolved,
 			form: void 0
 		} : resolved;
-		t10 = domProps.name != null && typeof domProps.name !== "string" ? {
+		t9 = domProps.name != null && typeof domProps.name !== "string" ? {
 			...domProps,
 			name: getFieldKey(domProps.name)
 		} : domProps;
 		$[21] = hasName;
-		$[22] = inputProps;
-		$[23] = isBound;
-		$[24] = isInsideLegacyField;
-		$[25] = isOutsideOfForm;
-		$[26] = resolveResult;
-		$[27] = showsValidateErrors;
-		$[28] = t10;
-	} else t10 = $[28];
-	const namedProps = t10;
+		$[22] = isInsideLegacyField;
+		$[23] = resolveResult;
+		$[24] = t9;
+	} else t9 = $[24];
+	const namedProps = t9;
 	const describedBy = useFieldDescribedBy(namedProps.id, namedProps["aria-describedby"]);
-	let t11;
-	if ($[29] !== describedBy || $[30] !== namedProps) {
-		t11 = describedBy === namedProps["aria-describedby"] ? namedProps : {
+	let t10;
+	if ($[25] !== describedBy || $[26] !== namedProps) {
+		t10 = describedBy === namedProps["aria-describedby"] ? namedProps : {
 			...namedProps,
 			"aria-describedby": describedBy
 		};
-		$[29] = describedBy;
-		$[30] = namedProps;
-		$[31] = t11;
-	} else t11 = $[31];
-	const describedProps = t11;
+		$[25] = describedBy;
+		$[26] = namedProps;
+		$[27] = t10;
+	} else t10 = $[27];
+	const describedProps = t10;
 	useDebugValue(describedProps);
 	return describedProps;
 }

package/dist/components/form/Form/use-field/use-field-props.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-field-props.js","names":["useDebugValue","useId","useState","useEvent","useProviderProps","mergeProps","warn","asksForFieldChrome","withFieldChrome","useFieldDescribedBy","useValidationProps","isModernFormController","useInsideLegacyField","useFormProps","getFieldKey","useFieldBinding","ValidateTrigger","ModernFormBrand","FieldTypes","UseFieldProps","UseFieldPropsParams","valuePropsMapper","value","onChange","defaultValidationTrigger","unsafe__isDisabled","showsValidateErrors","defaultValuePropsMapper","StrippedFieldKey","ResolvedFieldForm","Form","ResolvedFieldProps","Props","Key","useFieldProps","inputProps","t0","$","_c","t1","undefined","params","provided","t2","field","options","form","name","path","props","isDisabled","t3","t4","t5","isInsideLegacyField","rules","hasName","generatedId","isBound","t6","t7","unbound","isOutsideOfForm","t8","dontTouch","validateTrigger","onChangeEvent","t9","resolveResult","id","result","labelProps","for","valueProps","_form","_fieldValue","_fieldOnChange","onBlur","_fieldOnBlur","fieldRest","result_0","t10","resolved","isBare","result_1","_descriptor","dependsOn","_dependsOn","deps","_deps","domProps","namedProps","describedBy","t11","describedProps"],"sources":["../../../../../src/components/form/Form/use-field/use-field-props.tsx"],"sourcesContent":["import { useDebugValue, useId, useState } from 'react';\n\nimport { useEvent } from '../../../../_internal/index';\nimport { useProviderProps } from '../../../../provider';\nimport { mergeProps } from '../../../../utils/react/index';\nimport { warn } from '../../../../utils/warnings';\nimport { asksForFieldChrome, withFieldChrome } from '../../field-chrome';\nimport { useFieldDescribedBy } from '../../FieldWrapper/field-description';\nimport { useValidationProps } from '../../validation/index';\nimport { isModernFormController } from '../backend';\nimport { useInsideLegacyField } from '../Field';\nimport { useFormProps } from '../Form';\nimport { getFieldKey } from '../modern/values';\n\nimport { useFieldBinding } from './use-field-binding';\n\nimport type { ValidateTrigger } from '../../../../shared/index';\nimport type { ModernFormBrand } from '../backend';\nimport type { FieldTypes } from '../types';\nimport type { UseFieldProps } from './types';\n\nexport type UseFieldPropsParams = {\n  valuePropsMapper?: ({ value, onChange }) => any;\n  /**\n   * @default 'onBlur'\n   */\n  defaultValidationTrigger?: ValidateTrigger;\n  /**\n   * prop helps to prevent calling hook conditionally, but changing this prop during render is unsafe and forbidden\n   * If you want to change this prop after mount, remount the component with a new value.\n   */\n  unsafe__isDisabled?: boolean;\n  /**\n   * The control shows the errors of its `validate` under itself, so a\n   * `validate` asks for the field chrome even without a label.\n   * @default false\n   */\n  showsValidateErrors?: boolean;\n};\n\nconst defaultValuePropsMapper = ({ value, onChange }) => ({\n  value: value ?? null,\n  onChange,\n});\n\n/** Binding inputs `useFieldProps` always strips before it returns. */\ntype StrippedFieldKey = 'field' | 'dependsOn' | 'deps';\n\n/**\n * A modern controller is stripped at runtime, so each member of `form` that is\n * one becomes `undefined`; a legacy instance survives, and `any` stays `any`.\n * Distributive, so it still applies when `Props` is a type parameter.\n */\ntype ResolvedFieldForm<Form> = Form extends ModernFormBrand ? undefined : Form;\n\n/**\n * The input's declared prop shape minus what the hook always strips: a DOM-safe\n * name, no binding inputs, and no modern controller in `form`.\n */\ntype ResolvedFieldProps<Props> = {\n  [Key in keyof Props as Key extends StrippedFieldKey\n    ? never\n    : Key]: Key extends 'name'\n    ? string | undefined\n    : Key extends 'form'\n      ? ResolvedFieldForm<Props[Key]>\n      : Props[Key];\n};\n\n/**\n * The single entry point for input components (see\n * `docs/rules/input-components.md`).\n *\n * Every hook below runs on every render, whatever the mode: standalone (no\n * `name`), inside the deprecated `<Field>`, disabled through\n * `unsafe__isDisabled`, or bound to a form. The mode only decides which props\n * come back, so an input can gain or lose a `name`, or move between forms,\n * without changing its hook order. The legacy binding (`useField`) is the\n * legacy backend's adapter and is inert when the field is not bound to it.\n */\nexport function useFieldProps<\n  T extends FieldTypes,\n  Props extends UseFieldProps<T>,\n>(\n  inputProps: Props,\n  params: UseFieldPropsParams = {},\n): ResolvedFieldProps<Props> {\n  // Provider defaults, then form context, then the normalization of the\n  // deprecated `validationState` prop into `isInvalid`/`isValid`.\n  const provided = useProviderProps(inputProps);\n  const props: Props = useValidationProps(\n    useFormProps(\n      provided.field\n        ? {\n            ...provided,\n            ...provided.field.options,\n            form: provided.field.form,\n            name:\n              typeof provided.field.path === 'string'\n                ? provided.field.path\n                : getFieldKey(provided.field.path),\n          }\n        : provided,\n    ),\n  );\n\n  // The initial value is what counts: changing it after mount is unsupported.\n  const [isDisabled] = useState(params.unsafe__isDisabled ?? false);\n\n  const {\n    valuePropsMapper = defaultValuePropsMapper,\n    defaultValidationTrigger = 'onBlur',\n    showsValidateErrors = false,\n  } = params;\n\n  const isInsideLegacyField = useInsideLegacyField();\n\n  if (props.rules && !props.name) {\n    warn(\n      `The \"rules\" prop is not suitable for fields that are not part of a form. Use \"name\" prop to link the field to a form.`,\n    );\n  }\n\n  const hasName = props.name != null;\n  const generatedId = useId();\n  const isBound = hasName && !isInsideLegacyField && !isDisabled;\n\n  const field = useFieldBinding<T, Props>(\n    props,\n    {\n      defaultValidationTrigger: params.defaultValidationTrigger,\n      unbound: !isBound,\n    },\n    generatedId,\n  );\n\n  const isOutsideOfForm = field?.form == null;\n\n  const onChangeEvent = useEvent((value, dontTouch: boolean) => {\n    field?.onChange?.(\n      value,\n      dontTouch,\n      field?.validateTrigger ?? defaultValidationTrigger,\n    );\n  });\n\n  function resolveResult(): Props {\n    if (isInsideLegacyField || isDisabled) {\n      return props;\n    }\n\n    if (!hasName) {\n      // Standalone field - just add generated ID if not provided\n      if (!props.id) {\n        const result = { ...props, id: generatedId };\n\n        if (result.id && !result.labelProps) {\n          result.labelProps = { for: result.id };\n        } else if (result.id && result.labelProps && !result.labelProps.for) {\n          result.labelProps = { ...result.labelProps, for: result.id };\n        }\n\n        return result as Props;\n      }\n      return props;\n    }\n\n    if (props.rules && isOutsideOfForm) {\n      warn(\n        `The \"rules\" prop is not supported for fields that are not part of a form. The \"${props.name}\" field is placed outside the form.`,\n      );\n    }\n\n    const valueProps = !isOutsideOfForm\n      ? valuePropsMapper({\n          value: field.value,\n          onChange: onChangeEvent,\n        })\n      : {};\n\n    // Exclude `form` (it must never reach a DOM node) and the field's own\n    // value and handlers: `valueProps` already maps the value and routes the\n    // component's change event into `field.onChange` under the names the\n    // component reads, and `onBlur` is added once below. `mergeProps` chains\n    // same-named handlers, so merging them here as well made every user change\n    // and every blur run the field handler twice — and onChange/onBlur-triggered\n    // validation validate twice. A raw `value` replaced the caller's own on\n    // controls that map it elsewhere: a `Checkbox` bound as `isSelected`\n    // rendered and submitted `value=\"true\"` instead of its `value=\"yes\"`.\n    const {\n      form: _form,\n      value: _fieldValue,\n      onChange: _fieldOnChange,\n      onBlur: _fieldOnBlur,\n      ...fieldRest\n    } = field ?? {};\n\n    const result: Props = isOutsideOfForm\n      ? props\n      : mergeProps(props, fieldRest, valueProps, {\n          validateTrigger: field.validateTrigger ?? defaultValidationTrigger,\n          // Chained after the caller's own `onBlur` by `mergeProps`.\n          onBlur: field.onBlur,\n        });\n\n    return result.id\n      ? { ...result, labelProps: { ...result.labelProps, for: result.id } }\n      : result;\n  }\n\n  // A field without a `label` still renders the field chrome when it is bound\n  // to a form, its caller gives the chrome something to show (see\n  // `asksForFieldChrome`), or it shows the errors of a `validate`\n  // (`showsValidateErrors`). A nameless legacy Field already owns its child's\n  // chrome. A named one binds its child and delegates presentation to it; its\n  // message props come and go with the error, so they decide nothing.\n  const resolved = isInsideLegacyField\n    ? hasName\n      ? withFieldChrome(resolveResult())\n      : { ...resolveResult(), isBare: true }\n    : (isBound && !isOutsideOfForm) ||\n        asksForFieldChrome(inputProps) ||\n        (showsValidateErrors && 'validate' in inputProps)\n      ? withFieldChrome(resolveResult())\n      : resolveResult();\n  // React Aria forwards `form` to native inputs. A modern controller is a\n  // binding source, never an HTML form id, including in standalone/group mode.\n  const result = isModernFormController(resolved.form)\n    ? { ...resolved, form: undefined }\n    : resolved;\n\n  const {\n    field: _descriptor,\n    dependsOn: _dependsOn,\n    deps: _deps,\n    ...domProps\n  } = result;\n  // Standalone and group-scoped inputs do not merge a bound field's props.\n  // Their tuple must still become a string before React Aria or DOM forwarding.\n  const namedProps =\n    domProps.name != null && typeof domProps.name !== 'string'\n      ? { ...domProps, name: getFieldKey(domProps.name) }\n      : domProps;\n  // Every input forwards `aria-describedby` to its control, so pointing it at\n  // the field's description and message here reaches all of them.\n  const describedBy = useFieldDescribedBy(\n    namedProps.id,\n    namedProps['aria-describedby'],\n  );\n  const describedProps =\n    describedBy === namedProps['aria-describedby']\n      ? namedProps\n      : { ...namedProps, 'aria-describedby': describedBy };\n  useDebugValue(describedProps);\n\n  return describedProps as unknown as ResolvedFieldProps<Props>;\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-field-props.js","names":["useDebugValue","useId","useState","useEvent","useProviderProps","mergeProps","warn","useFieldDescribedBy","useValidationProps","isModernFormController","useInsideLegacyField","useFormProps","getFieldKey","useFieldBinding","ValidateTrigger","ModernFormBrand","FieldTypes","UseFieldProps","UseFieldPropsParams","valuePropsMapper","value","onChange","defaultValidationTrigger","unsafe__isDisabled","defaultValuePropsMapper","StrippedFieldKey","ResolvedFieldForm","Form","ResolvedFieldProps","Props","Key","useFieldProps","inputProps","t0","$","_c","t1","undefined","params","provided","t2","field","options","form","name","path","props","isDisabled","t3","t4","isInsideLegacyField","rules","hasName","generatedId","isBound","t5","t6","unbound","isOutsideOfForm","t7","dontTouch","validateTrigger","onChangeEvent","t8","resolveResult","id","result","labelProps","for","valueProps","_form","_fieldValue","_fieldOnChange","onBlur","_fieldOnBlur","fieldRest","result_0","t9","resolved","isBare","result_1","_descriptor","dependsOn","_dependsOn","deps","_deps","domProps","namedProps","describedBy","t10","describedProps"],"sources":["../../../../../src/components/form/Form/use-field/use-field-props.tsx"],"sourcesContent":["import { useDebugValue, useId, useState } from 'react';\n\nimport { useEvent } from '../../../../_internal/index';\nimport { useProviderProps } from '../../../../provider';\nimport { mergeProps } from '../../../../utils/react/index';\nimport { warn } from '../../../../utils/warnings';\nimport { useFieldDescribedBy } from '../../FieldWrapper/field-description';\nimport { useValidationProps } from '../../validation/index';\nimport { isModernFormController } from '../backend';\nimport { useInsideLegacyField } from '../Field';\nimport { useFormProps } from '../Form';\nimport { getFieldKey } from '../modern/values';\n\nimport { useFieldBinding } from './use-field-binding';\n\nimport type { ValidateTrigger } from '../../../../shared/index';\nimport type { ModernFormBrand } from '../backend';\nimport type { FieldTypes } from '../types';\nimport type { UseFieldProps } from './types';\n\nexport type UseFieldPropsParams = {\n  valuePropsMapper?: ({ value, onChange }) => any;\n  /**\n   * @default 'onBlur'\n   */\n  defaultValidationTrigger?: ValidateTrigger;\n  /**\n   * prop helps to prevent calling hook conditionally, but changing this prop during render is unsafe and forbidden\n   * If you want to change this prop after mount, remount the component with a new value.\n   */\n  unsafe__isDisabled?: boolean;\n};\n\nconst defaultValuePropsMapper = ({ value, onChange }) => ({\n  value: value ?? null,\n  onChange,\n});\n\n/** Binding inputs `useFieldProps` always strips before it returns. */\ntype StrippedFieldKey = 'field' | 'dependsOn' | 'deps';\n\n/**\n * A modern controller is stripped at runtime, so each member of `form` that is\n * one becomes `undefined`; a legacy instance survives, and `any` stays `any`.\n * Distributive, so it still applies when `Props` is a type parameter.\n */\ntype ResolvedFieldForm<Form> = Form extends ModernFormBrand ? undefined : Form;\n\n/**\n * The input's declared prop shape minus what the hook always strips: a DOM-safe\n * name, no binding inputs, and no modern controller in `form`.\n */\ntype ResolvedFieldProps<Props> = {\n  [Key in keyof Props as Key extends StrippedFieldKey\n    ? never\n    : Key]: Key extends 'name'\n    ? string | undefined\n    : Key extends 'form'\n      ? ResolvedFieldForm<Props[Key]>\n      : Props[Key];\n};\n\n/**\n * The single entry point for input components (see\n * `docs/rules/input-components.md`).\n *\n * Every hook below runs on every render, whatever the mode: standalone (no\n * `name`), inside the deprecated `<Field>`, disabled through\n * `unsafe__isDisabled`, or bound to a form. The mode only decides which props\n * come back, so an input can gain or lose a `name`, or move between forms,\n * without changing its hook order. The legacy binding (`useField`) is the\n * legacy backend's adapter and is inert when the field is not bound to it.\n */\nexport function useFieldProps<\n  T extends FieldTypes,\n  Props extends UseFieldProps<T>,\n>(\n  inputProps: Props,\n  params: UseFieldPropsParams = {},\n): ResolvedFieldProps<Props> {\n  // Provider defaults, then form context, then the normalization of the\n  // deprecated `validationState` prop into `isInvalid`/`isValid`.\n  const provided = useProviderProps(inputProps);\n  const props: Props = useValidationProps(\n    useFormProps(\n      provided.field\n        ? {\n            ...provided,\n            ...provided.field.options,\n            form: provided.field.form,\n            name:\n              typeof provided.field.path === 'string'\n                ? provided.field.path\n                : getFieldKey(provided.field.path),\n          }\n        : provided,\n    ),\n  );\n\n  // The initial value is what counts: changing it after mount is unsupported.\n  const [isDisabled] = useState(params.unsafe__isDisabled ?? false);\n\n  const {\n    valuePropsMapper = defaultValuePropsMapper,\n    defaultValidationTrigger = 'onBlur',\n  } = params;\n\n  const isInsideLegacyField = useInsideLegacyField();\n\n  if (props.rules && !props.name) {\n    warn(\n      `The \"rules\" prop is not suitable for fields that are not part of a form. Use \"name\" prop to link the field to a form.`,\n    );\n  }\n\n  const hasName = props.name != null;\n  const generatedId = useId();\n  const isBound = hasName && !isInsideLegacyField && !isDisabled;\n\n  const field = useFieldBinding<T, Props>(\n    props,\n    {\n      defaultValidationTrigger: params.defaultValidationTrigger,\n      unbound: !isBound,\n    },\n    generatedId,\n  );\n\n  const isOutsideOfForm = field?.form == null;\n\n  const onChangeEvent = useEvent((value, dontTouch: boolean) => {\n    field?.onChange?.(\n      value,\n      dontTouch,\n      field?.validateTrigger ?? defaultValidationTrigger,\n    );\n  });\n\n  function resolveResult(): Props {\n    if (isInsideLegacyField || isDisabled) {\n      return props;\n    }\n\n    if (!hasName) {\n      // Standalone field - just add generated ID if not provided\n      if (!props.id) {\n        const result = { ...props, id: generatedId };\n\n        if (result.id && !result.labelProps) {\n          result.labelProps = { for: result.id };\n        } else if (result.id && result.labelProps && !result.labelProps.for) {\n          result.labelProps = { ...result.labelProps, for: result.id };\n        }\n\n        return result as Props;\n      }\n      return props;\n    }\n\n    if (props.rules && isOutsideOfForm) {\n      warn(\n        `The \"rules\" prop is not supported for fields that are not part of a form. The \"${props.name}\" field is placed outside the form.`,\n      );\n    }\n\n    const valueProps = !isOutsideOfForm\n      ? valuePropsMapper({\n          value: field.value,\n          onChange: onChangeEvent,\n        })\n      : {};\n\n    // Exclude `form` (it must never reach a DOM node) and the field's own\n    // value and handlers: `valueProps` already maps the value and routes the\n    // component's change event into `field.onChange` under the names the\n    // component reads, and `onBlur` is added once below. `mergeProps` chains\n    // same-named handlers, so merging them here as well made every user change\n    // and every blur run the field handler twice — and onChange/onBlur-triggered\n    // validation validate twice. A raw `value` replaced the caller's own on\n    // controls that map it elsewhere: a `Checkbox` bound as `isSelected`\n    // rendered and submitted `value=\"true\"` instead of its `value=\"yes\"`.\n    const {\n      form: _form,\n      value: _fieldValue,\n      onChange: _fieldOnChange,\n      onBlur: _fieldOnBlur,\n      ...fieldRest\n    } = field ?? {};\n\n    const result: Props = isOutsideOfForm\n      ? props\n      : mergeProps(props, fieldRest, valueProps, {\n          validateTrigger: field.validateTrigger ?? defaultValidationTrigger,\n          // Chained after the caller's own `onBlur` by `mergeProps`.\n          onBlur: field.onBlur,\n        });\n\n    return result.id\n      ? { ...result, labelProps: { ...result.labelProps, for: result.id } }\n      : result;\n  }\n\n  // A nameless legacy Field already owns its child's chrome. Named Fields\n  // delegate presentation to the control along with their binding props.\n  const resolved =\n    isInsideLegacyField && !hasName\n      ? { ...resolveResult(), isBare: true }\n      : resolveResult();\n  // React Aria forwards `form` to native inputs. A modern controller is a\n  // binding source, never an HTML form id, including in standalone/group mode.\n  const result = isModernFormController(resolved.form)\n    ? { ...resolved, form: undefined }\n    : resolved;\n\n  const {\n    field: _descriptor,\n    dependsOn: _dependsOn,\n    deps: _deps,\n    ...domProps\n  } = result;\n  // Standalone and group-scoped inputs do not merge a bound field's props.\n  // Their tuple must still become a string before React Aria or DOM forwarding.\n  const namedProps =\n    domProps.name != null && typeof domProps.name !== 'string'\n      ? { ...domProps, name: getFieldKey(domProps.name) }\n      : domProps;\n  // Every input forwards `aria-describedby` to its control, so pointing it at\n  // the field's description and message here reaches all of them.\n  const describedBy = useFieldDescribedBy(\n    namedProps.id,\n    namedProps['aria-describedby'],\n  );\n  const describedProps =\n    describedBy === namedProps['aria-describedby']\n      ? namedProps\n      : { ...namedProps, 'aria-describedby': describedBy };\n  useDebugValue(describedProps);\n\n  return describedProps as unknown as ResolvedFieldProps<Props>;\n}\n"],"mappings":"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"}

package/dist/components/form/Form/use-field/use-field.js

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

package/dist/components/form/Form/use-form.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 import { FORM_BACKEND, isModernFormController, modernBackendUnavailableError } from "./backend.js";
 import { applyRules } from "./validation.js";
 import { dotizeConvert } from "../../../utils/dotize.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 import { validate } from "email-validator";
 import validUrl from "valid-url";
 

package/dist/components/form/Label.js

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

package/dist/components/form/field-chrome.js

@@ -1,56 +1,15 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 import { warn } from "../../utils/warnings.js";
 
 //#region src/components/form/field-chrome.ts
-/** Empty slot values suppress content; numeric zero is still text. */
-function hasFieldContent(content) {
-	return content != null && typeof content !== "boolean" && content !== "";
-}
-/**
-* The caller's props that give a field without a `label` something to show
-* under its control or something for the wrapper to do: texts for its slots,
-* styles for the wrapper, or hiding it.
-*/
-const FIELD_CHROME_PROPS = [
-	"description",
-	"errorMessage",
-	"message",
-	"fieldStyles",
-	"fieldProps",
-	"isHidden"
-];
-/**
-* Whether the caller of a field without a `label` passes one of
-* `FIELD_CHROME_PROPS`, so the field still needs its chrome. A form binding
-* needs it too; `useFieldProps` adds that. An explicit `isBare` overrides both
-* in `rendersFieldChrome`.
-*
-* It does not depend on what the field shows at the moment. A prop counts
-* whatever it holds — `undefined`, `null` and `''` too — because a decision
-* taken from the text would move the control in and out of the wrapper as an
-* error comes and goes, and React would remount it and drop its focus
-* mid-keystroke.
-*
-* Read the caller's own props: a form binding adds message props of its own.
-*/
-function asksForFieldChrome(props) {
-	return FIELD_CHROME_PROPS.some((key) => key in props);
-}
-/** Asks `wrapWithField` for the field chrome, unless the caller set `isBare`. */
-function withFieldChrome(props) {
-	return {
-		...props,
-		isBare: props.isBare ?? false
-	};
-}
 let hasWarnedAboutForceField = false;
-/** Warn once about the obsolete opt-in: `isBare={false}` replaces it. */
+/** Warn once about the obsolete opt-in: field chrome is now the default. */
 function warnAboutForceField(props) {
 	if (hasWarnedAboutForceField || props.forceField == null) return;
 	hasWarnedAboutForceField = true;
-	warn("A field received `forceField`, which is deprecated. Pass `isBare={false}` to render the field chrome even with nothing to show.");
+	warn("A field received `forceField`, which is deprecated. Fields render chrome by default. Remove `forceField`, or pass `isBare` to render only the control.");
 }
 
 //#endregion
-export { asksForFieldChrome, hasFieldContent, warnAboutForceField, withFieldChrome };
+export { warnAboutForceField };
 //# sourceMappingURL=field-chrome.js.map

package/dist/components/form/field-chrome.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-chrome.js","names":["warn","ReactNode","hasFieldContent","content","FIELD_CHROME_PROPS","const","asksForFieldChrome","props","some","key","withFieldChrome","P","isBare","hasWarnedAboutForceField","warnAboutForceField","forceField"],"sources":["../../../src/components/form/field-chrome.ts"],"sourcesContent":["import { warn } from '../../utils/warnings';\n\nimport type { ReactNode } from 'react';\n\n/** Empty slot values suppress content; numeric zero is still text. */\nexport function hasFieldContent(content: ReactNode) {\n  return content != null && typeof content !== 'boolean' && content !== '';\n}\n\n/**\n * The caller's props that give a field without a `label` something to show\n * under its control or something for the wrapper to do: texts for its slots,\n * styles for the wrapper, or hiding it.\n */\nconst FIELD_CHROME_PROPS = [\n  'description',\n  'errorMessage',\n  'message',\n  'fieldStyles',\n  'fieldProps',\n  'isHidden',\n] as const;\n\n/**\n * Whether the caller of a field without a `label` passes one of\n * `FIELD_CHROME_PROPS`, so the field still needs its chrome. A form binding\n * needs it too; `useFieldProps` adds that. An explicit `isBare` overrides both\n * in `rendersFieldChrome`.\n *\n * It does not depend on what the field shows at the moment. A prop counts\n * whatever it holds — `undefined`, `null` and `''` too — because a decision\n * taken from the text would move the control in and out of the wrapper as an\n * error comes and goes, and React would remount it and drop its focus\n * mid-keystroke.\n *\n * Read the caller's own props: a form binding adds message props of its own.\n */\nexport function asksForFieldChrome(props: object) {\n  return FIELD_CHROME_PROPS.some((key) => key in props);\n}\n\n/** Asks `wrapWithField` for the field chrome, unless the caller set `isBare`. */\nexport function withFieldChrome<P extends object>(props: P): P {\n  return { ...props, isBare: (props as { isBare?: boolean }).isBare ?? false };\n}\n\nlet hasWarnedAboutForceField = false;\n\n/** Warn once about the obsolete opt-in: `isBare={false}` replaces it. */\nexport function warnAboutForceField(props: { forceField?: boolean }) {\n  if (hasWarnedAboutForceField || props.forceField == null) return;\n\n  hasWarnedAboutForceField = true;\n\n  warn(\n    'A field received `forceField`, which is deprecated. Pass `isBare={false}` to render the field chrome even with nothing to show.',\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgBE,gBAAgBC,SAAoB;AAClD,QAAOA,WAAW,QAAQ,OAAOA,YAAY,aAAaA,YAAY;;;;;;;AAQxE,MAAMC,qBAAqB;CACzB;CACA;CACA;CACA;CACA;CACA;CACD;;;;;;;;;;;;;;;AAgBD,SAAgBE,mBAAmBC,OAAe;AAChD,QAAOH,mBAAmBI,MAAMC,QAAQA,OAAOF,MAAM;;;AAIvD,SAAgBG,gBAAkCH,OAAa;AAC7D,QAAO;EAAE,GAAGA;EAAOK,QAASL,MAA+BK,UAAU;EAAO;;AAG9E,IAAIC,2BAA2B;;AAG/B,SAAgBC,oBAAoBP,OAAiC;AACnE,KAAIM,4BAA4BN,MAAMQ,cAAc,KAAM;AAE1DF,4BAA2B;AAE3Bb,MACE,kIACD"}
+{"version":3,"file":"field-chrome.js","names":["warn","hasWarnedAboutForceField","warnAboutForceField","props","forceField"],"sources":["../../../src/components/form/field-chrome.ts"],"sourcesContent":["import { warn } from '../../utils/warnings';\n\nlet hasWarnedAboutForceField = false;\n\n/** Warn once about the obsolete opt-in: field chrome is now the default. */\nexport function warnAboutForceField(props: { forceField?: boolean }) {\n  if (hasWarnedAboutForceField || props.forceField == null) return;\n\n  hasWarnedAboutForceField = true;\n\n  warn(\n    'A field received `forceField`, which is deprecated. Fields render chrome by default. Remove `forceField`, or pass `isBare` to render only the control.',\n  );\n}\n"],"mappings":";;;;AAEA,IAAIC,2BAA2B;;AAG/B,SAAgBC,oBAAoBC,OAAiC;AACnE,KAAIF,4BAA4BE,MAAMC,cAAc,KAAM;AAE1DH,4BAA2B;AAE3BD,MACE,yJACD"}

package/dist/components/form/legacy-tooltip.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 import { warn } from "../../utils/warnings.js";
 
 //#region src/components/form/legacy-tooltip.ts

package/dist/components/form/validation/ValidationIndicator.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 import { LoadingIcon } from "../../../icons/LoadingIcon.js";
 import { hasValidationState } from "./resolve-validation-props.js";
 import { InvalidIcon } from "../../shared/InvalidIcon.js";

package/dist/components/form/validation/resolve-validation-props.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 //#region src/components/form/validation/resolve-validation-props.ts
 /**
 * Normalizes the validation props of a field into a pair of booleans.

package/dist/components/form/validation/use-validation-props.js

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

package/dist/components/form/wrapper.d.ts

@@ -8,16 +8,11 @@ import { DOMRef, FocusableRef } from "@react-types/shared";
 
 //#region src/components/form/wrapper.d.ts
 interface WrapWithFieldProps extends FieldBaseProps, Omit<BaseProps, 'children'>, FormBaseProps {}
-/**
- * Whether `wrapWithField` renders the field chrome for these props. An
- * explicit `isBare` decides; `useFieldProps` sets `isBare={false}` on a bound
- * field, one passed a chrome prop, or one with a `validate` whose errors the
- * control shows (`withFieldChrome`).
- * Otherwise a non-empty `label` renders it, as does the deprecated
- * `forceField`.
- */
-declare function rendersFieldChrome(props: object): boolean;
-/** Wraps a control in its field chrome when it has one, and forwards its chrome props. */
+/** Field chrome is the default; only an explicit bare mode opts out. */
+declare function rendersFieldChrome(props: {
+  isBare?: boolean;
+}): boolean;
+/** Wraps a control in its stable field presentation and forwards its chrome props. */
 declare function wrapWithField<T extends WrapWithFieldProps>(component: ReactElement, ref: RefObject<unknown> | FocusableRef<HTMLElement> | DOMRef<HTMLElement>, props: T): react.JSX.Element;
 //#endregion
 export { rendersFieldChrome, wrapWithField };

package/dist/components/form/wrapper.js

@@ -1,28 +1,18 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 import { mergeProps } from "../../utils/react/mergeProps.js";
-import { hasFieldContent, warnAboutForceField } from "./field-chrome.js";
 import { warnAboutLegacyTooltip } from "./legacy-tooltip.js";
 import { FieldWrapper } from "./FieldWrapper/FieldWrapper.js";
+import { warnAboutForceField } from "./field-chrome.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/form/wrapper.tsx
-/**
-* Whether `wrapWithField` renders the field chrome for these props. An
-* explicit `isBare` decides; `useFieldProps` sets `isBare={false}` on a bound
-* field, one passed a chrome prop, or one with a `validate` whose errors the
-* control shows (`withFieldChrome`).
-* Otherwise a non-empty `label` renders it, as does the deprecated
-* `forceField`.
-*/
+/** Field chrome is the default; only an explicit bare mode opts out. */
 function rendersFieldChrome(props) {
-	const { isBare, label, forceField } = props;
-	if (isBare != null) return !isBare;
-	return hasFieldContent(label) || !!forceField;
+	return !props.isBare;
 }
-/** Wraps a control in its field chrome when it has one, and forwards its chrome props. */
+/** Wraps a control in its stable field presentation and forwards its chrome props. */
 function wrapWithField(component, ref, props) {
-	const isBare = !rendersFieldChrome(props);
-	let { label, extra, labelPosition = "top", labelStyles, isRequired, isOptional, isDisabled, necessityIndicator, message, messageStyles, description, errorMessage, isInvalid, isValid, labelProps, fieldProps, fieldStyles, requiredMark = true, labelTooltip, isHidden, labelSuffix } = props;
+	let { label, isBare = false, extra, labelPosition = "top", labelStyles, isRequired, isOptional, isDisabled, necessityIndicator, message, messageStyles, description, errorMessage, isInvalid, isValid, labelProps, fieldProps, fieldStyles, requiredMark = true, labelTooltip, isHidden, labelSuffix } = props;
 	warnAboutForceField(props);
 	warnAboutLegacyTooltip(props);
 	const mergedFieldProps = fieldStyles ? mergeProps(fieldProps, { styles: fieldStyles }) : fieldProps;

package/dist/components/form/wrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"wrapper.js","names":["DOMRef","FocusableRef","BaseProps","ReactElement","RefObject","FieldBaseProps","FormBaseProps","mergeProps","hasFieldContent","warnAboutForceField","FieldWrapper","warnAboutLegacyTooltip","WrapWithFieldProps","Omit","rendersFieldChrome","props","isBare","label","forceField","wrapWithField","component","ref","HTMLElement","T","extra","labelPosition","labelStyles","isRequired","isOptional","isDisabled","necessityIndicator","message","messageStyles","description","errorMessage","isInvalid","isValid","labelProps","fieldProps","fieldStyles","requiredMark","labelTooltip","isHidden","labelSuffix","mergedFieldProps","styles","mergedLabelProps","id","_id","fieldPropsWithoutId","Component","controlId"],"sources":["../../../src/components/form/wrapper.tsx"],"sourcesContent":["import { DOMRef, FocusableRef } from '@react-types/shared';\nimport { BaseProps } from '@tenphi/tasty';\nimport { ReactElement, RefObject } from 'react';\n\nimport { FieldBaseProps, FormBaseProps } from '../../shared/index';\nimport { mergeProps } from '../../utils/react/index';\n\nimport { hasFieldContent, warnAboutForceField } from './field-chrome';\nimport { FieldWrapper } from './FieldWrapper/index';\nimport { warnAboutLegacyTooltip } from './legacy-tooltip';\n\n// The input is passed as `component`, never through props.children.\ninterface WrapWithFieldProps\n  extends FieldBaseProps,\n    Omit<BaseProps, 'children'>,\n    FormBaseProps {}\n\n/**\n * Whether `wrapWithField` renders the field chrome for these props. An\n * explicit `isBare` decides; `useFieldProps` sets `isBare={false}` on a bound\n * field, one passed a chrome prop, or one with a `validate` whose errors the\n * control shows (`withFieldChrome`).\n * Otherwise a non-empty `label` renders it, as does the deprecated\n * `forceField`.\n */\nexport function rendersFieldChrome(props: object) {\n  const { isBare, label, forceField } = props as WrapWithFieldProps;\n\n  if (isBare != null) return !isBare;\n\n  return hasFieldContent(label) || !!forceField;\n}\n\n/** Wraps a control in its field chrome when it has one, and forwards its chrome props. */\nexport function wrapWithField<T extends WrapWithFieldProps>(\n  component: ReactElement,\n  ref: RefObject<unknown> | FocusableRef<HTMLElement> | DOMRef<HTMLElement>,\n  props: T,\n) {\n  const isBare = !rendersFieldChrome(props);\n  let {\n    label,\n    extra,\n    labelPosition = 'top',\n    labelStyles,\n    isRequired,\n    isOptional,\n    isDisabled,\n    necessityIndicator,\n    message,\n    messageStyles,\n    description,\n    errorMessage,\n    isInvalid,\n    isValid,\n    labelProps,\n    fieldProps,\n    fieldStyles,\n    requiredMark = true,\n    labelTooltip,\n    isHidden,\n    labelSuffix,\n  } = props;\n\n  warnAboutForceField(props);\n\n  warnAboutLegacyTooltip(props);\n\n  // Merge fieldStyles as shorthand for fieldProps.styles (fieldStyles takes priority)\n  const mergedFieldProps = fieldStyles\n    ? mergeProps(fieldProps, { styles: fieldStyles })\n    : fieldProps;\n\n  // Merge labelStyles as shorthand for labelProps.styles (labelStyles takes priority)\n  const mergedLabelProps = labelStyles\n    ? mergeProps(labelProps, { styles: labelStyles })\n    : labelProps;\n\n  // Remove id from fieldProps to avoid duplication (id should be on the input element, not the field wrapper)\n  const { id: _id, ...fieldPropsWithoutId } = (mergedFieldProps as any) || {};\n\n  return (\n    <FieldWrapper\n      {...{\n        label,\n        isBare,\n        extra,\n        labelPosition,\n        isRequired,\n        isOptional,\n        isDisabled,\n        necessityIndicator,\n        labelProps: mergedLabelProps,\n        fieldProps: fieldPropsWithoutId,\n        message,\n        messageStyles,\n        description,\n        errorMessage,\n        isInvalid,\n        isValid,\n        requiredMark,\n        labelTooltip,\n        isHidden,\n        labelSuffix,\n        Component: component,\n        // Where the description and message ids come from; see\n        // `useFieldDescribedBy`, which points the control at them.\n        controlId: props.id,\n        ref,\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAyBA,SAAgBc,mBAAmBC,OAAe;CAChD,MAAM,EAAEC,QAAQC,OAAOC,eAAeH;AAEtC,KAAIC,UAAU,KAAM,QAAO,CAACA;AAE5B,QAAOR,gBAAgBS,MAAM,IAAI,CAAC,CAACC;;;AAIrC,SAAgBC,cACdC,WACAC,KACAN,OACA;CACA,MAAMC,SAAS,CAACF,mBAAmBC,MAAM;CACzC,IAAI,EACFE,OACAO,OACAC,gBAAgB,OAChBC,aACAC,YACAC,YACAC,YACAC,oBACAC,SACAC,eACAC,aACAC,cACAC,WACAC,SACAC,YACAC,YACAC,aACAC,eAAe,MACfC,cACAC,UACAC,gBACE5B;AAEJN,qBAAoBM,MAAM;AAE1BJ,wBAAuBI,MAAM;CAG7B,MAAM6B,mBAAmBL,cACrBhC,WAAW+B,YAAY,EAAEO,QAAQN,aAAa,CAAC,GAC/CD;CAGJ,MAAMQ,mBAAmBpB,cACrBnB,WAAW8B,YAAY,EAAEQ,QAAQnB,aAAa,CAAC,GAC/CW;CAGJ,MAAM,EAAEU,IAAIC,KAAK,GAAGC,wBAAyBL,oBAA4B,EAAE;AAE3E,QACE,oBAAC;EAEG3B;EACAD;EACAQ;EACAC;EACAE;EACAC;EACAC;EACAC;EACAO,YAAYS;EACZR,YAAYW;EACZlB;EACAC;EACAC;EACAC;EACAC;EACAC;EACAI;EACAC;EACAC;EACAC;EACAO,WAAW9B;EAGX+B,WAAWpC,MAAMgC;EACjB1B;GAEF"}
+{"version":3,"file":"wrapper.js","names":["DOMRef","FocusableRef","BaseProps","ReactElement","RefObject","FieldBaseProps","FormBaseProps","mergeProps","warnAboutForceField","FieldWrapper","warnAboutLegacyTooltip","WrapWithFieldProps","Omit","rendersFieldChrome","props","isBare","wrapWithField","component","ref","HTMLElement","T","label","extra","labelPosition","labelStyles","isRequired","isOptional","isDisabled","necessityIndicator","message","messageStyles","description","errorMessage","isInvalid","isValid","labelProps","fieldProps","fieldStyles","requiredMark","labelTooltip","isHidden","labelSuffix","mergedFieldProps","styles","mergedLabelProps","id","_id","fieldPropsWithoutId","Component","controlId"],"sources":["../../../src/components/form/wrapper.tsx"],"sourcesContent":["import { DOMRef, FocusableRef } from '@react-types/shared';\nimport { BaseProps } from '@tenphi/tasty';\nimport { ReactElement, RefObject } from 'react';\n\nimport { FieldBaseProps, FormBaseProps } from '../../shared/index';\nimport { mergeProps } from '../../utils/react/index';\n\nimport { warnAboutForceField } from './field-chrome';\nimport { FieldWrapper } from './FieldWrapper/index';\nimport { warnAboutLegacyTooltip } from './legacy-tooltip';\n\n// The input is passed as `component`, never through props.children.\ninterface WrapWithFieldProps\n  extends FieldBaseProps,\n    Omit<BaseProps, 'children'>,\n    FormBaseProps {}\n\n/** Field chrome is the default; only an explicit bare mode opts out. */\nexport function rendersFieldChrome(props: { isBare?: boolean }) {\n  return !props.isBare;\n}\n\n/** Wraps a control in its stable field presentation and forwards its chrome props. */\nexport function wrapWithField<T extends WrapWithFieldProps>(\n  component: ReactElement,\n  ref: RefObject<unknown> | FocusableRef<HTMLElement> | DOMRef<HTMLElement>,\n  props: T,\n) {\n  let {\n    label,\n    isBare = false,\n    extra,\n    labelPosition = 'top',\n    labelStyles,\n    isRequired,\n    isOptional,\n    isDisabled,\n    necessityIndicator,\n    message,\n    messageStyles,\n    description,\n    errorMessage,\n    isInvalid,\n    isValid,\n    labelProps,\n    fieldProps,\n    fieldStyles,\n    requiredMark = true,\n    labelTooltip,\n    isHidden,\n    labelSuffix,\n  } = props;\n\n  warnAboutForceField(props);\n\n  warnAboutLegacyTooltip(props);\n\n  // Merge fieldStyles as shorthand for fieldProps.styles (fieldStyles takes priority)\n  const mergedFieldProps = fieldStyles\n    ? mergeProps(fieldProps, { styles: fieldStyles })\n    : fieldProps;\n\n  // Merge labelStyles as shorthand for labelProps.styles (labelStyles takes priority)\n  const mergedLabelProps = labelStyles\n    ? mergeProps(labelProps, { styles: labelStyles })\n    : labelProps;\n\n  // Remove id from fieldProps to avoid duplication (id should be on the input element, not the field wrapper)\n  const { id: _id, ...fieldPropsWithoutId } = (mergedFieldProps as any) || {};\n\n  return (\n    <FieldWrapper\n      {...{\n        label,\n        isBare,\n        extra,\n        labelPosition,\n        isRequired,\n        isOptional,\n        isDisabled,\n        necessityIndicator,\n        labelProps: mergedLabelProps,\n        fieldProps: fieldPropsWithoutId,\n        message,\n        messageStyles,\n        description,\n        errorMessage,\n        isInvalid,\n        isValid,\n        requiredMark,\n        labelTooltip,\n        isHidden,\n        labelSuffix,\n        Component: component,\n        // Where the description and message ids come from; see\n        // `useFieldDescribedBy`, which points the control at them.\n        controlId: props.id,\n        ref,\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;AAkBA,SAAgBa,mBAAmBC,OAA6B;AAC9D,QAAO,CAACA,MAAMC;;;AAIhB,SAAgBC,cACdC,WACAC,KACAJ,OACA;CACA,IAAI,EACFO,OACAN,SAAS,OACTO,OACAC,gBAAgB,OAChBC,aACAC,YACAC,YACAC,YACAC,oBACAC,SACAC,eACAC,aACAC,cACAC,WACAC,SACAC,YACAC,YACAC,aACAC,eAAe,MACfC,cACAC,UACAC,gBACE3B;AAEJN,qBAAoBM,MAAM;AAE1BJ,wBAAuBI,MAAM;CAG7B,MAAM4B,mBAAmBL,cACrB9B,WAAW6B,YAAY,EAAEO,QAAQN,aAAa,CAAC,GAC/CD;CAGJ,MAAMQ,mBAAmBpB,cACrBjB,WAAW4B,YAAY,EAAEQ,QAAQnB,aAAa,CAAC,GAC/CW;CAGJ,MAAM,EAAEU,IAAIC,KAAK,GAAGC,wBAAyBL,oBAA4B,EAAE;AAE3E,QACE,oBAAC;EAEGrB;EACAN;EACAO;EACAC;EACAE;EACAC;EACAC;EACAC;EACAO,YAAYS;EACZR,YAAYW;EACZlB;EACAC;EACAC;EACAC;EACAC;EACAC;EACAI;EACAC;EACAC;EACAC;EACAO,WAAW/B;EAGXgC,WAAWnC,MAAM+B;EACjB3B;GAEF"}

package/dist/components/helpers/DisplayTransition/DisplayTransition.js

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

package/dist/components/helpers/IconSwitch/IconSwitch.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 import { DisplayTransition } from "../DisplayTransition/DisplayTransition.js";
 import { tasty } from "@tenphi/tasty";
 import { isValidElement, useCallback, useLayoutEffect, useRef, useState } from "react";

package/dist/components/layout/Flex.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/layout/Flow.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/layout/Grid.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/layout/Panel.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { BASE_STYLES, BLOCK_STYLES, COLOR_STYLES, DIMENSION_STYLES, OUTER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/layout/Prefix.js

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

package/dist/components/layout/ResizablePanel.js

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

package/dist/components/layout/Space.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/layout/Suffix.js

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

package/dist/components/navigation/Pagination/Pagination.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useI18n } from "../../../i18n/useI18n.js";

package/dist/components/navigation/Pagination/use-pagination.js

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

package/dist/components/navigation/Tabs/BoardDragActiveProvider.js

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

package/dist/components/navigation/Tabs/DraggableTabList.js

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

package/dist/components/navigation/Tabs/TabButton.js

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

package/dist/components/navigation/Tabs/TabDropIndicator.js

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

package/dist/components/navigation/Tabs/TabPanel.js

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

package/dist/components/navigation/Tabs/TabPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";

package/dist/components/navigation/Tabs/Tabs.js

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

package/dist/components/navigation/Tabs/TabsAction.js

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

package/dist/components/navigation/Tabs/TabsContext.js

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

package/dist/components/navigation/Tabs/popover-placement.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-05c61de | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-5b75dce | Cube Dev Team */
 //#region src/components/navigation/Tabs/popover-placement.ts
 /**
 * Maps the parent Tabs `placement` to the popover placement for menus and