refactor: form binder object models support

packages/ts/lit-form/package.json

@@ -70,6 +70,7 @@
   },
   "dependencies": {
     "@vaadin/hilla-frontend": "25.0.0-beta5",
+    "@vaadin/hilla-models": "25.0.0-beta5",
     "validator": "13.12.0"
   },
   "peerDependencies": {

packages/ts/lit-form/src/Binder.ts

@@ -1,6 +1,7 @@
 import type { LitElement } from 'lit';
 import { type BinderConfiguration, BinderRoot } from './BinderRoot.js';
-import type { AbstractModel, DetachedModelConstructor, Value } from './Models.js';
+import type { Value } from './Models.js';
+import type { ProvisionalModel, ProvisionalModelConstructor } from './ProvisionalModel.js';
 
 /**
  * A Binder controls all aspects of a single form.
@@ -10,15 +11,15 @@ import type { AbstractModel, DetachedModelConstructor, Value } from './Models.js
  * @typeParam T - Type of the value that binds to a form
  * @typeParam M - Type of the model that describes the structure of the value
  */
-export class Binder<M extends AbstractModel> extends BinderRoot<M> {
+export class Binder<M extends ProvisionalModel> extends BinderRoot<M> {
   declare readonly ['constructor']: Omit<typeof Binder<M>, 'constructor'>;
 
   context: Element;
 
   /**
    *
    * @param context - The form view component instance to update.
-   * @param Model - The constructor (the class reference) of the form model. The Binder instantiates the top-level model
+   * @param modelClass - The constructor (the class reference) of the form model. The Binder instantiates the top-level model
    * @param config - The options object, which can be used to config the onChange and onSubmit callbacks.
    *
    * ```
@@ -27,14 +28,14 @@ export class Binder<M extends AbstractModel> extends BinderRoot<M> {
    * binder = new Binder(orderView, OrderModel, {onSubmit: async (order) => {endpoint.save(order)}});
    * ```
    */
-  constructor(context: Element, Model: DetachedModelConstructor<M>, config?: BinderConfiguration<Value<M>>) {
+  constructor(context: Element, modelClass: ProvisionalModelConstructor<M>, config?: BinderConfiguration<Value<M>>) {
     const changeCallback =
       config?.onChange ??
       (typeof (context as LitElement).requestUpdate === 'function'
         ? () => (context as LitElement).requestUpdate()
         : undefined);
 
-    super(Model, {
+    super(modelClass, {
       ...(config ?? {}),
       onChange: changeCallback,
       context,