@cube-dev/ui-kit 0.196.0 → 0.198.0

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

@@ -2,18 +2,16 @@
 import { FormController } from "./modern/controller.js";
 import { CubeAlertProps } from "../../content/Alert/types.js";
 import "../../content/Alert/index.js";
-import * as react from "react";
 import { ReactNode } from "react";
-
 //#region src/components/form/Form/SubmitError.d.ts
-interface CubeSubmitErrorProps extends CubeAlertProps {
+export interface CubeSubmitErrorProps extends CubeAlertProps {
   form?: FormController<any>;
   renderError?: (error: unknown) => ReactNode;
 }
 /**
  * An alert that shows a form error message received from the onSubmit callback.
  */
-declare const _SubmitError: react.ForwardRefExoticComponent<CubeSubmitErrorProps & react.RefAttributes<HTMLDivElement>>;
+declare const _SubmitError: import("react").ForwardRefExoticComponent<CubeSubmitErrorProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
-export { CubeSubmitErrorProps, _SubmitError };
+export { _SubmitError as SubmitError };
 //# sourceMappingURL=SubmitError.d.ts.map

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { useI18n } from "../../../i18n/useI18n.js";
 import { ModernControllerContext } from "./modern/context.js";
 import { FormContext } from "./Form.js";
@@ -7,7 +7,6 @@ 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(t0, ref) {
 	const $ = c(17);
@@ -151,7 +150,7 @@ function SubmitError(t0, ref) {
 */
 const _SubmitError = forwardRef(SubmitError);
 _SubmitError.displayName = "SubmitError";
-
 //#endregion
-export { _SubmitError };
+export { _SubmitError as SubmitError };
+
 //# sourceMappingURL=SubmitError.js.map

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

@@ -1 +1 @@
-{"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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"}
+{"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","_c"],"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.d.ts

@@ -1,6 +1,5 @@
 
 import { FormController } from "./modern/controller.js";
-
 //#region src/components/form/Form/backend.d.ts
 /**
  * Nominal branding for the two Form backends (modernization plan §5.1).
@@ -13,13 +12,12 @@ import { FormController } from "./modern/controller.js";
  * Modern controllers support creation, selectors, fields, validation, and submission.
  * Legacy-only APIs reject them explicitly.
  */
-declare const FORM_BACKEND: unique symbol;
-interface LegacyFormBrand {
+export declare const FORM_BACKEND: unique symbol;
+export interface LegacyFormBrand {
   readonly [FORM_BACKEND]: 'legacy';
 }
-interface ModernFormBrand {
+export interface ModernFormBrand {
   readonly [FORM_BACKEND]: 'modern';
 }
 //#endregion
-export { FORM_BACKEND, LegacyFormBrand, ModernFormBrand };
 //# sourceMappingURL=backend.d.ts.map

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 //#region src/components/form/Form/backend.ts
 /**
 * Nominal branding for the two Form backends (modernization plan §5.1).
@@ -24,7 +24,7 @@ function isModernFormController(value) {
 function modernBackendUnavailableError(receiver) {
 	return /* @__PURE__ */ new Error(`${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.`);
 }
-
 //#endregion
 export { FORM_BACKEND, isModernFormController, modernBackendUnavailableError };
+
 //# sourceMappingURL=backend.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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,+BACF;;;;;;;AAkBA,SAAgBI,uBACdC,OAC0B;CAC1B,OACE,CAAC,CAACA,SACF,OAAOA,UAAU,YAChBA,MAAuCP,kBAAkB;AAE9D;AAEA,SAAgBU,8BAA8BC,UAAyB;CACrE,uBAAO,IAAIC,MACT,GAAGD,SAAQ,0MACb;AACF"}

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

@@ -10,11 +10,11 @@ import { FieldTypes, Fields } from "./types.js";
 import { CubeFormInstance, useForm } from "./use-form.js";
 import { ModernFormProps } from "./ModernFormRoot.js";
 import { CubeFormProps, FormContext, FormRootComponent, FormScopeMask, useFormProps } from "./Form.js";
-import { CubeSubmitButtonProps, _SubmitButton } from "./SubmitButton/SubmitButton.js";
+import { CubeSubmitButtonProps, SubmitButton as _SubmitButton } from "./SubmitButton/SubmitButton.js";
 import "./SubmitButton/index.js";
-import { CubeResetButtonProps, _ResetButton } from "./ResetButton/ResetButton.js";
+import { CubeResetButtonProps, ResetButton as _ResetButton } from "./ResetButton/ResetButton.js";
 import "./ResetButton/index.js";
-import { CubeSubmitErrorProps, _SubmitError } from "./SubmitError.js";
+import { CubeSubmitErrorProps, SubmitError as _SubmitError } from "./SubmitError.js";
 import { Field } from "./Field.js";
 import { useFormControllerContext } from "./modern/context.js";
 import { FormSelectorOptions, FormSubscribe, FormSubscribeProps, useFormController, useFormFieldState, useFormSelector, useFormValue } from "./modern/react.js";
@@ -22,9 +22,6 @@ import { FieldReturnValue, UseFieldProps } from "./use-field/types.js";
 import { UseFieldParams, useField } from "./use-field/use-field.js";
 import { UseFieldPropsParams, useFieldProps } from "./use-field/use-field-props.js";
 import "./use-field/index.js";
-import * as react from "react";
-import * as _react_types_shared0 from "@react-types/shared";
-
 //#region src/components/form/Form/index.d.ts
 declare const Form: FormRootComponent & {
   Item: typeof Field;
@@ -47,10 +44,10 @@ declare const Form: FormRootComponent & {
   useFieldState: typeof useFormFieldState;
   Subscribe: typeof FormSubscribe;
   useControllerContext: typeof useFormControllerContext;
-  Submit: react.ForwardRefExoticComponent<CubeSubmitButtonProps<FieldTypes> & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLElement, HTMLElement>>>;
-  Reset: react.ForwardRefExoticComponent<CubeResetButtonProps<FieldTypes> & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLElement, HTMLElement>>>;
-  SubmitError: react.ForwardRefExoticComponent<CubeSubmitErrorProps & react.RefAttributes<HTMLDivElement>>;
+  Submit: import("react").ForwardRefExoticComponent<CubeSubmitButtonProps<FieldTypes> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
+  Reset: import("react").ForwardRefExoticComponent<CubeResetButtonProps<FieldTypes> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
+  SubmitError: import("react").ForwardRefExoticComponent<CubeSubmitErrorProps & import("react").RefAttributes<HTMLDivElement>>;
 };
 //#endregion
-export { Form };
+export { type CubeFormInstance, type CubeFormProps, CubeResetButtonProps, CubeSubmitButtonProps, CubeSubmitErrorProps, Field, FieldReturnValue, type FieldTypes, type Fields, Form, type FormChange, FormContext, type FormController, type FormField, type FormFieldContext, type FormFieldOptions, type FormPath, type FormReadValue, FormScopeMask, type FormSelectorOptions, type FormSubscribeProps, type FormValueAtPath, type FormValues, type ModernFieldState, type ModernFieldValidationResult, type ModernFormProps, type ModernFormState, type ModernSubmitContext, type ModernSubmitFailure, type ModernSubmitResult, type ModernValidationContext, type ModernValidationResult, type ModernValidationRule, _ResetButton as ResetButton, type SetValueOptions, _SubmitButton as SubmitButton, _SubmitError as SubmitError, UseFieldParams, UseFieldProps, UseFieldPropsParams, type UseFormControllerOptions, useField, useFieldProps, useForm, useFormProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,15 +1,14 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { useFormControllerContext } from "./modern/context.js";
 import { useForm } from "./use-form.js";
-import { FormContext, FormScopeMask, _Form, useFormProps } from "./Form.js";
+import { Form as _Form, FormContext, FormScopeMask, useFormProps } from "./Form.js";
 import { useField } from "./use-field/use-field.js";
 import { useFieldProps } from "./use-field/use-field-props.js";
 import { Field } from "./Field.js";
 import { FormSubscribe, useFormController, useFormFieldState, useFormSelector, useFormValue } from "./modern/react.js";
-import { _ResetButton } from "./ResetButton/ResetButton.js";
-import { _SubmitButton } from "./SubmitButton/SubmitButton.js";
-import { _SubmitError } from "./SubmitError.js";
-
+import { ResetButton as _ResetButton } from "./ResetButton/ResetButton.js";
+import { SubmitButton as _SubmitButton } from "./SubmitButton/SubmitButton.js";
+import { SubmitError as _SubmitError } from "./SubmitError.js";
 //#region src/components/form/Form/index.ts
 const Form = Object.assign(_Form, {
 	Item: Field,
@@ -24,7 +23,7 @@ const Form = Object.assign(_Form, {
 	Reset: _ResetButton,
 	SubmitError: _SubmitError
 });
-
 //#endregion
-export { Form };
+export { Field, Form, FormContext, FormScopeMask, _ResetButton as ResetButton, _SubmitButton as SubmitButton, _SubmitError as SubmitError, useField, useFieldProps, useForm, useFormProps };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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","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,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,aAAAA;AACF,CACF"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { useEvent } from "../../../../_internal/hooks/use-event.js";
 import { useProviderProps } from "../../../../provider.js";
 import { Button } from "../../../actions/Button/Button.js";
@@ -6,7 +6,6 @@ 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(t0) {
 	const $ = c(16);
@@ -148,7 +147,7 @@ function ModernResetButton(t0) {
 function _temp3(state) {
 	return state.canReset;
 }
-
 //#endregion
 export { ModernResetButton, ModernSubmitButton };
+
 //# sourceMappingURL=actions.js.map

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

@@ -1 +1 @@
-{"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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"}
+{"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","_c"],"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.d.ts

@@ -1,12 +1,10 @@
 
+import "../backend.js";
 import "./read-types.js";
 import "./types.js";
 import { FormController } from "./controller.js";
 import "./field.js";
-import "react";
-
 //#region src/components/form/Form/modern/context.d.ts
-declare function useFormControllerContext<T extends object = Record<string, unknown>>(): FormController<T>;
+export declare function useFormControllerContext<T extends object = Record<string, unknown>>(): FormController<T>;
 //#endregion
-export { useFormControllerContext };
 //# sourceMappingURL=context.d.ts.map

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

@@ -1,6 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { createContext, useContext } from "react";
-
 //#region src/components/form/Form/modern/context.ts
 const ModernControllerContext = createContext(null);
 function useFormControllerContext() {
@@ -8,7 +7,7 @@ function useFormControllerContext() {
 	if (!controller) throw new Error("Form.useControllerContext() requires a modern <Form> root. Legacy forms and FormScopeMask do not provide a modern controller.");
 	return controller;
 }
-
 //#endregion
 export { ModernControllerContext, useFormControllerContext };
+
 //# sourceMappingURL=context.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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,IAAI;AAEhD,SAAOI,2BAAA;CAGL,MAAAC,aAAmBJ,WAAWE,uBAAuB;CACrD,IAAI,CAACE,YACH,MAAM,IAAIC,MACR,+HACF;CACD,OACMD;AAAU"}

package/dist/components/form/Form/modern/controller.d.ts

@@ -7,21 +7,20 @@ import { ModernValidationRule as ModernValidationRule$1 } from "./validation.js"
 import { FieldState, FormState, FormStore, FormStoreOptions, ModernFieldValidationResult as ModernFieldValidationResult$1, ModernSubmitFailure as ModernSubmitFailure$1, ModernSubmitResult as ModernSubmitResult$1, ModernValidationResult as ModernValidationResult$1, SetValueOptions } from "./types.js";
 import { FormField, FormFieldOptions } from "./field.js";
 import { ReactNode } from "react";
-
 //#region src/components/form/Form/modern/controller.d.ts
-type ModernValidationRule = ModernValidationRule$1<ReactNode>;
-type ModernValidationResult = ModernValidationResult$1<ReactNode>;
-type ModernFieldValidationResult = ModernFieldValidationResult$1<ReactNode>;
-type ModernSubmitFailure = ModernSubmitFailure$1<ReactNode>;
-type ModernFieldState<Value = unknown> = Omit<FieldState<ReactNode>, 'value' | 'defaultValue'> & {
+export type ModernValidationRule = ModernValidationRule$1<ReactNode>;
+export type ModernValidationResult = ModernValidationResult$1<ReactNode>;
+export type ModernFieldValidationResult = ModernFieldValidationResult$1<ReactNode>;
+export type ModernSubmitFailure = ModernSubmitFailure$1<ReactNode>;
+export type ModernFieldState<Value = unknown> = Omit<FieldState<ReactNode>, 'value' | 'defaultValue'> & {
   readonly value: FormReadValue<Value> | undefined;
   readonly defaultValue: FormReadValue<Value> | undefined;
 };
-type ModernSubmitResult = ModernSubmitResult$1<ReactNode>;
-type ModernFormState<T extends object = Record<string, unknown>> = FormState<T, ReactNode>;
-type UseFormControllerOptions<T extends object = Record<string, unknown>> = FormStoreOptions<T, ReactNode>;
+export type ModernSubmitResult = ModernSubmitResult$1<ReactNode>;
+export type ModernFormState<T extends object = Record<string, unknown>> = FormState<T, ReactNode>;
+export type UseFormControllerOptions<T extends object = Record<string, unknown>> = FormStoreOptions<T, ReactNode>;
 /** Public commands; registration and pipeline state tokens stay internal. */
-type FormController<T extends object = Record<string, unknown>> = Readonly<Pick<FormStore<T, ReactNode>, typeof FORM_BACKEND | 'validate' | 'submit' | 'blur' | 'getSnapshot' | 'getValues' | 'getActiveValues' | 'subscribe' | 'setValues' | 'batch' | 'setDefaultValues' | 'adoptDefaultValues' | 'reset' | 'touch' | 'setFieldErrors' | 'clearFieldErrors' | 'setSubmitError' | 'clearSubmitError'> & {
+export type FormController<T extends object = Record<string, unknown>> = Readonly<Pick<FormStore<T, ReactNode>, typeof FORM_BACKEND | 'validate' | 'submit' | 'blur' | 'getSnapshot' | 'getValues' | 'getActiveValues' | 'subscribe' | 'setValues' | 'batch' | 'setDefaultValues' | 'adoptDefaultValues' | 'reset' | 'touch' | 'setFieldErrors' | 'clearFieldErrors' | 'setSubmitError' | 'clearSubmitError'> & {
   getFieldSnapshot<const Path extends FormPath>(path: CheckedFormPath<T, Path>): ModernFieldState<FormValueAtPath<T, Path>> | undefined;
   getValue<const Path extends FormPath>(path: CheckedFormPath<T, Path>): FormReadValue<FormValueAtPath<T, Path>> | undefined;
   setValue<const Path extends FormPath>(path: CheckedFormPath<T, Path>, value: FormValueAtPath<T, NoInfer<Path>> | undefined, options?: SetValueOptions): void;
@@ -30,5 +29,4 @@ type FormController<T extends object = Record<string, unknown>> = Readonly<Pick<
   }): FormField<FormValueAtPath<T, Path>>;
 }>;
 //#endregion
-export { FormController, ModernFieldState, ModernFieldValidationResult, ModernFormState, ModernSubmitFailure, ModernSubmitResult, ModernValidationResult, ModernValidationRule, UseFormControllerOptions };
 //# sourceMappingURL=controller.d.ts.map

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

@@ -1,8 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { FORM_BACKEND, isModernFormController } from "../backend.js";
 import { createFormField } from "./field.js";
 import { createFormStore } from "./store.js";
-
 //#region src/components/form/Form/modern/controller.ts
 const CONTROLLER_STORE = Symbol.for("@cube-dev/ui-kit/form-controller-store");
 /** Pure allocation for the creation hook; no listeners or external effects. */
@@ -53,7 +52,7 @@ function getControllerInternals(controller, receiver) {
 	if (!internals) throw new Error(`${receiver} requires a modern form controller created by Form.useController(). Legacy Form instances and bare backend brands are not supported.`);
 	return internals;
 }
-
 //#endregion
 export { createFormController, getControllerInternals };
+
 //# sourceMappingURL=controller.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"controller.js","names":["FORM_BACKEND","isModernFormController","createFormField","createFormStore","ReactNode","FormField","FormFieldOptions","CheckedFormDependencies","CheckedFormPath","FormValueAtPath","FormReadValue","FieldState","FormState","FormStore","FormStoreOptions","SetValueOptions","ModernFieldValidationResult","StoreFieldValidationResult","ModernSubmitFailure","StoreSubmitFailure","ModernSubmitResult","StoreSubmitResult","ModernValidationResult","StoreValidationResult","ModernValidationRule","StoreValidationRule","FormPath","ModernFieldState","Omit","value","Value","defaultValue","ModernFormState","Record","T","UseFormControllerOptions","FormController","Readonly","Pick","getFieldSnapshot","path","Path","getValue","setValue","NoInfer","options","field","dependsOn","Dependencies","CONTROLLER_STORE","Symbol","for","ControllerInternals","store","getServerSnapshot","getRootElement","HTMLFormElement","bindRootElement","element","createFormController","serverSnapshot","getSnapshot","rootElement","internals","undefined","controller","Object","freeze","const","validate","submit","blur","getValues","getActiveValues","subscribe","setValues","batch","setDefaultValues","adoptDefaultValues","reset","touch","setFieldErrors","clearFieldErrors","setSubmitError","clearSubmitError","config","getControllerInternals","receiver","Error"],"sources":["../../../../../src/components/form/Form/modern/controller.ts"],"sourcesContent":["import { FORM_BACKEND, isModernFormController } from '../backend';\n\nimport { createFormField } from './field';\nimport { createFormStore } from './store';\n\nimport type { ReactNode } from 'react';\nimport type { FormField, FormFieldOptions } from './field';\nimport type {\n  CheckedFormDependencies,\n  CheckedFormPath,\n  FormValueAtPath,\n} from './path-types';\nimport type { FormReadValue } from './read-types';\nimport type {\n  FieldState,\n  FormState,\n  FormStore,\n  FormStoreOptions,\n  SetValueOptions,\n  ModernFieldValidationResult as StoreFieldValidationResult,\n  ModernSubmitFailure as StoreSubmitFailure,\n  ModernSubmitResult as StoreSubmitResult,\n  ModernValidationResult as StoreValidationResult,\n} from './types';\nimport type { ModernValidationRule as StoreValidationRule } from './validation';\nimport type { FormPath } from './values';\n\nexport type ModernValidationRule = StoreValidationRule<ReactNode>;\nexport type ModernValidationResult = StoreValidationResult<ReactNode>;\nexport type ModernFieldValidationResult = StoreFieldValidationResult<ReactNode>;\nexport type ModernSubmitFailure = StoreSubmitFailure<ReactNode>;\nexport type ModernFieldState<Value = unknown> = Omit<\n  FieldState<ReactNode>,\n  'value' | 'defaultValue'\n> & {\n  readonly value: FormReadValue<Value> | undefined;\n  readonly defaultValue: FormReadValue<Value> | undefined;\n};\n\nexport type ModernSubmitResult = StoreSubmitResult<ReactNode>;\n\nexport type ModernFormState<T extends object = Record<string, unknown>> =\n  FormState<T, ReactNode>;\n\nexport type UseFormControllerOptions<\n  T extends object = Record<string, unknown>,\n> = FormStoreOptions<T, ReactNode>;\n\n/** Public commands; registration and pipeline state tokens stay internal. */\nexport type FormController<T extends object = Record<string, unknown>> =\n  Readonly<\n    Pick<\n      FormStore<T, ReactNode>,\n      | typeof FORM_BACKEND\n      | 'validate'\n      | 'submit'\n      | 'blur'\n      | 'getSnapshot'\n      | 'getValues'\n      | 'getActiveValues'\n      | 'subscribe'\n      | 'setValues'\n      | 'batch'\n      | 'setDefaultValues'\n      | 'adoptDefaultValues'\n      | 'reset'\n      | 'touch'\n      | 'setFieldErrors'\n      | 'clearFieldErrors'\n      | 'setSubmitError'\n      | 'clearSubmitError'\n    > & {\n      getFieldSnapshot<const Path extends FormPath>(\n        path: CheckedFormPath<T, Path>,\n      ): ModernFieldState<FormValueAtPath<T, Path>> | undefined;\n      getValue<const Path extends FormPath>(\n        path: CheckedFormPath<T, Path>,\n      ): FormReadValue<FormValueAtPath<T, Path>> | undefined;\n      setValue<const Path extends FormPath>(\n        path: CheckedFormPath<T, Path>,\n        value: FormValueAtPath<T, NoInfer<Path>> | undefined,\n        options?: SetValueOptions,\n      ): void;\n      field<\n        const Path extends FormPath,\n        const Dependencies extends readonly FormPath[] = readonly FormPath[],\n      >(\n        path: CheckedFormPath<T, Path>,\n        options?: FormFieldOptions<T, FormValueAtPath<T, NoInfer<Path>>> & {\n          dependsOn?: Dependencies & CheckedFormDependencies<T, Dependencies>;\n        },\n      ): FormField<FormValueAtPath<T, Path>>;\n    }\n  >;\n\n// Symbol.for also lets two copies of the kit share a controller, just as the\n// backend brand does. This symbol and the store are not package exports.\nconst CONTROLLER_STORE = Symbol.for('@cube-dev/ui-kit/form-controller-store');\n\ninterface ControllerInternals<T extends object> {\n  store: FormStore<T, ReactNode>;\n  getServerSnapshot(): ModernFormState<T>;\n  getRootElement(): HTMLFormElement | undefined;\n  bindRootElement(element: HTMLFormElement | null): () => void;\n}\n\n/** Pure allocation for the creation hook; no listeners or external effects. */\nexport function createFormController<T extends object>(\n  options?: UseFormControllerOptions<T>,\n): FormController<T> {\n  const store = createFormStore<T, ReactNode>(options);\n  const serverSnapshot = store.getSnapshot();\n  let rootElement: HTMLFormElement | undefined;\n  const internals: ControllerInternals<T> = {\n    store,\n    getServerSnapshot: () => serverSnapshot,\n    getRootElement: () => rootElement,\n    bindRootElement(element) {\n      rootElement = element ?? undefined;\n      return () => {\n        if (rootElement === element) rootElement = undefined;\n      };\n    },\n  };\n  const controller = Object.freeze({\n    [FORM_BACKEND]: 'modern' as const,\n    [CONTROLLER_STORE]: internals,\n    validate: store.validate,\n    submit: store.submit,\n    blur: store.blur,\n    getSnapshot: store.getSnapshot,\n    getFieldSnapshot: store.getFieldSnapshot,\n    getValue: store.getValue,\n    getValues: store.getValues,\n    getActiveValues: store.getActiveValues,\n    subscribe: store.subscribe,\n    setValue: store.setValue,\n    setValues: store.setValues,\n    batch: store.batch,\n    setDefaultValues: store.setDefaultValues,\n    adoptDefaultValues: store.adoptDefaultValues,\n    reset: store.reset,\n    touch: store.touch,\n    setFieldErrors: store.setFieldErrors,\n    clearFieldErrors: store.clearFieldErrors,\n    setSubmitError: store.setSubmitError,\n    clearSubmitError: store.clearSubmitError,\n    field: (path: FormPath, config?: FormFieldOptions<T, unknown>) =>\n      createFormField(controller, path, config),\n  }) as FormController<T>;\n  return controller;\n}\n\nexport function getControllerInternals<T extends object>(\n  controller: FormController<T>,\n  receiver: string,\n): ControllerInternals<T> {\n  const internals = isModernFormController(controller)\n    ? (controller as unknown as Record<symbol, ControllerInternals<T>>)[\n        CONTROLLER_STORE\n      ]\n    : undefined;\n  if (!internals) {\n    throw new Error(\n      `${receiver} requires a modern form controller created by Form.useController(). Legacy Form instances and bare backend brands are not supported.`,\n    );\n  }\n  return internals;\n}\n"],"mappings":";;;;;;AAiGA,MAAMiD,mBAAmBC,OAAOC,IAAI,yCAAyC;;AAU7E,SAAgBQ,qBACdd,SACmB;CACnB,MAAMQ,QAAQlD,gBAA8B0C,QAAQ;CACpD,MAAMe,iBAAiBP,MAAMQ,aAAa;CAC1C,IAAIC;CACJ,MAAMC,YAAoC;EACxCV;EACAC,yBAAyBM;EACzBL,sBAAsBO;EACtBL,gBAAgBC,SAAS;AACvBI,iBAAcJ,WAAWM;AACzB,gBAAa;AACX,QAAIF,gBAAgBJ,QAASI,eAAcE;;;EAGhD;CACD,MAAMC,aAAaC,OAAOC,OAAO;GAC9BnE,eAAe;GACfiD,mBAAmBc;EACpBM,UAAUhB,MAAMgB;EAChBC,QAAQjB,MAAMiB;EACdC,MAAMlB,MAAMkB;EACZV,aAAaR,MAAMQ;EACnBtB,kBAAkBc,MAAMd;EACxBG,UAAUW,MAAMX;EAChB8B,WAAWnB,MAAMmB;EACjBC,iBAAiBpB,MAAMoB;EACvBC,WAAWrB,MAAMqB;EACjB/B,UAAUU,MAAMV;EAChBgC,WAAWtB,MAAMsB;EACjBC,OAAOvB,MAAMuB;EACbC,kBAAkBxB,MAAMwB;EACxBC,oBAAoBzB,MAAMyB;EAC1BC,OAAO1B,MAAM0B;EACbC,OAAO3B,MAAM2B;EACbC,gBAAgB5B,MAAM4B;EACtBC,kBAAkB7B,MAAM6B;EACxBC,gBAAgB9B,MAAM8B;EACtBC,kBAAkB/B,MAAM+B;EACxBtC,QAAQN,MAAgB6C,WACtBnF,gBAAgB+D,YAAYzB,MAAM6C,OAAM;EAC3C,CAAC;AACF,QAAOpB;;AAGT,SAAgBqB,uBACdrB,YACAsB,UACwB;CACxB,MAAMxB,YAAY9D,uBAAuBgE,WAAW,GAC/CA,WACChB,oBAEFe;AACJ,KAAI,CAACD,UACH,OAAM,IAAIyB,MACR,GAAGD,SAAQ,sIACZ;AAEH,QAAOxB"}
+{"version":3,"file":"controller.js","names":["FORM_BACKEND","isModernFormController","createFormField","createFormStore","ReactNode","FormField","FormFieldOptions","CheckedFormDependencies","CheckedFormPath","FormValueAtPath","FormReadValue","FieldState","FormState","FormStore","FormStoreOptions","SetValueOptions","ModernFieldValidationResult","StoreFieldValidationResult","ModernSubmitFailure","StoreSubmitFailure","ModernSubmitResult","StoreSubmitResult","ModernValidationResult","StoreValidationResult","ModernValidationRule","StoreValidationRule","FormPath","ModernFieldState","Omit","value","Value","defaultValue","ModernFormState","Record","T","UseFormControllerOptions","FormController","Readonly","Pick","getFieldSnapshot","path","Path","getValue","setValue","NoInfer","options","field","dependsOn","Dependencies","CONTROLLER_STORE","Symbol","for","ControllerInternals","store","getServerSnapshot","getRootElement","HTMLFormElement","bindRootElement","element","createFormController","serverSnapshot","getSnapshot","rootElement","internals","undefined","controller","Object","freeze","const","validate","submit","blur","getValues","getActiveValues","subscribe","setValues","batch","setDefaultValues","adoptDefaultValues","reset","touch","setFieldErrors","clearFieldErrors","setSubmitError","clearSubmitError","config","getControllerInternals","receiver","Error"],"sources":["../../../../../src/components/form/Form/modern/controller.ts"],"sourcesContent":["import { FORM_BACKEND, isModernFormController } from '../backend';\n\nimport { createFormField } from './field';\nimport { createFormStore } from './store';\n\nimport type { ReactNode } from 'react';\nimport type { FormField, FormFieldOptions } from './field';\nimport type {\n  CheckedFormDependencies,\n  CheckedFormPath,\n  FormValueAtPath,\n} from './path-types';\nimport type { FormReadValue } from './read-types';\nimport type {\n  FieldState,\n  FormState,\n  FormStore,\n  FormStoreOptions,\n  SetValueOptions,\n  ModernFieldValidationResult as StoreFieldValidationResult,\n  ModernSubmitFailure as StoreSubmitFailure,\n  ModernSubmitResult as StoreSubmitResult,\n  ModernValidationResult as StoreValidationResult,\n} from './types';\nimport type { ModernValidationRule as StoreValidationRule } from './validation';\nimport type { FormPath } from './values';\n\nexport type ModernValidationRule = StoreValidationRule<ReactNode>;\nexport type ModernValidationResult = StoreValidationResult<ReactNode>;\nexport type ModernFieldValidationResult = StoreFieldValidationResult<ReactNode>;\nexport type ModernSubmitFailure = StoreSubmitFailure<ReactNode>;\nexport type ModernFieldState<Value = unknown> = Omit<\n  FieldState<ReactNode>,\n  'value' | 'defaultValue'\n> & {\n  readonly value: FormReadValue<Value> | undefined;\n  readonly defaultValue: FormReadValue<Value> | undefined;\n};\n\nexport type ModernSubmitResult = StoreSubmitResult<ReactNode>;\n\nexport type ModernFormState<T extends object = Record<string, unknown>> =\n  FormState<T, ReactNode>;\n\nexport type UseFormControllerOptions<\n  T extends object = Record<string, unknown>,\n> = FormStoreOptions<T, ReactNode>;\n\n/** Public commands; registration and pipeline state tokens stay internal. */\nexport type FormController<T extends object = Record<string, unknown>> =\n  Readonly<\n    Pick<\n      FormStore<T, ReactNode>,\n      | typeof FORM_BACKEND\n      | 'validate'\n      | 'submit'\n      | 'blur'\n      | 'getSnapshot'\n      | 'getValues'\n      | 'getActiveValues'\n      | 'subscribe'\n      | 'setValues'\n      | 'batch'\n      | 'setDefaultValues'\n      | 'adoptDefaultValues'\n      | 'reset'\n      | 'touch'\n      | 'setFieldErrors'\n      | 'clearFieldErrors'\n      | 'setSubmitError'\n      | 'clearSubmitError'\n    > & {\n      getFieldSnapshot<const Path extends FormPath>(\n        path: CheckedFormPath<T, Path>,\n      ): ModernFieldState<FormValueAtPath<T, Path>> | undefined;\n      getValue<const Path extends FormPath>(\n        path: CheckedFormPath<T, Path>,\n      ): FormReadValue<FormValueAtPath<T, Path>> | undefined;\n      setValue<const Path extends FormPath>(\n        path: CheckedFormPath<T, Path>,\n        value: FormValueAtPath<T, NoInfer<Path>> | undefined,\n        options?: SetValueOptions,\n      ): void;\n      field<\n        const Path extends FormPath,\n        const Dependencies extends readonly FormPath[] = readonly FormPath[],\n      >(\n        path: CheckedFormPath<T, Path>,\n        options?: FormFieldOptions<T, FormValueAtPath<T, NoInfer<Path>>> & {\n          dependsOn?: Dependencies & CheckedFormDependencies<T, Dependencies>;\n        },\n      ): FormField<FormValueAtPath<T, Path>>;\n    }\n  >;\n\n// Symbol.for also lets two copies of the kit share a controller, just as the\n// backend brand does. This symbol and the store are not package exports.\nconst CONTROLLER_STORE = Symbol.for('@cube-dev/ui-kit/form-controller-store');\n\ninterface ControllerInternals<T extends object> {\n  store: FormStore<T, ReactNode>;\n  getServerSnapshot(): ModernFormState<T>;\n  getRootElement(): HTMLFormElement | undefined;\n  bindRootElement(element: HTMLFormElement | null): () => void;\n}\n\n/** Pure allocation for the creation hook; no listeners or external effects. */\nexport function createFormController<T extends object>(\n  options?: UseFormControllerOptions<T>,\n): FormController<T> {\n  const store = createFormStore<T, ReactNode>(options);\n  const serverSnapshot = store.getSnapshot();\n  let rootElement: HTMLFormElement | undefined;\n  const internals: ControllerInternals<T> = {\n    store,\n    getServerSnapshot: () => serverSnapshot,\n    getRootElement: () => rootElement,\n    bindRootElement(element) {\n      rootElement = element ?? undefined;\n      return () => {\n        if (rootElement === element) rootElement = undefined;\n      };\n    },\n  };\n  const controller = Object.freeze({\n    [FORM_BACKEND]: 'modern' as const,\n    [CONTROLLER_STORE]: internals,\n    validate: store.validate,\n    submit: store.submit,\n    blur: store.blur,\n    getSnapshot: store.getSnapshot,\n    getFieldSnapshot: store.getFieldSnapshot,\n    getValue: store.getValue,\n    getValues: store.getValues,\n    getActiveValues: store.getActiveValues,\n    subscribe: store.subscribe,\n    setValue: store.setValue,\n    setValues: store.setValues,\n    batch: store.batch,\n    setDefaultValues: store.setDefaultValues,\n    adoptDefaultValues: store.adoptDefaultValues,\n    reset: store.reset,\n    touch: store.touch,\n    setFieldErrors: store.setFieldErrors,\n    clearFieldErrors: store.clearFieldErrors,\n    setSubmitError: store.setSubmitError,\n    clearSubmitError: store.clearSubmitError,\n    field: (path: FormPath, config?: FormFieldOptions<T, unknown>) =>\n      createFormField(controller, path, config),\n  }) as FormController<T>;\n  return controller;\n}\n\nexport function getControllerInternals<T extends object>(\n  controller: FormController<T>,\n  receiver: string,\n): ControllerInternals<T> {\n  const internals = isModernFormController(controller)\n    ? (controller as unknown as Record<symbol, ControllerInternals<T>>)[\n        CONTROLLER_STORE\n      ]\n    : undefined;\n  if (!internals) {\n    throw new Error(\n      `${receiver} requires a modern form controller created by Form.useController(). Legacy Form instances and bare backend brands are not supported.`,\n    );\n  }\n  return internals;\n}\n"],"mappings":";;;;;AAiGA,MAAMiD,mBAAmBC,OAAOC,IAAI,wCAAwC;;AAU5E,SAAgBQ,qBACdd,SACmB;CACnB,MAAMQ,QAAQlD,gBAA8B0C,OAAO;CACnD,MAAMe,iBAAiBP,MAAMQ,YAAY;CACzC,IAAIC;CACJ,MAAMC,YAAoC;EACxCV;EACAC,yBAAyBM;EACzBL,sBAAsBO;EACtBL,gBAAgBC,SAAS;GACvBI,cAAcJ,WAAWM,KAAAA;GACzB,aAAa;IACX,IAAIF,gBAAgBJ,SAASI,cAAcE,KAAAA;GAC7C;EACF;CACF;CACA,MAAMC,aAAaC,OAAOC,OAAO;GAC9BnE,eAAe;GACfiD,mBAAmBc;EACpBM,UAAUhB,MAAMgB;EAChBC,QAAQjB,MAAMiB;EACdC,MAAMlB,MAAMkB;EACZV,aAAaR,MAAMQ;EACnBtB,kBAAkBc,MAAMd;EACxBG,UAAUW,MAAMX;EAChB8B,WAAWnB,MAAMmB;EACjBC,iBAAiBpB,MAAMoB;EACvBC,WAAWrB,MAAMqB;EACjB/B,UAAUU,MAAMV;EAChBgC,WAAWtB,MAAMsB;EACjBC,OAAOvB,MAAMuB;EACbC,kBAAkBxB,MAAMwB;EACxBC,oBAAoBzB,MAAMyB;EAC1BC,OAAO1B,MAAM0B;EACbC,OAAO3B,MAAM2B;EACbC,gBAAgB5B,MAAM4B;EACtBC,kBAAkB7B,MAAM6B;EACxBC,gBAAgB9B,MAAM8B;EACtBC,kBAAkB/B,MAAM+B;EACxBtC,QAAQN,MAAgB6C,WACtBnF,gBAAgB+D,YAAYzB,MAAM6C,MAAM;CAC5C,CAAC;CACD,OAAOpB;AACT;AAEA,SAAgBqB,uBACdrB,YACAsB,UACwB;CACxB,MAAMxB,YAAY9D,uBAAuBgE,UAAU,IAC9CA,WACChB,oBAEFe,KAAAA;CACJ,IAAI,CAACD,WACH,MAAM,IAAIyB,MACR,GAAGD,SAAQ,qIACb;CAEF,OAAOxB;AACT"}

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

@@ -1,7 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { getFieldKey, hasPath, normalizePath, readPath } from "./values.js";
 import { getControllerInternals } from "./controller.js";
-
 //#region src/components/form/Form/modern/field-binding.ts
 function sameFieldView(a, b) {
 	return Object.is(a?.value, b?.value) && a?.errors === b?.errors && a?.status === b?.status;
@@ -53,7 +52,7 @@ function fieldRegistrationOptions(props, defaultTrigger) {
 		errorPolicy: props.errorPolicy
 	};
 }
-
 //#endregion
 export { createModernFieldBackend, fieldRegistrationOptions, sameFieldView };
+
 //# sourceMappingURL=field-binding.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"field-binding.js","names":["getControllerInternals","getFieldKey","hasPath","normalizePath","readPath","ReactNode","FieldCoreProps","ValidateTrigger","FormController","ModernFormState","FieldState","RegistrationOptions","RegistrationToken","FormPath","FieldView","Pick","FieldBackendHandle","subscribe","listener","getSnapshot","getServerSnapshot","register","change","value","dontTouch","trigger","blur","sameFieldView","a","b","Object","is","errors","status","createModernFieldBackend","form","name","store","key","path","views","WeakMap","view","state","fields","values","undefined","cached","get","freeze","set","setValue","source","touch","validate","fieldRegistrationOptions","props","defaultValue","validateTrigger","defaultTrigger","rules","flat","Infinity","hasOwn","preserve","dependsOn","deps","isEqual","isRequired","some","rule","required","rulesKey","validationDelay","errorPolicy"],"sources":["../../../../../src/components/form/Form/modern/field-binding.ts"],"sourcesContent":["import { getControllerInternals } from './controller';\nimport { getFieldKey, hasPath, normalizePath, readPath } from './values';\n\nimport type { ReactNode } from 'react';\nimport type { FieldCoreProps, ValidateTrigger } from '../../../../shared/form';\nimport type { FormController, ModernFormState } from './controller';\nimport type {\n  FieldState,\n  RegistrationOptions,\n  RegistrationToken,\n} from './types';\nimport type { FormPath } from './values';\n\n/** The only state a bound input renders; metadata stays in selector subscribers. */\nexport type FieldView = Pick<\n  FieldState<ReactNode>,\n  'value' | 'errors' | 'status'\n>;\n\nexport interface FieldBackendHandle {\n  subscribe(listener: () => void): () => void;\n  getSnapshot(): FieldView | undefined;\n  getServerSnapshot(): FieldView | undefined;\n  register(): RegistrationToken<ReactNode> | undefined;\n  change(value: unknown, dontTouch: boolean, trigger: ValidateTrigger): void;\n  blur(): void;\n}\n\nexport function sameFieldView(a?: FieldView, b?: FieldView) {\n  return (\n    Object.is(a?.value, b?.value) &&\n    a?.errors === b?.errors &&\n    a?.status === b?.status\n  );\n}\n\nexport function createModernFieldBackend(\n  form: FormController<any>,\n  name: FormPath,\n): FieldBackendHandle {\n  const { store, getServerSnapshot } = getControllerInternals(\n    form,\n    `The \"${name}\" field`,\n  );\n  const key = getFieldKey(name);\n  const path = normalizePath(name);\n  const views = new WeakMap<object, FieldView>();\n  const view = (state: ModernFormState): FieldView | undefined => {\n    if (state.fields[key]) return state.fields[key];\n    if (!hasPath(state.values, path)) return undefined;\n    let cached = views.get(state);\n    if (!cached) {\n      cached = Object.freeze({\n        value: readPath(state.values, path),\n        errors: Object.freeze([]),\n        status: 'unvalidated',\n      });\n      views.set(state, cached);\n    }\n    return cached;\n  };\n  return {\n    subscribe: store.subscribe,\n    getSnapshot: () => view(store.getSnapshot()),\n    getServerSnapshot: () => view(getServerSnapshot()),\n    register: () => store.register(name),\n    change: (value, dontTouch) =>\n      store.setValue(name, value, {\n        source: 'user',\n        touch: !dontTouch,\n        validate: dontTouch ? 'never' : 'auto',\n      }),\n    blur: () => store.blur(name),\n  };\n}\n\nexport function fieldRegistrationOptions(\n  props: FieldCoreProps & {\n    defaultValue?: unknown;\n    validateTrigger?: ValidateTrigger;\n  },\n  defaultTrigger?: ValidateTrigger,\n): RegistrationOptions<ReactNode> {\n  const rules = props.rules?.flat(Infinity);\n  return {\n    ...(Object.hasOwn(props, 'defaultValue')\n      ? { defaultValue: props.defaultValue }\n      : {}),\n    preserve: props.preserve,\n    dependsOn: props.dependsOn,\n    deps: props.deps,\n    isEqual: props.isEqual,\n    rules:\n      props.isRequired && !rules?.some((rule) => rule.required)\n        ? [{ required: true }, ...(rules ?? [])]\n        : rules,\n    rulesKey: props.rulesKey,\n    validationDelay: props.validationDelay,\n    validateTrigger: props.validateTrigger ?? defaultTrigger ?? 'onBlur',\n    errorPolicy: props.errorPolicy,\n  };\n}\n"],"mappings":";;;;;AA4BA,SAAgB2B,cAAcC,GAAeC,GAAe;AAC1D,QACEC,OAAOC,GAAGH,GAAGL,OAAOM,GAAGN,MAAM,IAC7BK,GAAGI,WAAWH,GAAGG,UACjBJ,GAAGK,WAAWJ,GAAGI;;AAIrB,SAAgBC,yBACdC,MACAC,MACoB;CACpB,MAAM,EAAEC,OAAOjB,sBAAsBpB,uBACnCmC,MACA,QAAQC,KAAI,SACb;CACD,MAAME,MAAMrC,YAAYmC,KAAK;CAC7B,MAAMG,OAAOpC,cAAciC,KAAK;CAChC,MAAMI,wBAAQ,IAAIC,SAA4B;CAC9C,MAAMC,QAAQC,UAAkD;AAC9D,MAAIA,MAAMC,OAAON,KAAM,QAAOK,MAAMC,OAAON;AAC3C,MAAI,CAACpC,QAAQyC,MAAME,QAAQN,KAAK,CAAE,QAAOO;EACzC,IAAIC,SAASP,MAAMQ,IAAIL,MAAM;AAC7B,MAAI,CAACI,QAAQ;AACXA,YAASjB,OAAOmB,OAAO;IACrB1B,OAAOnB,SAASuC,MAAME,QAAQN,KAAK;IACnCP,QAAQF,OAAOmB,OAAO,EAAE,CAAC;IACzBhB,QAAQ;IACT,CAAC;AACFO,SAAMU,IAAIP,OAAOI,OAAO;;AAE1B,SAAOA;;AAET,QAAO;EACL9B,WAAWoB,MAAMpB;EACjBE,mBAAmBuB,KAAKL,MAAMlB,aAAa,CAAC;EAC5CC,yBAAyBsB,KAAKtB,mBAAmB,CAAC;EAClDC,gBAAgBgB,MAAMhB,SAASe,KAAK;EACpCd,SAASC,OAAOC,cACda,MAAMc,SAASf,MAAMb,OAAO;GAC1B6B,QAAQ;GACRC,OAAO,CAAC7B;GACR8B,UAAU9B,YAAY,UAAU;GACjC,CAAC;EACJE,YAAYW,MAAMX,KAAKU,KAAI;EAC5B;;AAGH,SAAgBmB,yBACdC,OAIAG,gBACgC;CAChC,MAAMC,QAAQJ,MAAMI,OAAOC,KAAKC,SAAS;AACzC,QAAO;EACL,GAAIhC,OAAOiC,OAAOP,OAAO,eAAe,GACpC,EAAEC,cAAcD,MAAMC,cAAc,GACpC,EAAE;EACNO,UAAUR,MAAMQ;EAChBC,WAAWT,MAAMS;EACjBC,MAAMV,MAAMU;EACZC,SAASX,MAAMW;EACfP,OACEJ,MAAMY,cAAc,CAACR,OAAOS,MAAMC,SAASA,KAAKC,SAAS,GACrD,CAAC,EAAEA,UAAU,MAAM,EAAE,GAAIX,SAAS,EAAE,CAAE,GACtCA;EACNY,UAAUhB,MAAMgB;EAChBC,iBAAiBjB,MAAMiB;EACvBf,iBAAiBF,MAAME,mBAAmBC,kBAAkB;EAC5De,aAAalB,MAAMkB;EACpB"}
+{"version":3,"file":"field-binding.js","names":["getControllerInternals","getFieldKey","hasPath","normalizePath","readPath","ReactNode","FieldCoreProps","ValidateTrigger","FormController","ModernFormState","FieldState","RegistrationOptions","RegistrationToken","FormPath","FieldView","Pick","FieldBackendHandle","subscribe","listener","getSnapshot","getServerSnapshot","register","change","value","dontTouch","trigger","blur","sameFieldView","a","b","Object","is","errors","status","createModernFieldBackend","form","name","store","key","path","views","WeakMap","view","state","fields","values","undefined","cached","get","freeze","set","setValue","source","touch","validate","fieldRegistrationOptions","props","defaultValue","validateTrigger","defaultTrigger","rules","flat","Infinity","hasOwn","preserve","dependsOn","deps","isEqual","isRequired","some","rule","required","rulesKey","validationDelay","errorPolicy"],"sources":["../../../../../src/components/form/Form/modern/field-binding.ts"],"sourcesContent":["import { getControllerInternals } from './controller';\nimport { getFieldKey, hasPath, normalizePath, readPath } from './values';\n\nimport type { ReactNode } from 'react';\nimport type { FieldCoreProps, ValidateTrigger } from '../../../../shared/form';\nimport type { FormController, ModernFormState } from './controller';\nimport type {\n  FieldState,\n  RegistrationOptions,\n  RegistrationToken,\n} from './types';\nimport type { FormPath } from './values';\n\n/** The only state a bound input renders; metadata stays in selector subscribers. */\nexport type FieldView = Pick<\n  FieldState<ReactNode>,\n  'value' | 'errors' | 'status'\n>;\n\nexport interface FieldBackendHandle {\n  subscribe(listener: () => void): () => void;\n  getSnapshot(): FieldView | undefined;\n  getServerSnapshot(): FieldView | undefined;\n  register(): RegistrationToken<ReactNode> | undefined;\n  change(value: unknown, dontTouch: boolean, trigger: ValidateTrigger): void;\n  blur(): void;\n}\n\nexport function sameFieldView(a?: FieldView, b?: FieldView) {\n  return (\n    Object.is(a?.value, b?.value) &&\n    a?.errors === b?.errors &&\n    a?.status === b?.status\n  );\n}\n\nexport function createModernFieldBackend(\n  form: FormController<any>,\n  name: FormPath,\n): FieldBackendHandle {\n  const { store, getServerSnapshot } = getControllerInternals(\n    form,\n    `The \"${name}\" field`,\n  );\n  const key = getFieldKey(name);\n  const path = normalizePath(name);\n  const views = new WeakMap<object, FieldView>();\n  const view = (state: ModernFormState): FieldView | undefined => {\n    if (state.fields[key]) return state.fields[key];\n    if (!hasPath(state.values, path)) return undefined;\n    let cached = views.get(state);\n    if (!cached) {\n      cached = Object.freeze({\n        value: readPath(state.values, path),\n        errors: Object.freeze([]),\n        status: 'unvalidated',\n      });\n      views.set(state, cached);\n    }\n    return cached;\n  };\n  return {\n    subscribe: store.subscribe,\n    getSnapshot: () => view(store.getSnapshot()),\n    getServerSnapshot: () => view(getServerSnapshot()),\n    register: () => store.register(name),\n    change: (value, dontTouch) =>\n      store.setValue(name, value, {\n        source: 'user',\n        touch: !dontTouch,\n        validate: dontTouch ? 'never' : 'auto',\n      }),\n    blur: () => store.blur(name),\n  };\n}\n\nexport function fieldRegistrationOptions(\n  props: FieldCoreProps & {\n    defaultValue?: unknown;\n    validateTrigger?: ValidateTrigger;\n  },\n  defaultTrigger?: ValidateTrigger,\n): RegistrationOptions<ReactNode> {\n  const rules = props.rules?.flat(Infinity);\n  return {\n    ...(Object.hasOwn(props, 'defaultValue')\n      ? { defaultValue: props.defaultValue }\n      : {}),\n    preserve: props.preserve,\n    dependsOn: props.dependsOn,\n    deps: props.deps,\n    isEqual: props.isEqual,\n    rules:\n      props.isRequired && !rules?.some((rule) => rule.required)\n        ? [{ required: true }, ...(rules ?? [])]\n        : rules,\n    rulesKey: props.rulesKey,\n    validationDelay: props.validationDelay,\n    validateTrigger: props.validateTrigger ?? defaultTrigger ?? 'onBlur',\n    errorPolicy: props.errorPolicy,\n  };\n}\n"],"mappings":";;;;AA4BA,SAAgB2B,cAAcC,GAAeC,GAAe;CAC1D,OACEC,OAAOC,GAAGH,GAAGL,OAAOM,GAAGN,KAAK,KAC5BK,GAAGI,WAAWH,GAAGG,UACjBJ,GAAGK,WAAWJ,GAAGI;AAErB;AAEA,SAAgBC,yBACdC,MACAC,MACoB;CACpB,MAAM,EAAEC,OAAOjB,sBAAsBpB,uBACnCmC,MACA,QAAQC,KAAI,QACd;CACA,MAAME,MAAMrC,YAAYmC,IAAI;CAC5B,MAAMG,OAAOpC,cAAciC,IAAI;CAC/B,MAAMI,wBAAQ,IAAIC,QAA2B;CAC7C,MAAMC,QAAQC,UAAkD;EAC9D,IAAIA,MAAMC,OAAON,MAAM,OAAOK,MAAMC,OAAON;EAC3C,IAAI,CAACpC,QAAQyC,MAAME,QAAQN,IAAI,GAAG,OAAOO,KAAAA;EACzC,IAAIC,SAASP,MAAMQ,IAAIL,KAAK;EAC5B,IAAI,CAACI,QAAQ;GACXA,SAASjB,OAAOmB,OAAO;IACrB1B,OAAOnB,SAASuC,MAAME,QAAQN,IAAI;IAClCP,QAAQF,OAAOmB,OAAO,CAAA,CAAE;IACxBhB,QAAQ;GACV,CAAC;GACDO,MAAMU,IAAIP,OAAOI,MAAM;EACzB;EACA,OAAOA;CACT;CACA,OAAO;EACL9B,WAAWoB,MAAMpB;EACjBE,mBAAmBuB,KAAKL,MAAMlB,YAAY,CAAC;EAC3CC,yBAAyBsB,KAAKtB,kBAAkB,CAAC;EACjDC,gBAAgBgB,MAAMhB,SAASe,IAAI;EACnCd,SAASC,OAAOC,cACda,MAAMc,SAASf,MAAMb,OAAO;GAC1B6B,QAAQ;GACRC,OAAO,CAAC7B;GACR8B,UAAU9B,YAAY,UAAU;EAClC,CAAC;EACHE,YAAYW,MAAMX,KAAKU,IAAI;CAC7B;AACF;AAEA,SAAgBmB,yBACdC,OAIAG,gBACgC;CAChC,MAAMC,QAAQJ,MAAMI,OAAOC,KAAKC,QAAQ;CACxC,OAAO;EACL,GAAIhC,OAAOiC,OAAOP,OAAO,cAAc,IACnC,EAAEC,cAAcD,MAAMC,aAAa,IACnC,CAAC;EACLO,UAAUR,MAAMQ;EAChBC,WAAWT,MAAMS;EACjBC,MAAMV,MAAMU;EACZC,SAASX,MAAMW;EACfP,OACEJ,MAAMY,cAAc,CAACR,OAAOS,MAAMC,SAASA,KAAKC,QAAQ,IACpD,CAAC,EAAEA,UAAU,KAAK,GAAG,GAAIX,SAAS,CAAA,CAAG,IACrCA;EACNY,UAAUhB,MAAMgB;EAChBC,iBAAiBjB,MAAMiB;EACvBf,iBAAiBF,MAAME,mBAAmBC,kBAAkB;EAC5De,aAAalB,MAAMkB;CACrB;AACF"}

package/dist/components/form/Form/modern/field.d.ts

@@ -5,26 +5,25 @@ import { FormReadValue, FormValues } from "./read-types.js";
 import { RegistrationOptions } from "./types.js";
 import { FormController } from "./controller.js";
 import { ReactNode } from "react";
-
 //#region src/components/form/Form/modern/field.d.ts
 declare const FIELD_VALUE: unique symbol;
 /** Pure configuration, never a mutable/reactive field instance. */
-interface FormField<Value = unknown> {
+export interface FormField<Value = unknown> {
   readonly [FIELD_VALUE]: Value;
   readonly form: FormController<any>;
   readonly path: FormPath;
   readonly options: RegistrationOptions<ReactNode>;
 }
-interface FormFieldContext<T extends object> {
+export interface FormFieldContext<T extends object> {
   readonly signal: AbortSignal;
   getValue<const Path extends FormPath>(path: CheckedFormPath<T, Path>): FormReadValue<FormValueAtPath<T, Path>> | undefined;
   getValues(): FormValues<T>;
 }
-interface FormFieldOptions<T extends object, Value> extends Omit<RegistrationOptions<ReactNode>, 'defaultValue' | 'isEqual'> {
+export interface FormFieldOptions<T extends object, Value> extends Omit<RegistrationOptions<ReactNode>, 'defaultValue' | 'isEqual'> {
   readonly validate?: (value: FormReadValue<Value> | undefined, context: FormFieldContext<T>) => ReactNode | void | Promise<ReactNode | void>;
   readonly defaultValue?: Value;
   readonly isEqual?: (previous: FormReadValue<Value> | undefined, next: FormReadValue<Value> | undefined) => boolean;
 }
 //#endregion
-export { FormField, FormFieldContext, FormFieldOptions };
+export {};
 //# sourceMappingURL=field.d.ts.map

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

@@ -1,6 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { normalizePath } from "./values.js";
-
 //#region src/components/form/Form/modern/field.ts
 function createFormField(form, path, options = {}) {
 	const { validate, ...registration } = options;
@@ -17,7 +16,7 @@ function createFormField(form, path, options = {}) {
 		})
 	});
 }
-
 //#endregion
 export { createFormField };
+
 //# sourceMappingURL=field.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"field.js","names":["normalizePath","ReactNode","FormController","CheckedFormPath","FormValueAtPath","FormReadValue","FormValues","RegistrationOptions","FormPath","FIELD_VALUE","FormField","Value","form","path","options","FormFieldContext","signal","AbortSignal","getValue","T","Path","getValues","FormFieldOptions","Omit","validate","value","context","Promise","defaultValue","isEqual","previous","next","createFormField","registration","normalized","Object","freeze","rules","authored","validator","_rule"],"sources":["../../../../../src/components/form/Form/modern/field.ts"],"sourcesContent":["import { normalizePath } from './values';\n\nimport type { ReactNode } from 'react';\nimport type { FormController } from './controller';\nimport type { CheckedFormPath, FormValueAtPath } from './path-types';\nimport type { FormReadValue, FormValues } from './read-types';\nimport type { RegistrationOptions } from './types';\nimport type { FormPath } from './values';\n\ndeclare const FIELD_VALUE: unique symbol;\n\n/** Pure configuration, never a mutable/reactive field instance. */\nexport interface FormField<Value = unknown> {\n  readonly [FIELD_VALUE]: Value;\n  readonly form: FormController<any>;\n  readonly path: FormPath;\n  readonly options: RegistrationOptions<ReactNode>;\n}\n\nexport interface FormFieldContext<T extends object> {\n  readonly signal: AbortSignal;\n  getValue<const Path extends FormPath>(\n    path: CheckedFormPath<T, Path>,\n  ): FormReadValue<FormValueAtPath<T, Path>> | undefined;\n  getValues(): FormValues<T>;\n}\n\nexport interface FormFieldOptions<T extends object, Value>\n  extends Omit<RegistrationOptions<ReactNode>, 'defaultValue' | 'isEqual'> {\n  readonly validate?: (\n    value: FormReadValue<Value> | undefined,\n    context: FormFieldContext<T>,\n  ) => ReactNode | void | Promise<ReactNode | void>;\n  readonly defaultValue?: Value;\n  readonly isEqual?: (\n    previous: FormReadValue<Value> | undefined,\n    next: FormReadValue<Value> | undefined,\n  ) => boolean;\n}\n\nexport function createFormField<T extends object, Value>(\n  form: FormController<T>,\n  path: FormPath,\n  options: FormFieldOptions<T, Value> = {},\n): FormField<Value> {\n  const { validate, ...registration } = options;\n  const normalized = normalizePath(path);\n  return Object.freeze({\n    form,\n    path: typeof path === 'string' ? path : normalized,\n    options: Object.freeze({\n      ...registration,\n      ...(validate && {\n        rules: [\n          ...(registration.rules ?? []),\n          {\n            // The adapter has fixed source. Retain the authored function for\n            // lazy rule comparison, without changing the consumer's deps.\n            authored: validate,\n            validator: (_rule, value, context) =>\n              validate(value, context as FormFieldContext<T>),\n          },\n        ],\n      }),\n    }),\n  }) as FormField<Value>;\n}\n"],"mappings":";;;;AAwCA,SAAgBgC,gBACdpB,MACAC,MACAC,UAAsC,EAAE,EACtB;CAClB,MAAM,EAAEU,UAAU,GAAGS,iBAAiBnB;CACtC,MAAMoB,aAAalC,cAAca,KAAK;AACtC,QAAOsB,OAAOC,OAAO;EACnBxB;EACAC,MAAM,OAAOA,SAAS,WAAWA,OAAOqB;EACxCpB,SAASqB,OAAOC,OAAO;GACrB,GAAGH;GACH,GAAIT,YAAY,EACda,OAAO,CACL,GAAIJ,aAAaI,SAAS,EAAE,EAC5B;IAGEC,UAAUd;IACVe,YAAYC,OAAOf,OAAOC,YACxBF,SAASC,OAAOC,QAA8B;IACjD,CAAA,EAEJ;GACF,CAAA;EACF,CAAC"}
+{"version":3,"file":"field.js","names":["normalizePath","ReactNode","FormController","CheckedFormPath","FormValueAtPath","FormReadValue","FormValues","RegistrationOptions","FormPath","FIELD_VALUE","FormField","Value","form","path","options","FormFieldContext","signal","AbortSignal","getValue","T","Path","getValues","FormFieldOptions","Omit","validate","value","context","Promise","defaultValue","isEqual","previous","next","createFormField","registration","normalized","Object","freeze","rules","authored","validator","_rule"],"sources":["../../../../../src/components/form/Form/modern/field.ts"],"sourcesContent":["import { normalizePath } from './values';\n\nimport type { ReactNode } from 'react';\nimport type { FormController } from './controller';\nimport type { CheckedFormPath, FormValueAtPath } from './path-types';\nimport type { FormReadValue, FormValues } from './read-types';\nimport type { RegistrationOptions } from './types';\nimport type { FormPath } from './values';\n\ndeclare const FIELD_VALUE: unique symbol;\n\n/** Pure configuration, never a mutable/reactive field instance. */\nexport interface FormField<Value = unknown> {\n  readonly [FIELD_VALUE]: Value;\n  readonly form: FormController<any>;\n  readonly path: FormPath;\n  readonly options: RegistrationOptions<ReactNode>;\n}\n\nexport interface FormFieldContext<T extends object> {\n  readonly signal: AbortSignal;\n  getValue<const Path extends FormPath>(\n    path: CheckedFormPath<T, Path>,\n  ): FormReadValue<FormValueAtPath<T, Path>> | undefined;\n  getValues(): FormValues<T>;\n}\n\nexport interface FormFieldOptions<T extends object, Value> extends Omit<\n  RegistrationOptions<ReactNode>,\n  'defaultValue' | 'isEqual'\n> {\n  readonly validate?: (\n    value: FormReadValue<Value> | undefined,\n    context: FormFieldContext<T>,\n  ) => ReactNode | void | Promise<ReactNode | void>;\n  readonly defaultValue?: Value;\n  readonly isEqual?: (\n    previous: FormReadValue<Value> | undefined,\n    next: FormReadValue<Value> | undefined,\n  ) => boolean;\n}\n\nexport function createFormField<T extends object, Value>(\n  form: FormController<T>,\n  path: FormPath,\n  options: FormFieldOptions<T, Value> = {},\n): FormField<Value> {\n  const { validate, ...registration } = options;\n  const normalized = normalizePath(path);\n  return Object.freeze({\n    form,\n    path: typeof path === 'string' ? path : normalized,\n    options: Object.freeze({\n      ...registration,\n      ...(validate && {\n        rules: [\n          ...(registration.rules ?? []),\n          {\n            // The adapter has fixed source. Retain the authored function for\n            // lazy rule comparison, without changing the consumer's deps.\n            authored: validate,\n            validator: (_rule, value, context) =>\n              validate(value, context as FormFieldContext<T>),\n          },\n        ],\n      }),\n    }),\n  }) as FormField<Value>;\n}\n"],"mappings":";;;AA0CA,SAAgBgC,gBACdpB,MACAC,MACAC,UAAsC,CAAC,GACrB;CAClB,MAAM,EAAEU,UAAU,GAAGS,iBAAiBnB;CACtC,MAAMoB,aAAalC,cAAca,IAAI;CACrC,OAAOsB,OAAOC,OAAO;EACnBxB;EACAC,MAAM,OAAOA,SAAS,WAAWA,OAAOqB;EACxCpB,SAASqB,OAAOC,OAAO;GACrB,GAAGH;GACH,GAAIT,YAAY,EACda,OAAO,CACL,GAAIJ,aAAaI,SAAS,CAAA,GAC1B;IAGEC,UAAUd;IACVe,YAAYC,OAAOf,OAAOC,YACxBF,SAASC,OAAOC,OAA8B;GAClD,CAAC,EAEL;EACF,CAAC;CACH,CAAC;AACH"}