@cube-dev/ui-kit 0.0.0-canary-b59dbf7 → 0.0.0-canary-23d9994

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b59dbf7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-23d9994 | Cube Dev Team */
 import { useProviderProps } from "../../../../provider.js";
 import { Button } from "../../../actions/Button/Button.js";
 import { useFormProps } from "../Form.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b59dbf7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-23d9994 | Cube Dev Team */
 import { useI18n } from "../../../i18n/useI18n.js";
 import { FormContext } from "./Form.js";
 import { Alert } from "../../content/Alert/Alert.js";

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

@@ -1,4 +1,6 @@
 
+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).
@@ -8,14 +10,16 @@
  * kind, the `<Form>` facade dispatches on it before any backend hook runs, and
  * the legacy field adapter refuses a controller it cannot bind.
  *
- * Phase 3 ships the shell only. No modern creator is exported, so a modern
- * controller cannot be constructed by consumers yet; every modern branch ends
- * in `modernBackendUnavailableError` until the modern backend lands.
+ * The modern creator and selectors are available. Field binding and submission
+ * orchestration remain separate migration phases.
  */
 declare const FORM_BACKEND: unique symbol;
 interface LegacyFormBrand {
   readonly [FORM_BACKEND]: 'legacy';
 }
+interface ModernFormBrand {
+  readonly [FORM_BACKEND]: 'modern';
+}
 //#endregion
