@cube-dev/ui-kit 0.182.0 → 0.183.0

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

@@ -1,14 +1,16 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { useProviderProps } from "../../../../provider.js";
 import { Button } from "../../../actions/Button/Button.js";
 import { isModernFormController } from "../backend.js";
 import { useFormProps } from "../Form.js";
 import { ModernSubmitButton } from "../modern/actions.js";
+import { c } from "react-compiler-runtime";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/form/Form/SubmitButton/SubmitButton.tsx
 function LegacySubmitButton(props, ref) {
+	"use no memo";
 	const providerProps = useProviderProps({});
 	props = useFormProps(props);
 	const { isDisabled: isContextDisabled } = providerProps;
@@ -25,16 +27,36 @@ function LegacySubmitButton(props, ref) {
 	});
 }
 function SubmitButton(props, ref) {
+	const $ = c(7);
 	const resolved = useFormProps(props);
-	if (isModernFormController(resolved.form)) return /* @__PURE__ */ jsx(ModernSubmitButton, {
-		...resolved,
-		form: resolved.form,
-		buttonRef: ref
-	});
-	return /* @__PURE__ */ jsx(LegacySubmitButtonWithRef, {
-		...props,
-		ref
-	});
+	if (isModernFormController(resolved.form)) {
+		const t0 = resolved.form;
+		let t1;
+		if ($[0] !== ref || $[1] !== resolved || $[2] !== t0) {
+			t1 = /* @__PURE__ */ jsx(ModernSubmitButton, {
+				...resolved,
+				form: t0,
+				buttonRef: ref
+			});
+			$[0] = ref;
+			$[1] = resolved;
+			$[2] = t0;
+			$[3] = t1;
+		} else t1 = $[3];
+		return t1;
+	}
+	const t0 = props;
+	let t1;
+	if ($[4] !== ref || $[5] !== t0) {
+		t1 = /* @__PURE__ */ jsx(LegacySubmitButtonWithRef, {
+			...t0,
+			ref
+		});
+		$[4] = ref;
+		$[5] = t0;
+		$[6] = t1;
+	} else t1 = $[6];
+	return t1;
 }
 const LegacySubmitButtonWithRef = forwardRef(LegacySubmitButton);
 const _SubmitButton = forwardRef(SubmitButton);

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

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

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

@@ -1,52 +1,150 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { useI18n } from "../../../i18n/useI18n.js";
 import { ModernControllerContext } from "./modern/context.js";
 import { FormContext } from "./Form.js";
 import { useFormSelector } from "./modern/react.js";
 import { Alert } from "../../content/Alert/Alert.js";