-export { FORM_BACKEND, LegacyFormBrand };
+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.0.0-canary-b59dbf7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-23d9994 | Cube Dev Team */
 //#region src/components/form/Form/backend.ts
 /**
 * Nominal branding for the two Form backends (modernization plan §5.1).
@@ -8,9 +8,8 @@
 * kind, the `<Form>` facade dispatches on it before any backend hook runs, and
 * the legacy field adapter refuses a controller it cannot bind.
 *
-* Phase 3 ships the shell only. No modern creator is exported, so a modern
-* controller cannot be constructed by consumers yet; every modern branch ends
-* in `modernBackendUnavailableError` until the modern backend lands.
+* The modern creator and selectors are available. Field binding and submission
+* orchestration remain separate migration phases.
 */
 const FORM_BACKEND = Symbol.for("@cube-dev/ui-kit/form-backend");
 /**
@@ -23,7 +22,7 @@ function isModernFormController(value) {
 	return !!value && typeof value === "object" && value[FORM_BACKEND] === "modern";
 }
 function modernBackendUnavailableError(receiver) {
-	return /* @__PURE__ */ new Error(`${receiver} received a modern form controller, but the modern Form backend is not available in this version of @cube-dev/ui-kit. Create forms with Form.useForm() for now.`);
+	return /* @__PURE__ */ new Error(`${receiver} received a modern form controller, but this legacy API does not support modern controllers. Modern input binding is not available yet; use Form.useForm() for bound inputs.`);
 }
 
 //#endregion

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 * Phase 3 ships the shell only. No modern creator is exported, so a modern\n * controller cannot be constructed by consumers yet; every modern branch ends\n * in `modernBackendUnavailableError` until the modern backend lands.\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\n/**\n * The modern controller as the shell knows it: the brand and nothing else.\n * The store, selectors, commands and the values type parameter arrive with\n * the modern backend.\n */\nexport type FormController = ModernFormBrand;\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 FormController {\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 the modern Form backend is not available in this version of @cube-dev/ui-kit. Create forms with Form.useForm() for now.`,\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAYA,MAAa,eAA8B,OAAO,IAChD,gCACD;;;;;;;AAuBD,SAAgB,uBACd,OACyB;AACzB,QACE,CAAC,CAAC,SACF,OAAO,UAAU,YAChB,MAAuC,kBAAkB;;AAI9D,SAAgB,8BAA8B,UAAyB;AACrE,wBAAO,IAAI,MACT,GAAG,SAAS,iKACb"}
+{"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 * The modern creator and selectors are available. Field binding and submission\n * orchestration remain separate migration phases.\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. Modern input binding is not available yet; use Form.useForm() for bound inputs.`,\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,8KACb"}

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

@@ -1,6 +1,10 @@
 
 import { FieldTypes, Fields } from "./types.js";
+import { FormPath } from "./modern/values.js";
+import { FormChange, SetValueOptions } from "./modern/types.js";
+import { FormController, ModernFormState, UseFormControllerOptions } from "./modern/controller.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 "./SubmitButton/index.js";
@@ -9,6 +13,8 @@ import "./ResetButton/index.js";
 import { CubeAlertProps } from "../../content/Alert/types.js";
 import "../../content/Alert/index.js";
 import { Field } from "./Field.js";
+import { useFormControllerContext } from "./modern/context.js";
+import { FormSelectorOptions, FormSubscribe, FormSubscribeProps, useFormController, useFormSelector } from "./modern/react.js";
 import { _SubmitError } from "./SubmitError.js";
 import { FieldReturnValue, UseFieldProps } from "./use-field/types.js";
 import { UseFieldParams, useField } from "./use-field/use-field.js";
@@ -24,9 +30,17 @@ declare const Form: FormRootComponent & {
   Submit: typeof _SubmitButton;
   Reset: typeof _ResetButton;
   useForm: typeof useForm;
+  useController: typeof useFormController;
+  useSelector: typeof useFormSelector;
+  Subscribe: typeof FormSubscribe;
+  useControllerContext: typeof useFormControllerContext;
 } & {
   Item: typeof Field;
   useForm: typeof useForm;
+  useController: typeof useFormController;
+  useSelector: typeof useFormSelector;
+  Subscribe: typeof FormSubscribe;
+  useControllerContext: typeof useFormControllerContext;
   Submit: react.ForwardRefExoticComponent<Omit<CubeSubmitButtonProps<FieldTypes>, "ref"> & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLElement, HTMLElement>>>;
   Reset: react.ForwardRefExoticComponent<Omit<CubeResetButtonProps<FieldTypes>, "ref"> & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLElement, HTMLElement>>>;
   SubmitError: react.ForwardRefExoticComponent<CubeAlertProps & react.RefAttributes<HTMLDivElement>>;

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

@@ -1,9 +1,11 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b59dbf7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-23d9994 | Cube Dev Team */
+import { useFormControllerContext } from "./modern/context.js";
 import { useForm } from "./use-form.js";
 import { FormContext, FormScopeMask, _Form, 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, useFormSelector } from "./modern/react.js";
 import { _ResetButton } from "./ResetButton/ResetButton.js";
 import { _SubmitButton } from "./SubmitButton/SubmitButton.js";
 import { _SubmitError } from "./SubmitError.js";
@@ -12,6 +14,10 @@ import { _SubmitError } from "./SubmitError.js";
 const Form = Object.assign(_Form, {
 	Item: Field,
 	useForm,
+	useController: useFormController,
+	useSelector: useFormSelector,
+	Subscribe: FormSubscribe,
+	useControllerContext: useFormControllerContext,
 	Submit: _SubmitButton,
 	Reset: _ResetButton,
 	SubmitError: _SubmitError

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 { CubeAlertProps } from '../../content/Alert/index';\n\nimport { Field } from './Field';\nimport {\n  Form as _Form,\n  FormContext,\n  FormScopeMask,\n  useFormProps,\n} from './Form';\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  },\n  {\n    Item: Field,\n    useForm,\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 { CubeFormInstance } from './use-form';\nexport type { FieldTypes, Fields } from './types';\nexport type { CubeAlertProps as CubeSubmitErrorProps };\n"],"mappings":";;;;;;;;;;;AAcA,MAAM,OAAO,OAAO,OAClB,OAOA;CACE,MAAM;CACN;CACA,QAAQA;CACR,OAAOC;CACP;CACD,CACF"}
+{"version":3,"file":"index.js","names":["SubmitButton","ResetButton"],"sources":["../../../../src/components/form/Form/index.ts"],"sourcesContent":["import { CubeAlertProps } from '../../content/Alert/index';\n\nimport { 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  useFormSelector,\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    Subscribe: typeof FormSubscribe;\n    useControllerContext: typeof useFormControllerContext;\n  },\n  {\n    Item: Field,\n    useForm,\n    useController: useFormController,\n    useSelector: useFormSelector,\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  UseFormControllerOptions,\n} from './modern/controller';\nexport type { FormSelectorOptions, FormSubscribeProps } from './modern/react';\nexport type { FormChange, SetValueOptions } from './modern/types';\nexport type { FormPath } from './modern/values';\nexport type { CubeFormInstance } from './use-form';\nexport type { FieldTypes, Fields } from './types';\nexport type { CubeAlertProps as CubeSubmitErrorProps };\n"],"mappings":";;;;;;;;;;;;;AAoBA,MAAM,OAAO,OAAO,OAClB,OAWA;CACE,MAAM;CACN;CACA,eAAe;CACf,aAAa;CACb,WAAW;CACX,sBAAsB;CACtB,QAAQA;CACR,OAAOC;CACP;CACD,CACF"}

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

@@ -0,0 +1,9 @@
+
+import { FormController } from "./controller.js";
+import "react";
+
+//#region src/components/form/Form/modern/context.d.ts
+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

@@ -0,0 +1,14 @@
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-23d9994 | Cube Dev Team */
+import { createContext, useContext } from "react";
+
+//#region src/components/form/Form/modern/context.ts
+const ModernControllerContext = createContext(null);
+function useFormControllerContext() {
+	const controller = useContext(ModernControllerContext);
+	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

@@ -0,0 +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"}

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

@@ -0,0 +1,13 @@
+
+import { FormState, FormStore, FormStoreOptions } from "./types.js";
+import { FORM_BACKEND } from "../backend.js";
+import { ReactNode } from "react";
+
+//#region src/components/form/Form/modern/controller.d.ts
+type ModernFormState<T extends object = Record<string, unknown>> = FormState<T, ReactNode>;
+type UseFormControllerOptions<T extends object = Record<string, unknown>> = FormStoreOptions<T>;
+/** 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 | 'getSnapshot' | 'getFieldSnapshot' | 'getValue' | 'getValues' | 'getActiveValues' | 'subscribe' | 'setValue' | 'setValues' | 'batch' | 'setDefaultValues' | 'adoptDefaultValues' | 'reset' | 'touch' | 'setFieldErrors' | 'clearFieldErrors' | 'setSubmitError' | 'clearSubmitError'>>;
+//#endregion
+export { FormController, ModernFormState, UseFormControllerOptions };
+//# sourceMappingURL=controller.d.ts.map

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

@@ -0,0 +1,45 @@
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-23d9994 | Cube Dev Team */
+import { FORM_BACKEND, isModernFormController } from "../backend.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. */
+function createFormController(options) {
+	const store = createFormStore(options);
+	const serverSnapshot = store.getSnapshot();
+	const internals = {
+		store,
+		getServerSnapshot: () => serverSnapshot
+	};
+	return Object.freeze({
+		[FORM_BACKEND]: "modern",
+		[CONTROLLER_STORE]: internals,
+		getSnapshot: store.getSnapshot,
+		getFieldSnapshot: store.getFieldSnapshot,
+		getValue: store.getValue,
+		getValues: store.getValues,
+		getActiveValues: store.getActiveValues,
+		subscribe: store.subscribe,
+		setValue: store.setValue,
+		setValues: store.setValues,
+		batch: store.batch,
+		setDefaultValues: store.setDefaultValues,
+		adoptDefaultValues: store.adoptDefaultValues,
+		reset: store.reset,
+		touch: store.touch,
+		setFieldErrors: store.setFieldErrors,
+		clearFieldErrors: store.clearFieldErrors,
+		setSubmitError: store.setSubmitError,
+		clearSubmitError: store.clearSubmitError
+	});
+}
+function getControllerInternals(controller, receiver) {
+	const internals = isModernFormController(controller) ? controller[CONTROLLER_STORE] : void 0;
+	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

@@ -0,0 +1 @@
+{"version":3,"file":"controller.js","names":[],"sources":["../../../../../src/components/form/Form/modern/controller.ts"],"sourcesContent":["import { FORM_BACKEND, isModernFormController } from '../backend';\n\nimport { createFormStore } from './store';\n\nimport type { ReactNode } from 'react';\nimport type { FormState, FormStore, FormStoreOptions } from './types';\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>;\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      | 'getSnapshot'\n      | 'getFieldSnapshot'\n      | 'getValue'\n      | 'getValues'\n      | 'getActiveValues'\n      | 'subscribe'\n      | 'setValue'\n      | 'setValues'\n      | 'batch'\n      | 'setDefaultValues'\n      | 'adoptDefaultValues'\n      | 'reset'\n      | 'touch'\n      | 'setFieldErrors'\n      | 'clearFieldErrors'\n      | 'setSubmitError'\n      | 'clearSubmitError'\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}\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  const internals: ControllerInternals<T> = {\n    store,\n    getServerSnapshot: () => serverSnapshot,\n  };\n  return Object.freeze({\n    [FORM_BACKEND]: 'modern' as const,\n    [CONTROLLER_STORE]: internals,\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  });\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":";;;;;AA0CA,MAAM,mBAAmB,OAAO,IAAI,yCAAyC;;AAQ7E,SAAgB,qBACd,SACmB;CACnB,MAAM,QAAQ,gBAA8B,QAAQ;CACpD,MAAM,iBAAiB,MAAM,aAAa;CAC1C,MAAM,YAAoC;EACxC;EACA,yBAAyB;EAC1B;AACD,QAAO,OAAO,OAAO;GAClB,eAAe;GACf,mBAAmB;EACpB,aAAa,MAAM;EACnB,kBAAkB,MAAM;EACxB,UAAU,MAAM;EAChB,WAAW,MAAM;EACjB,iBAAiB,MAAM;EACvB,WAAW,MAAM;EACjB,UAAU,MAAM;EAChB,WAAW,MAAM;EACjB,OAAO,MAAM;EACb,kBAAkB,MAAM;EACxB,oBAAoB,MAAM;EAC1B,OAAO,MAAM;EACb,OAAO,MAAM;EACb,gBAAgB,MAAM;EACtB,kBAAkB,MAAM;EACxB,gBAAgB,MAAM;EACtB,kBAAkB,MAAM;EACzB,CAAC;;AAGJ,SAAgB,uBACd,YACA,UACwB;CACxB,MAAM,YAAY,uBAAuB,WAAW,GAC/C,WACC,oBAEF;AACJ,KAAI,CAAC,UACH,OAAM,IAAI,MACR,GAAG,SAAS,sIACb;AAEH,QAAO"}

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

@@ -0,0 +1,21 @@
+
+import { FormController, ModernFormState, UseFormControllerOptions } from "./controller.js";
+import { ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/form/Form/modern/react.d.ts
+declare function useFormController<T extends object = Record<string, unknown>>(options?: UseFormControllerOptions<T>): FormController<T>;
+interface FormSelectorOptions<Selected> {
+  isEqual?: (previous: Selected, next: Selected) => boolean;
+}
+declare function useFormSelector<T extends object, Selected>(controller: FormController<T>, selector: (state: ModernFormState<T>) => Selected, options?: FormSelectorOptions<Selected>): Selected;
+interface FormSubscribeProps<T extends object, Selected> extends FormSelectorOptions<Selected> {
+  /** Omit to use modern context. An explicit undefined detaches from context. */
+  form?: FormController<T>;
+  selector: (state: ModernFormState<T>) => Selected;
+  children: (selected: Selected) => ReactNode;
+}
+declare function FormSubscribe<T extends object = Record<string, unknown>, Selected = unknown>(props: FormSubscribeProps<T, Selected>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { FormSelectorOptions, FormSubscribe, FormSubscribeProps, useFormController, useFormSelector };
+//# sourceMappingURL=react.d.ts.map

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

@@ -0,0 +1,27 @@
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-23d9994 | Cube Dev Team */
+import { ModernControllerContext } from "./context.js";
+import { createFormController, getControllerInternals } from "./controller.js";
+import { useContext, useState } from "react";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+import { useSyncExternalStoreWithSelector } from "use-sync-external-store/with-selector.js";
+
+//#region src/components/form/Form/modern/react.tsx
+function useFormController(options) {
+	const [controller] = useState(() => createFormController(options));
+	return controller;
+}
+function useFormSelector(controller, selector, options) {
+	const { getServerSnapshot } = getControllerInternals(controller, "Form.useSelector()");
+	return useSyncExternalStoreWithSelector(controller.subscribe, controller.getSnapshot, getServerSnapshot, selector, options?.isEqual);
+}
+function FormSubscribe(props) {
+	const fromContext = useContext(ModernControllerContext);
+	const controller = Object.hasOwn(props, "form") ? props.form : fromContext;
+	if (!controller) throw new Error("<Form.Subscribe> requires a modern form prop or a modern <Form> root.");
+	const selected = useFormSelector(controller, props.selector, { isEqual: props.isEqual });
+	return /* @__PURE__ */ jsx(Fragment$1, { children: props.children(selected) });
+}
+
+//#endregion
+export { FormSubscribe, useFormController, useFormSelector };
+//# sourceMappingURL=react.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","names":[],"sources":["../../../../../src/components/form/Form/modern/react.tsx"],"sourcesContent":["import { useContext, useState } from 'react';\nimport { useSyncExternalStoreWithSelector } from 'use-sync-external-store/with-selector.js';\n\nimport { ModernControllerContext } from './context';\nimport { createFormController, getControllerInternals } from './controller';\n\nimport type { ReactNode } from 'react';\nimport type {\n  FormController,\n  ModernFormState,\n  UseFormControllerOptions,\n} from './controller';\n\nexport function useFormController<T extends object = Record<string, unknown>>(\n  options?: UseFormControllerOptions<T>,\n): FormController<T> {\n  // Initial options seed synchronously. A new options object never resets the\n  // controller, and the creator does not subscribe its owner to form changes.\n  const [controller] = useState(() => createFormController(options));\n  // Do not dispose from effect cleanup: Strict Mode and hidden React trees\n  // reconnect effects while preserving state. Subscriptions own their cleanup;\n  // the controller has no external resources and is collected with its owner.\n  return controller;\n}\n\nexport interface FormSelectorOptions<Selected> {\n  isEqual?: (previous: Selected, next: Selected) => boolean;\n}\n\nexport function useFormSelector<T extends object, Selected>(\n  controller: FormController<T>,\n  selector: (state: ModernFormState<T>) => Selected,\n  options?: FormSelectorOptions<Selected>,\n): Selected {\n  const { getServerSnapshot } = getControllerInternals(\n    controller,\n    'Form.useSelector()',\n  );\n  return useSyncExternalStoreWithSelector(\n    controller.subscribe,\n    controller.getSnapshot,\n    getServerSnapshot,\n    selector,\n    options?.isEqual,\n  );\n}\n\nexport interface FormSubscribeProps<T extends object, Selected>\n  extends FormSelectorOptions<Selected> {\n  /** Omit to use modern context. An explicit undefined detaches from context. */\n  form?: FormController<T>;\n  selector: (state: ModernFormState<T>) => Selected;\n  children: (selected: Selected) => ReactNode;\n}\n\nexport function FormSubscribe<\n  T extends object = Record<string, unknown>,\n  Selected = unknown,\n>(props: FormSubscribeProps<T, Selected>) {\n  const fromContext = useContext(ModernControllerContext);\n  const controller = Object.hasOwn(props, 'form') ? props.form : fromContext;\n  if (!controller) {\n    throw new Error(\n      '<Form.Subscribe> requires a modern form prop or a modern <Form> root.',\n    );\n  }\n  const selected = useFormSelector(controller, props.selector, {\n    isEqual: props.isEqual,\n  });\n  return <>{props.children(selected)}</>;\n}\n"],"mappings":";;;;;;;;AAaA,SAAgB,kBACd,SACmB;CAGnB,MAAM,CAAC,cAAc,eAAe,qBAAqB,QAAQ,CAAC;AAIlE,QAAO;;AAOT,SAAgB,gBACd,YACA,UACA,SACU;CACV,MAAM,EAAE,sBAAsB,uBAC5B,YACA,qBACD;AACD,QAAO,iCACL,WAAW,WACX,WAAW,aACX,mBACA,UACA,SAAS,QACV;;AAWH,SAAgB,cAGd,OAAwC;CACxC,MAAM,cAAc,WAAW,wBAAwB;CACvD,MAAM,aAAa,OAAO,OAAO,OAAO,OAAO,GAAG,MAAM,OAAO;AAC/D,KAAI,CAAC,WACH,OAAM,IAAI,MACR,wEACD;CAEH,MAAM,WAAW,gBAAgB,YAAY,MAAM,UAAU,EAC3D,SAAS,MAAM,SAChB,CAAC;AACF,QAAO,4CAAG,MAAM,SAAS,SAAS,GAAI"}