+import { c } from "react-compiler-runtime";
 import { forwardRef, isValidElement, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/form/Form/SubmitError.tsx
-function ErrorAlert({ submitError, renderError, ...props }, ref) {
+function ErrorAlert(t0, ref) {
+	const $ = c(17);
+	let props;
+	let renderError;
+	let submitError;
+	if ($[0] !== t0) {
+		({submitError, renderError, ...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+		$[2] = renderError;
+		$[3] = submitError;
+	} else {
+		props = $[1];
+		renderError = $[2];
+		submitError = $[3];
+	}
 	const { t } = useI18n();
 	if (!submitError) return null;
-	if (renderError) return /* @__PURE__ */ jsx(Alert, {
-		ref,
-		theme: "danger",
-		...props,
-		children: renderError(submitError)
-	});
-	if (!isValidElement(submitError) && typeof submitError !== "string") submitError = t("form.internalError", "Internal error");
-	return /* @__PURE__ */ jsx(Alert, {
-		ref,
-		theme: "danger",
-		...props,
-		children: submitError
-	});
+	if (renderError) {
+		const t1 = props;
+		let t2;
+		if ($[4] !== renderError || $[5] !== submitError) {
+			t2 = renderError(submitError);
+			$[4] = renderError;
+			$[5] = submitError;
+			$[6] = t2;
+		} else t2 = $[6];
+		let t3;
+		if ($[7] !== props || $[8] !== ref || $[9] !== t2) {
+			t3 = /* @__PURE__ */ jsx(Alert, {
+				ref,
+				theme: "danger",
+				...t1,
+				children: t2
+			});
+			$[7] = props;
+			$[8] = ref;
+			$[9] = t2;
+			$[10] = t3;
+		} else t3 = $[10];
+		return t3;
+	}
+	if (!isValidElement(submitError) && typeof submitError !== "string") {
+		let t1;
+		if ($[11] !== t) {
+			t1 = t("form.internalError", "Internal error");
+			$[11] = t;
+			$[12] = t1;
+		} else t1 = $[12];
+		submitError = t1;
+	}
+	const t1 = submitError;
+	let t2;
+	if ($[13] !== props || $[14] !== ref || $[15] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Alert, {
+			ref,
+			theme: "danger",
+			...props,
+			children: t1
+		});
+		$[13] = props;
+		$[14] = ref;
+		$[15] = t1;
+		$[16] = t2;
+	} else t2 = $[16];
+	return t2;
 }
 const ForwardedErrorAlert = forwardRef(ErrorAlert);
-function ModernSubmitError({ form, alertRef, ...props }) {
-	const submitError = useFormSelector(form, (state) => state.submitError);
-	return /* @__PURE__ */ jsx(ForwardedErrorAlert, {
-		...props,
-		ref: alertRef,
-		submitError
-	});
+function ModernSubmitError(t0) {
+	const $ = c(8);
+	let alertRef;
+	let form;
+	let props;
+	if ($[0] !== t0) {
+		({form, alertRef, ...props} = t0);
+		$[0] = t0;
+		$[1] = alertRef;
+		$[2] = form;
+		$[3] = props;
+	} else {
+		alertRef = $[1];
+		form = $[2];
+		props = $[3];
+	}
+	const submitError = useFormSelector(form, _temp);
+	let t1;
+	if ($[4] !== alertRef || $[5] !== props || $[6] !== submitError) {
+		t1 = /* @__PURE__ */ jsx(ForwardedErrorAlert, {
+			...props,
+			ref: alertRef,
+			submitError
+		});
+		$[4] = alertRef;
+		$[5] = props;
+		$[6] = submitError;
+		$[7] = t1;
+	} else t1 = $[7];
+	return t1;
 }
-function SubmitError({ form, ...props }, ref) {
+function _temp(state) {
+	return state.submitError;
+}
+function SubmitError(t0, ref) {
+	const $ = c(8);
+	let form;
+	let props;
+	if ($[0] !== t0) {
+		({form, ...props} = t0);
+		$[0] = t0;
+		$[1] = form;
+		$[2] = props;
+	} else {
+		form = $[1];
+		props = $[2];
+	}
 	const context = useContext(ModernControllerContext);
 	const modern = form ?? context;
 	const legacy = useContext(FormContext);
-	return modern ? /* @__PURE__ */ jsx(ModernSubmitError, {
-		...props,
-		form: modern,
-		alertRef: ref
-	}) : /* @__PURE__ */ jsx(ForwardedErrorAlert, {
-		...props,
-		ref,
-		submitError: legacy.submitError
-	});
+	let t1;
+	if ($[3] !== legacy || $[4] !== modern || $[5] !== props || $[6] !== ref) {
+		t1 = modern ? /* @__PURE__ */ jsx(ModernSubmitError, {
+			...props,
+			form: modern,
+			alertRef: ref
+		}) : /* @__PURE__ */ jsx(ForwardedErrorAlert, {
+			...props,
+			ref,
+			submitError: legacy.submitError
+		});
+		$[3] = legacy;
+		$[4] = modern;
+		$[5] = props;
+		$[6] = ref;
+		$[7] = t1;
+	} else t1 = $[7];
+	return t1;
 }
 /**
 * An alert that shows a form error message received from the onSubmit callback.

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

@@ -1 +1 @@
-{"version":3,"file":"SubmitError.js","names":[],"sources":["../../../../src/components/form/Form/SubmitError.tsx"],"sourcesContent":["import {\n  ForwardedRef,\n  forwardRef,\n  isValidElement,\n  ReactNode,\n  useContext,\n} from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { Alert, CubeAlertProps } from '../../content/Alert/index';\n\nimport { FormContext } from './Form';\nimport { ModernControllerContext } from './modern/context';\nimport { useFormSelector } from './modern/react';\n\nimport type { FormController } from './modern/controller';\n\ntype SubmitErrorContextProps = {\n  submitError?: unknown;\n};\n\nexport interface CubeSubmitErrorProps extends CubeAlertProps {\n  form?: FormController<any>;\n  renderError?: (error: unknown) => ReactNode;\n}\n\nfunction ErrorAlert(\n  {\n    submitError,\n    renderError,\n    ...props\n  }: CubeSubmitErrorProps & SubmitErrorContextProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { t } = useI18n();\n\n  if (!submitError) {\n    return null;\n  }\n\n  if (renderError)\n    return (\n      <Alert ref={ref} theme=\"danger\" {...props}>\n        {renderError(submitError)}\n      </Alert>\n    );\n\n  if (\n    !isValidElement(submitError as ReactNode) &&\n    typeof submitError !== 'string'\n  ) {\n    submitError = t('form.internalError', 'Internal error');\n  }\n\n  return (\n    <Alert ref={ref} theme=\"danger\" {...props}>\n      {submitError as ReactNode}\n    </Alert>\n  );\n}\n\nconst ForwardedErrorAlert = forwardRef(ErrorAlert);\n\nfunction ModernSubmitError({\n  form,\n  alertRef,\n  ...props\n}: CubeSubmitErrorProps & {\n  form: FormController<any>;\n  alertRef: ForwardedRef<HTMLDivElement>;\n}) {\n  const submitError = useFormSelector(form, (state) => state.submitError);\n  return (\n    <ForwardedErrorAlert {...props} ref={alertRef} submitError={submitError} />\n  );\n}\n\nfunction SubmitError(\n  { form, ...props }: CubeSubmitErrorProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const context = useContext(ModernControllerContext);\n  const modern = form ?? context;\n  const legacy = useContext(FormContext) as SubmitErrorContextProps;\n  return modern ? (\n    <ModernSubmitError {...props} form={modern} alertRef={ref} />\n  ) : (\n    <ForwardedErrorAlert\n      {...props}\n      ref={ref}\n      submitError={legacy.submitError}\n    />\n  );\n}\n\n/**\n * An alert that shows a form error message received from the onSubmit callback.\n */\nconst _SubmitError = forwardRef(SubmitError);\n\n_SubmitError.displayName = 'SubmitError';\n\nexport { _SubmitError as SubmitError };\n"],"mappings":";;;;;;;;;;AA0BA,SAAS,WACP,EACE,aACA,aACA,GAAG,SAEL,KACA;CACA,MAAM,EAAE,MAAM,SAAS;AAEvB,KAAI,CAAC,YACH,QAAO;AAGT,KAAI,YACF,QACE,oBAAC;EAAW;EAAK,OAAM;EAAS,GAAI;YACjC,YAAY,YAAY;GACnB;AAGZ,KACE,CAAC,eAAe,YAAyB,IACzC,OAAO,gBAAgB,SAEvB,eAAc,EAAE,sBAAsB,iBAAiB;AAGzD,QACE,oBAAC;EAAW;EAAK,OAAM;EAAS,GAAI;YACjC;GACK;;AAIZ,MAAM,sBAAsB,WAAW,WAAW;AAElD,SAAS,kBAAkB,EACzB,MACA,UACA,GAAG,SAIF;CACD,MAAM,cAAc,gBAAgB,OAAO,UAAU,MAAM,YAAY;AACvE,QACE,oBAAC;EAAoB,GAAI;EAAO,KAAK;EAAuB;GAAe;;AAI/E,SAAS,YACP,EAAE,MAAM,GAAG,SACX,KACA;CACA,MAAM,UAAU,WAAW,wBAAwB;CACnD,MAAM,SAAS,QAAQ;CACvB,MAAM,SAAS,WAAW,YAAY;AACtC,QAAO,SACL,oBAAC;EAAkB,GAAI;EAAO,MAAM;EAAQ,UAAU;GAAO,GAE7D,oBAAC;EACC,GAAI;EACC;EACL,aAAa,OAAO;GACpB;;;;;AAON,MAAM,eAAe,WAAW,YAAY;AAE5C,aAAa,cAAc"}
+{"version":3,"file":"SubmitError.js","names":["ForwardedRef","forwardRef","isValidElement","ReactNode","useContext","useI18n","Alert","CubeAlertProps","FormContext","ModernControllerContext","useFormSelector","FormController","SubmitErrorContextProps","submitError","CubeSubmitErrorProps","form","renderError","error","ErrorAlert","t0","ref","$","_c","props","t","t2","t3","t1","ForwardedErrorAlert","ModernSubmitError","alertRef","_temp","state","SubmitError","context","modern","legacy","_SubmitError","displayName"],"sources":["../../../../src/components/form/Form/SubmitError.tsx"],"sourcesContent":["import {\n  ForwardedRef,\n  forwardRef,\n  isValidElement,\n  ReactNode,\n  useContext,\n} from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { Alert, CubeAlertProps } from '../../content/Alert/index';\n\nimport { FormContext } from './Form';\nimport { ModernControllerContext } from './modern/context';\nimport { useFormSelector } from './modern/react';\n\nimport type { FormController } from './modern/controller';\n\ntype SubmitErrorContextProps = {\n  submitError?: unknown;\n};\n\nexport interface CubeSubmitErrorProps extends CubeAlertProps {\n  form?: FormController<any>;\n  renderError?: (error: unknown) => ReactNode;\n}\n\nfunction ErrorAlert(\n  {\n    submitError,\n    renderError,\n    ...props\n  }: CubeSubmitErrorProps & SubmitErrorContextProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { t } = useI18n();\n\n  if (!submitError) {\n    return null;\n  }\n\n  if (renderError)\n    return (\n      <Alert ref={ref} theme=\"danger\" {...props}>\n        {renderError(submitError)}\n      </Alert>\n    );\n\n  if (\n    !isValidElement(submitError as ReactNode) &&\n    typeof submitError !== 'string'\n  ) {\n    submitError = t('form.internalError', 'Internal error');\n  }\n\n  return (\n    <Alert ref={ref} theme=\"danger\" {...props}>\n      {submitError as ReactNode}\n    </Alert>\n  );\n}\n\nconst ForwardedErrorAlert = forwardRef(ErrorAlert);\n\nfunction ModernSubmitError({\n  form,\n  alertRef,\n  ...props\n}: CubeSubmitErrorProps & {\n  form: FormController<any>;\n  alertRef: ForwardedRef<HTMLDivElement>;\n}) {\n  const submitError = useFormSelector(form, (state) => state.submitError);\n  return (\n    <ForwardedErrorAlert {...props} ref={alertRef} submitError={submitError} />\n  );\n}\n\nfunction SubmitError(\n  { form, ...props }: CubeSubmitErrorProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const context = useContext(ModernControllerContext);\n  const modern = form ?? context;\n  const legacy = useContext(FormContext) as SubmitErrorContextProps;\n  return modern ? (\n    <ModernSubmitError {...props} form={modern} alertRef={ref} />\n  ) : (\n    <ForwardedErrorAlert\n      {...props}\n      ref={ref}\n      submitError={legacy.submitError}\n    />\n  );\n}\n\n/**\n * An alert that shows a form error message received from the onSubmit callback.\n */\nconst _SubmitError = forwardRef(SubmitError);\n\n_SubmitError.displayName = 'SubmitError';\n\nexport { _SubmitError as SubmitError };\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.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/backend.js.map

@@ -1 +1 @@
-{"version":3,"file":"backend.js","names":[],"sources":["../../../../src/components/form/Form/backend.ts"],"sourcesContent":["/**\n * Nominal branding for the two Form backends (modernization plan §5.1).\n *\n * The legacy engine (`CubeFormInstance`) and the modern controller are not\n * structurally interchangeable: each carries this symbol with its backend\n * kind, the `<Form>` facade dispatches on it before any backend hook runs, and\n * the legacy field adapter refuses a controller it cannot bind.\n *\n * Modern controllers support creation, selectors, fields, validation, and submission.\n * Legacy-only APIs reject them explicitly.\n */\nexport const FORM_BACKEND: unique symbol = Symbol.for(\n  '@cube-dev/ui-kit/form-backend',\n);\n\nexport interface LegacyFormBrand {\n  readonly [FORM_BACKEND]: 'legacy';\n}\n\nexport interface ModernFormBrand {\n  readonly [FORM_BACKEND]: 'modern';\n}\n\nexport type { FormController } from './modern/controller';\n\n/**\n * Only a modern brand is ever checked. Anything else — a branded legacy\n * instance, but also an unbranded object — counts as legacy on purpose: Cloud\n * narrows form props to structural types and its tests pass plain mocks, and\n * the legacy engine has always accepted them.\n */\nexport function isModernFormController(\n  value: unknown,\n): value is ModernFormBrand {\n  return (\n    !!value &&\n    typeof value === 'object' &&\n    (value as Record<PropertyKey, unknown>)[FORM_BACKEND] === 'modern'\n  );\n}\n\nexport function modernBackendUnavailableError(receiver: string): Error {\n  return new Error(\n    `${receiver} received a modern form controller, but this legacy API does not support modern controllers. Use named inputs or useFieldProps with a modern controller; Form.Item and Form.useForm() remain legacy-only.`,\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAWA,MAAa,eAA8B,OAAO,IAChD,gCACD;;;;;;;AAkBD,SAAgB,uBACd,OAC0B;AAC1B,QACE,CAAC,CAAC,SACF,OAAO,UAAU,YAChB,MAAuC,kBAAkB;;AAI9D,SAAgB,8BAA8B,UAAyB;AACrE,wBAAO,IAAI,MACT,GAAG,SAAS,2MACb"}
+{"version":3,"file":"backend.js","names":["FORM_BACKEND","Symbol","for","LegacyFormBrand","ModernFormBrand","FormController","isModernFormController","value","Record","PropertyKey","modernBackendUnavailableError","receiver","Error"],"sources":["../../../../src/components/form/Form/backend.ts"],"sourcesContent":["/**\n * Nominal branding for the two Form backends (modernization plan §5.1).\n *\n * The legacy engine (`CubeFormInstance`) and the modern controller are not\n * structurally interchangeable: each carries this symbol with its backend\n * kind, the `<Form>` facade dispatches on it before any backend hook runs, and\n * the legacy field adapter refuses a controller it cannot bind.\n *\n * Modern controllers support creation, selectors, fields, validation, and submission.\n * Legacy-only APIs reject them explicitly.\n */\nexport const FORM_BACKEND: unique symbol = Symbol.for(\n  '@cube-dev/ui-kit/form-backend',\n);\n\nexport interface LegacyFormBrand {\n  readonly [FORM_BACKEND]: 'legacy';\n}\n\nexport interface ModernFormBrand {\n  readonly [FORM_BACKEND]: 'modern';\n}\n\nexport type { FormController } from './modern/controller';\n\n/**\n * Only a modern brand is ever checked. Anything else — a branded legacy\n * instance, but also an unbranded object — counts as legacy on purpose: Cloud\n * narrows form props to structural types and its tests pass plain mocks, and\n * the legacy engine has always accepted them.\n */\nexport function isModernFormController(\n  value: unknown,\n): value is ModernFormBrand {\n  return (\n    !!value &&\n    typeof value === 'object' &&\n    (value as Record<PropertyKey, unknown>)[FORM_BACKEND] === 'modern'\n  );\n}\n\nexport function modernBackendUnavailableError(receiver: string): Error {\n  return new Error(\n    `${receiver} received a modern form controller, but this legacy API does not support modern controllers. Use named inputs or useFieldProps with a modern controller; Form.Item and Form.useForm() remain legacy-only.`,\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAWA,MAAaA,eAA8BC,OAAOC,IAChD,gCACD;;;;;;;AAkBD,SAAgBI,uBACdC,OAC0B;AAC1B,QACE,CAAC,CAACA,SACF,OAAOA,UAAU,YAChBA,MAAuCP,kBAAkB;;AAI9D,SAAgBU,8BAA8BC,UAAyB;AACrE,wBAAO,IAAIC,MACT,GAAGD,SAAQ,2MACZ"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["SubmitButton","ResetButton"],"sources":["../../../../src/components/form/Form/index.ts"],"sourcesContent":["import { Field } from './Field';\nimport {\n  Form as _Form,\n  FormContext,\n  FormScopeMask,\n  useFormProps,\n} from './Form';\nimport { useFormControllerContext } from './modern/context';\nimport {\n  FormSubscribe,\n  useFormController,\n  useFormFieldState,\n  useFormSelector,\n  useFormValue,\n} from './modern/react';\nimport { ResetButton } from './ResetButton';\nimport { SubmitButton } from './SubmitButton';\nimport { SubmitError } from './SubmitError';\nimport { useForm } from './use-form';\n\nconst Form = Object.assign(\n  _Form as typeof _Form & {\n    Item: typeof Field;\n    SubmitError: typeof SubmitError;\n    Submit: typeof SubmitButton;\n    Reset: typeof ResetButton;\n    useForm: typeof useForm;\n    useController: typeof useFormController;\n    useSelector: typeof useFormSelector;\n    useValue: typeof useFormValue;\n    useFieldState: typeof useFormFieldState;\n    Subscribe: typeof FormSubscribe;\n    useControllerContext: typeof useFormControllerContext;\n  },\n  {\n    Item: Field,\n    useForm,\n    useController: useFormController,\n    useSelector: useFormSelector,\n    useValue: useFormValue,\n    useFieldState: useFormFieldState,\n    Subscribe: FormSubscribe,\n    useControllerContext: useFormControllerContext,\n    Submit: SubmitButton,\n    Reset: ResetButton,\n    SubmitError,\n  },\n);\n\nexport * from './SubmitError';\nexport * from './SubmitButton';\nexport * from './ResetButton';\nexport * from './use-field';\nexport { useFormProps, Form, Field, useForm, FormContext, FormScopeMask };\nexport type { CubeFormProps } from './Form';\nexport type { ModernFormProps } from './ModernFormRoot';\nexport type {\n  FormController,\n  ModernFormState,\n  ModernFieldState,\n  ModernSubmitFailure,\n  UseFormControllerOptions,\n  ModernValidationRule,\n  ModernValidationResult,\n  ModernFieldValidationResult,\n  ModernSubmitResult,\n} from './modern/controller';\nexport type { FormSelectorOptions, FormSubscribeProps } from './modern/react';\nexport type {\n  FormChange,\n  SetValueOptions,\n  ModernSubmitContext,\n} from './modern/types';\nexport type { ModernValidationContext } from './modern/validation';\nexport type { FormPath } from './modern/values';\nexport type { FormValueAtPath } from './modern/path-types';\nexport type { CubeFormInstance } from './use-form';\nexport type { FieldTypes, Fields } from './types';\n\nexport type {\n  FormField,\n  FormFieldOptions,\n  FormFieldContext,\n} from './modern/field';\nexport type { FormReadValue, FormValues } from './modern/read-types';\n"],"mappings":";;;;;;;;;;;;;AAoBA,MAAM,OAAO,OAAO,OAClB,OAaA;CACE,MAAM;CACN;CACA,eAAe;CACf,aAAa;CACb,UAAU;CACV,eAAe;CACf,WAAW;CACX,sBAAsB;CACtB,QAAQA;CACR,OAAOC;CACP;CACD,CACF"}
+{"version":3,"file":"index.js","names":["Field","Form","_Form","FormContext","FormScopeMask","useFormProps","useFormControllerContext","FormSubscribe","useFormController","useFormFieldState","useFormSelector","useFormValue","ResetButton","SubmitButton","SubmitError","useForm","Object","assign","Item","Submit","Reset","useController","useSelector","useValue","useFieldState","Subscribe","useControllerContext","CubeFormProps","ModernFormProps","FormController","ModernFormState","ModernFieldState","ModernSubmitFailure","UseFormControllerOptions","ModernValidationRule","ModernValidationResult","ModernFieldValidationResult","ModernSubmitResult","FormSelectorOptions","FormSubscribeProps","FormChange","SetValueOptions","ModernSubmitContext","ModernValidationContext","FormPath","FormValueAtPath","CubeFormInstance","FieldTypes","Fields","FormField","FormFieldOptions","FormFieldContext","FormReadValue","FormValues"],"sources":["../../../../src/components/form/Form/index.ts"],"sourcesContent":["import { Field } from './Field';\nimport {\n  Form as _Form,\n  FormContext,\n  FormScopeMask,\n  useFormProps,\n} from './Form';\nimport { useFormControllerContext } from './modern/context';\nimport {\n  FormSubscribe,\n  useFormController,\n  useFormFieldState,\n  useFormSelector,\n  useFormValue,\n} from './modern/react';\nimport { ResetButton } from './ResetButton';\nimport { SubmitButton } from './SubmitButton';\nimport { SubmitError } from './SubmitError';\nimport { useForm } from './use-form';\n\nconst Form = Object.assign(\n  _Form as typeof _Form & {\n    Item: typeof Field;\n    SubmitError: typeof SubmitError;\n    Submit: typeof SubmitButton;\n    Reset: typeof ResetButton;\n    useForm: typeof useForm;\n    useController: typeof useFormController;\n    useSelector: typeof useFormSelector;\n    useValue: typeof useFormValue;\n    useFieldState: typeof useFormFieldState;\n    Subscribe: typeof FormSubscribe;\n    useControllerContext: typeof useFormControllerContext;\n  },\n  {\n    Item: Field,\n    useForm,\n    useController: useFormController,\n    useSelector: useFormSelector,\n    useValue: useFormValue,\n    useFieldState: useFormFieldState,\n    Subscribe: FormSubscribe,\n    useControllerContext: useFormControllerContext,\n    Submit: SubmitButton,\n    Reset: ResetButton,\n    SubmitError,\n  },\n);\n\nexport * from './SubmitError';\nexport * from './SubmitButton';\nexport * from './ResetButton';\nexport * from './use-field';\nexport { useFormProps, Form, Field, useForm, FormContext, FormScopeMask };\nexport type { CubeFormProps } from './Form';\nexport type { ModernFormProps } from './ModernFormRoot';\nexport type {\n  FormController,\n  ModernFormState,\n  ModernFieldState,\n  ModernSubmitFailure,\n  UseFormControllerOptions,\n  ModernValidationRule,\n  ModernValidationResult,\n  ModernFieldValidationResult,\n  ModernSubmitResult,\n} from './modern/controller';\nexport type { FormSelectorOptions, FormSubscribeProps } from './modern/react';\nexport type {\n  FormChange,\n  SetValueOptions,\n  ModernSubmitContext,\n} from './modern/types';\nexport type { ModernValidationContext } from './modern/validation';\nexport type { FormPath } from './modern/values';\nexport type { FormValueAtPath } from './modern/path-types';\nexport type { CubeFormInstance } from './use-form';\nexport type { FieldTypes, Fields } from './types';\n\nexport type {\n  FormField,\n  FormFieldOptions,\n  FormFieldContext,\n} from './modern/field';\nexport type { FormReadValue, FormValues } from './modern/read-types';\n"],"mappings":";;;;;;;;;;;;;AAoBA,MAAMC,OAAOe,OAAOC,OAClBf,OAaA;CACEgB,MAAMlB;CACNe;CACAM,eAAeb;CACfc,aAAaZ;CACba,UAAUZ;CACVa,eAAef;CACfgB,WAAWlB;CACXmB,sBAAsBpB;CACtBa,QAAQN;CACRO,OAAOR;CACPE;CAEJ,CAAC"}

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

@@ -1,57 +1,152 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { useEvent } from "../../../../_internal/hooks/use-event.js";
 import { useProviderProps } from "../../../../provider.js";
 import { Button } from "../../../actions/Button/Button.js";
 import { getControllerInternals } from "./controller.js";
 import { useFormSelector } from "./react.js";
+import { c } from "react-compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/form/Form/modern/actions.tsx
-function ModernSubmitButton({ form, buttonRef, onClick, disableOnInvalid = false, ...props }) {
-	const { isDisabled: contextDisabled } = useProviderProps({});
-	const submitting = useFormSelector(form, (state) => state.isSubmitting);
-	const invalid = useFormSelector(form, (state) => state.isInvalid);
-	const click = useEvent((event) => {
-		onClick?.(event);
-		if (event.defaultPrevented) return;
-		const root = getControllerInternals(form, "<Form.Submit>").getRootElement();
-		const button = event.currentTarget;
-		if (root && button.form === root && button.type === "submit") return;
-		event.preventDefault();
-		if (root?.isConnected) root.requestSubmit();
-		else form.submit();
-	});
-	return /* @__PURE__ */ jsx(Button, {
-		ref: buttonRef,
-		type: "primary",
-		htmlType: "submit",
-		isLoading: submitting,
-		...props,
-		onClick: click,
-		isDisabled: contextDisabled || props.isDisabled || submitting || disableOnInvalid && invalid
-	});
+function ModernSubmitButton(t0) {
+	const $ = c(16);
+	let buttonRef;
+	let form;
+	let onClick;
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({form, buttonRef, onClick, disableOnInvalid: t1, ...props} = t0);
+		$[0] = t0;
+		$[1] = buttonRef;
+		$[2] = form;
+		$[3] = onClick;
+		$[4] = props;
+		$[5] = t1;
+	} else {
+		buttonRef = $[1];
+		form = $[2];
+		onClick = $[3];
+		props = $[4];
+		t1 = $[5];
+	}
+	const disableOnInvalid = t1 === void 0 ? false : t1;
+	let t2;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = {};
+		$[6] = t2;
+	} else t2 = $[6];
+	const { isDisabled: contextDisabled } = useProviderProps(t2);
+	const submitting = useFormSelector(form, _temp);
+	const invalid = useFormSelector(form, _temp2);
+	let t3;
+	if ($[7] !== form || $[8] !== onClick) {
+		t3 = (event) => {
+			onClick?.(event);
+			if (event.defaultPrevented) return;
+			const root = getControllerInternals(form, "<Form.Submit>").getRootElement();
+			const button = event.currentTarget;
+			if (root && button.form === root && button.type === "submit") return;
+			event.preventDefault();
+			if (root?.isConnected) root.requestSubmit();
+			else form.submit();
+		};
+		$[7] = form;
+		$[8] = onClick;
+		$[9] = t3;
+	} else t3 = $[9];
+	const click = useEvent(t3);
+	const t4 = contextDisabled || props.isDisabled || submitting || disableOnInvalid && invalid;
+	let t5;
+	if ($[10] !== buttonRef || $[11] !== click || $[12] !== props || $[13] !== submitting || $[14] !== t4) {
+		t5 = /* @__PURE__ */ jsx(Button, {
+			ref: buttonRef,
+			type: "primary",
+			htmlType: "submit",
+			isLoading: submitting,
+			...props,
+			onClick: click,
+			isDisabled: t4
+		});
+		$[10] = buttonRef;
+		$[11] = click;
+		$[12] = props;
+		$[13] = submitting;
+		$[14] = t4;
+		$[15] = t5;
+	} else t5 = $[15];
+	return t5;
 }
-function ModernResetButton({ form, buttonRef, onClick, ...props }) {
-	const { isDisabled: contextDisabled } = useProviderProps({});
-	const canReset = useFormSelector(form, (state) => state.canReset);
-	const reset = useEvent((event) => {
-		onClick?.(event);
-		if (event.defaultPrevented) return;
-		const root = getControllerInternals(form, "<Form.Reset>").getRootElement();
-		const button = event.currentTarget;
-		if (root && button.form === root && button.type === "reset") return;
-		event.preventDefault();
-		if (root?.isConnected) root.reset();
-		else form.reset();
-	});
-	return /* @__PURE__ */ jsx(Button, {
-		ref: buttonRef,
-		type: "primary",
-		htmlType: "button",
-		...props,
-		onClick: reset,
-		isDisabled: contextDisabled || props.isDisabled || !canReset
-	});
+function _temp2(state_0) {
+	return state_0.isInvalid;
+}
+function _temp(state) {
+	return state.isSubmitting;
+}
+function ModernResetButton(t0) {
+	const $ = c(14);
+	let buttonRef;
+	let form;
+	let onClick;
+	let props;
+	if ($[0] !== t0) {
+		({form, buttonRef, onClick, ...props} = t0);
+		$[0] = t0;
+		$[1] = buttonRef;
+		$[2] = form;
+		$[3] = onClick;
+		$[4] = props;
+	} else {
+		buttonRef = $[1];
+		form = $[2];
+		onClick = $[3];
+		props = $[4];
+	}
+	let t1;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = {};
+		$[5] = t1;
+	} else t1 = $[5];
+	const { isDisabled: contextDisabled } = useProviderProps(t1);
+	const canReset = useFormSelector(form, _temp3);
+	let t2;
+	if ($[6] !== form || $[7] !== onClick) {
+		t2 = (event) => {
+			onClick?.(event);
+			if (event.defaultPrevented) return;
+			const root = getControllerInternals(form, "<Form.Reset>").getRootElement();
+			const button = event.currentTarget;
+			if (root && button.form === root && button.type === "reset") return;
+			event.preventDefault();
+			if (root?.isConnected) root.reset();
+			else form.reset();
+		};
+		$[6] = form;
+		$[7] = onClick;
+		$[8] = t2;
+	} else t2 = $[8];
+	const reset = useEvent(t2);
+	const t3 = contextDisabled || props.isDisabled || !canReset;
+	let t4;
+	if ($[9] !== buttonRef || $[10] !== props || $[11] !== reset || $[12] !== t3) {
+		t4 = /* @__PURE__ */ jsx(Button, {
+			ref: buttonRef,
+			type: "primary",
+			htmlType: "button",
+			...props,
+			onClick: reset,
+			isDisabled: t3
+		});
+		$[9] = buttonRef;
+		$[10] = props;
+		$[11] = reset;
+		$[12] = t3;
+		$[13] = t4;
+	} else t4 = $[13];
+	return t4;
+}
+function _temp3(state) {
+	return state.canReset;
 }
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"actions.js","names":[],"sources":["../../../../../src/components/form/Form/modern/actions.tsx"],"sourcesContent":["import { useEvent } from '../../../../_internal/hooks/use-event';\nimport { useProviderProps } from '../../../../provider';\nimport { Button } from '../../../actions/Button/Button';\n\nimport { getControllerInternals } from './controller';\nimport { useFormSelector } from './react';\n\nimport type { FocusableRef } from '@react-types/shared';\nimport type { MouseEvent } from 'react';\nimport type { CubeButtonProps } from '../../../actions/Button/Button';\nimport type { FormController } from './controller';\n\nexport function ModernSubmitButton({\n  form,\n  buttonRef,\n  onClick,\n  disableOnInvalid = false,\n  ...props\n}: CubeButtonProps & {\n  form: FormController<any>;\n  buttonRef: FocusableRef<HTMLElement>;\n  disableOnInvalid?: boolean;\n}) {\n  const { isDisabled: contextDisabled } = useProviderProps(\n    {} as CubeButtonProps,\n  );\n  const submitting = useFormSelector(form, (state) => state.isSubmitting);\n  const invalid = useFormSelector(form, (state) => state.isInvalid);\n  const click = useEvent((event: MouseEvent<HTMLElement>) => {\n    onClick?.(event);\n    if (event.defaultPrevented) return;\n    const root = getControllerInternals(form, '<Form.Submit>').getRootElement();\n    const button = event.currentTarget as HTMLButtonElement;\n    if (root && button.form === root && button.type === 'submit') return;\n    event.preventDefault();\n    if (root?.isConnected) root.requestSubmit();\n    else void form.submit();\n  });\n  return (\n    <Button\n      ref={buttonRef}\n      type=\"primary\"\n      htmlType=\"submit\"\n      isLoading={submitting}\n      {...props}\n      onClick={click}\n      isDisabled={\n        contextDisabled ||\n        props.isDisabled ||\n        submitting ||\n        (disableOnInvalid && invalid)\n      }\n    />\n  );\n}\n\nexport function ModernResetButton({\n  form,\n  buttonRef,\n  onClick,\n  ...props\n}: CubeButtonProps & {\n  form: FormController<any>;\n  buttonRef: FocusableRef<HTMLElement>;\n}) {\n  const { isDisabled: contextDisabled } = useProviderProps(\n    {} as CubeButtonProps,\n  );\n  const canReset = useFormSelector(form, (state) => state.canReset);\n  const reset = useEvent((event: MouseEvent<HTMLElement>) => {\n    onClick?.(event);\n    if (event.defaultPrevented) return;\n    const root = getControllerInternals(form, '<Form.Reset>').getRootElement();\n    const button = event.currentTarget as HTMLButtonElement;\n    if (root && button.form === root && button.type === 'reset') return;\n    event.preventDefault();\n    if (root?.isConnected) root.reset();\n    else form.reset();\n  });\n  return (\n    <Button\n      ref={buttonRef}\n      type=\"primary\"\n      htmlType=\"button\"\n      {...props}\n      onClick={reset}\n      isDisabled={contextDisabled || props.isDisabled || !canReset}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;AAYA,SAAgB,mBAAmB,EACjC,MACA,WACA,SACA,mBAAmB,OACnB,GAAG,SAKF;CACD,MAAM,EAAE,YAAY,oBAAoB,iBACtC,EAAE,CACH;CACD,MAAM,aAAa,gBAAgB,OAAO,UAAU,MAAM,aAAa;CACvE,MAAM,UAAU,gBAAgB,OAAO,UAAU,MAAM,UAAU;CACjE,MAAM,QAAQ,UAAU,UAAmC;AACzD,YAAU,MAAM;AAChB,MAAI,MAAM,iBAAkB;EAC5B,MAAM,OAAO,uBAAuB,MAAM,gBAAgB,CAAC,gBAAgB;EAC3E,MAAM,SAAS,MAAM;AACrB,MAAI,QAAQ,OAAO,SAAS,QAAQ,OAAO,SAAS,SAAU;AAC9D,QAAM,gBAAgB;AACtB,MAAI,MAAM,YAAa,MAAK,eAAe;MACtC,CAAK,KAAK,QAAQ;GACvB;AACF,QACE,oBAAC;EACC,KAAK;EACL,MAAK;EACL,UAAS;EACT,WAAW;EACX,GAAI;EACJ,SAAS;EACT,YACE,mBACA,MAAM,cACN,cACC,oBAAoB;GAEvB;;AAIN,SAAgB,kBAAkB,EAChC,MACA,WACA,SACA,GAAG,SAIF;CACD,MAAM,EAAE,YAAY,oBAAoB,iBACtC,EAAE,CACH;CACD,MAAM,WAAW,gBAAgB,OAAO,UAAU,MAAM,SAAS;CACjE,MAAM,QAAQ,UAAU,UAAmC;AACzD,YAAU,MAAM;AAChB,MAAI,MAAM,iBAAkB;EAC5B,MAAM,OAAO,uBAAuB,MAAM,eAAe,CAAC,gBAAgB;EAC1E,MAAM,SAAS,MAAM;AACrB,MAAI,QAAQ,OAAO,SAAS,QAAQ,OAAO,SAAS,QAAS;AAC7D,QAAM,gBAAgB;AACtB,MAAI,MAAM,YAAa,MAAK,OAAO;MAC9B,MAAK,OAAO;GACjB;AACF,QACE,oBAAC;EACC,KAAK;EACL,MAAK;EACL,UAAS;EACT,GAAI;EACJ,SAAS;EACT,YAAY,mBAAmB,MAAM,cAAc,CAAC;GACpD"}
+{"version":3,"file":"actions.js","names":["useEvent","useProviderProps","Button","getControllerInternals","useFormSelector","FocusableRef","MouseEvent","CubeButtonProps","FormController","ModernSubmitButton","t0","$","_c","buttonRef","form","onClick","props","t1","disableOnInvalid","undefined","t2","Symbol","for","isDisabled","contextDisabled","submitting","_temp","invalid","_temp2","t3","event","defaultPrevented","root","getRootElement","button","currentTarget","HTMLButtonElement","type","preventDefault","isConnected","requestSubmit","submit","click","t4","t5","state_0","state","isInvalid","isSubmitting","ModernResetButton","canReset","_temp3","reset"],"sources":["../../../../../src/components/form/Form/modern/actions.tsx"],"sourcesContent":["import { useEvent } from '../../../../_internal/hooks/use-event';\nimport { useProviderProps } from '../../../../provider';\nimport { Button } from '../../../actions/Button/Button';\n\nimport { getControllerInternals } from './controller';\nimport { useFormSelector } from './react';\n\nimport type { FocusableRef } from '@react-types/shared';\nimport type { MouseEvent } from 'react';\nimport type { CubeButtonProps } from '../../../actions/Button/Button';\nimport type { FormController } from './controller';\n\nexport function ModernSubmitButton({\n  form,\n  buttonRef,\n  onClick,\n  disableOnInvalid = false,\n  ...props\n}: CubeButtonProps & {\n  form: FormController<any>;\n  buttonRef: FocusableRef<HTMLElement>;\n  disableOnInvalid?: boolean;\n}) {\n  const { isDisabled: contextDisabled } = useProviderProps(\n    {} as CubeButtonProps,\n  );\n  const submitting = useFormSelector(form, (state) => state.isSubmitting);\n  const invalid = useFormSelector(form, (state) => state.isInvalid);\n  const click = useEvent((event: MouseEvent<HTMLElement>) => {\n    onClick?.(event);\n    if (event.defaultPrevented) return;\n    const root = getControllerInternals(form, '<Form.Submit>').getRootElement();\n    const button = event.currentTarget as HTMLButtonElement;\n    if (root && button.form === root && button.type === 'submit') return;\n    event.preventDefault();\n    if (root?.isConnected) root.requestSubmit();\n    else void form.submit();\n  });\n  return (\n    <Button\n      ref={buttonRef}\n      type=\"primary\"\n      htmlType=\"submit\"\n      isLoading={submitting}\n      {...props}\n      onClick={click}\n      isDisabled={\n        contextDisabled ||\n        props.isDisabled ||\n        submitting ||\n        (disableOnInvalid && invalid)\n      }\n    />\n  );\n}\n\nexport function ModernResetButton({\n  form,\n  buttonRef,\n  onClick,\n  ...props\n}: CubeButtonProps & {\n  form: FormController<any>;\n  buttonRef: FocusableRef<HTMLElement>;\n}) {\n  const { isDisabled: contextDisabled } = useProviderProps(\n    {} as CubeButtonProps,\n  );\n  const canReset = useFormSelector(form, (state) => state.canReset);\n  const reset = useEvent((event: MouseEvent<HTMLElement>) => {\n    onClick?.(event);\n    if (event.defaultPrevented) return;\n    const root = getControllerInternals(form, '<Form.Reset>').getRootElement();\n    const button = event.currentTarget as HTMLButtonElement;\n    if (root && button.form === root && button.type === 'reset') return;\n    event.preventDefault();\n    if (root?.isConnected) root.reset();\n    else form.reset();\n  });\n  return (\n    <Button\n      ref={buttonRef}\n      type=\"primary\"\n      htmlType=\"button\"\n      {...props}\n      onClick={reset}\n      isDisabled={contextDisabled || props.isDisabled || !canReset}\n    />\n  );\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.182.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/form/Form/modern/context.ts

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../../../src/components/form/Form/modern/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport type { FormController } from './controller';\n\nexport const ModernControllerContext =\n  createContext<FormController<any> | null>(null);\n\nexport function useFormControllerContext<\n  T extends object = Record<string, unknown>,\n>(): FormController<T> {\n  const controller = useContext(ModernControllerContext);\n  if (!controller) {\n    throw new Error(\n      'Form.useControllerContext() requires a modern <Form> root. Legacy forms and FormScopeMask do not provide a modern controller.',\n    );\n  }\n  return controller;\n}\n"],"mappings":";;;;AAIA,MAAa,0BACX,cAA0C,KAAK;AAEjD,SAAgB,2BAEO;CACrB,MAAM,aAAa,WAAW,wBAAwB;AACtD,KAAI,CAAC,WACH,OAAM,IAAI,MACR,gIACD;AAEH,QAAO"}
+{"version":3,"file":"context.js","names":["createContext","useContext","FormController","ModernControllerContext","useFormControllerContext","controller","Error"],"sources":["../../../../../src/components/form/Form/modern/context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport type { FormController } from './controller';\n\nexport const ModernControllerContext =\n  createContext<FormController<any> | null>(null);\n\nexport function useFormControllerContext<\n  T extends object = Record<string, unknown>,\n>(): FormController<T> {\n  const controller = useContext(ModernControllerContext);\n  if (!controller) {\n    throw new Error(\n      'Form.useControllerContext() requires a modern <Form> root. Legacy forms and FormScopeMask do not provide a modern controller.',\n    );\n  }\n  return controller;\n}\n"],"mappings":";;;;AAIA,MAAaG,0BACXH,cAA0C,KAAK;AAEjD,SAAOI,2BAAA;CAGL,MAAAC,aAAmBJ,WAAWE,wBAAwB;AACtD,KAAI,CAACE,WACH,OAAM,IAAIC,MACR,gIACD;AACF,QACMD"}

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

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