synstate-dom 0.4.0 → 0.6.0

package/dist/jsx/element-props.d.mts

@@ -29,8 +29,8 @@ export type ClassObject = ReadonlyRecord<string, Bindable<boolean>>;
 export type StyleObject = ReadonlyRecord<string, Bindable<string | undefined>>;
 /**
  * The props of an HTML element: the common ones, one `Bindable` per writable
- * primitive DOM property of `E` (`id`, `disabled`, `value`, `tabIndex`, …),
- * and one handler per event of `HTMLElementEventMap`.
+ * primitive DOM property of `E` (`id`, `disabled`, `value`, `tabIndex`, …), and
+ * one handler per event of `HTMLElementEventMap`.
  *
  * An attribute, `aria-*` and `data-*` included, also takes `undefined`, which
  * removes it: a value that comes and goes is an observable of `T | undefined`
@@ -71,8 +71,21 @@ type ReflectedKey<E, K extends keyof E> = string extends K ? never : number exte
 type IsWritable<E, K extends keyof E> = TypeEq<StrictPick<E, K>, Readonly<StrictPick<E, K>>> extends true ? false : true;
 /**
  * Writable primitive properties that are not attributes, or that are props of
- * their own (`class`, `style`).
+ * their own (`class`, `style`). The binding would pass them to `setAttribute`,
+ * which makes an attribute nothing reads (#2934): the parts of `<a>`'s `href`
+ * (`hash` … `username`), the text of `<a>`, `<option>`, `<script>` and
+ * `<title>` (`text`), media playback state (`currentTime` … `volume`), and form
+ * control state (`returnValue` … `length`), and the obsolete `ch` and `chOff`
+ * of table cells, whose attributes are `char` and `charoff`. A property written as a property is
+ * in `propertyNames`, and one whose attribute is spelt differently in
+ * `attributeNameOf`. Checked in Chromium by setting the attribute and reading
+ * the property back.
+ *
+ * The keys are left out of every element, so a name that is an attribute on one
+ * element and not on another goes by the common case: `<body>`'s obsolete
+ * `text` attribute is left out with the rest, and `<style>`'s `disabled`, which
+ * has no attribute, stays in with every other `disabled`.
  */
-type ExcludedKey = 'className' | 'innerHTML' | 'innerText' | 'nodeValue' | 'outerHTML' | 'outerText' | 'scrollLeft' | 'scrollTop' | 'textContent';
+type ExcludedKey = 'className' | 'innerHTML' | 'innerText' | 'nodeValue' | 'outerHTML' | 'outerText' | 'scrollLeft' | 'scrollTop' | 'textContent' | 'hash' | 'host' | 'hostname' | 'password' | 'pathname' | 'port' | 'protocol' | 'search' | 'username' | 'text' | 'currentTime' | 'defaultPlaybackRate' | 'playbackRate' | 'preservesPitch' | 'volume' | 'returnValue' | 'selectedIndex' | 'selectionDirection' | 'selectionEnd' | 'selectionStart' | 'valueAsNumber' | 'length' | 'ch' | 'chOff';
 export {};
 //# sourceMappingURL=element-props.d.mts.map

package/dist/jsx/element-props.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"element-props.d.mts","sourceRoot":"","sources":["../../src/jsx/element-props.mts"],"names":[],"mappings":"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"}
+{"version":3,"file":"element-props.d.mts","sourceRoot":"","sources":["../../src/jsx/element-props.mts"],"names":[],"mappings":"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"}

package/dist/jsx/jsx.mjs

@@ -23,6 +23,7 @@ export const createMountable = (type, props, key) => {
 };
 
 export const Fragment = (props) => mountable(() => mountChild(props.children ?? []));
+const isRefCallback = (value) => typeof value === 'function';
 const mountElement = (tag, props) => {
     const element = svgTagNameSet.has(tag)
         ? document.createElementNS(svgNamespace, tag)
@@ -42,5 +43,4 @@ const mountElement = (tag, props) => {
 };
 const svgNamespace = 'http://www.w3.org/2000/svg';
 const svgTagNameSet = new Set(svgTagNames);
-const isRefCallback = (value) => typeof value === 'function';
 //# sourceMappingURL=jsx.mjs.map

package/dist/jsx/jsx.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"jsx.mjs","sourceRoot":"","sources":["../../src/jsx/jsx.mts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,UAAU,EAAc,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAkB,MAAM,iBAAiB,CAAC;AAE5D;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,IAAiD,EACjD,KAAQ,EACR,GAAa,EACF,EAAE;IACb,0EAA0E;IAC1E,yEAAyE;IACzE,MAAM,YAAY,GAAG,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAE,EAAE,GAAG,KAAK,EAAE,GAAG,EAAY,CAAC;IAE9E,OAAO,OAAO,IAAI,KAAK,QAAQ;QAC7B,CAAC,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAC5C,CAAC,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;AAClD,CAAC,CAAC;AAEF,iEAAiE;AACjE,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAqC,EAAa,EAAE,CAC3E,SAAS,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC;AAEpD,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,KAAc,EAAW,EAAE;IAC5D,MAAM,OAAO,GAAG,aAAa,CAAC,GAAG,CAAC,GAAG,CAAC;QACpC,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,YAAY,EAAE,GAAG,CAAC;QAC7C,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAEhC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;QACrB,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;QACrD,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACrB,CAAC;IAED,wEAAwE;IACxE,IAAI,MAAM,CAAC,KAAK,EAAE,UAAU,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;QACzD,OAAO,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAChD,CAAC;IAED,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAE1B,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,4BAA4B,CAAC;AAElD,MAAM,aAAa,GAAwB,IAAI,GAAG,CAAC,WAAW,CAAC,CAAC;AAEhE,MAAM,aAAa,GAAG,CAAC,KAAc,EAAuC,EAAE,CAC5E,OAAO,KAAK,KAAK,UAAU,CAAC"}
+{"version":3,"file":"jsx.mjs","sourceRoot":"","sources":["../../src/jsx/jsx.mts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,UAAU,EAAc,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAkB,MAAM,iBAAiB,CAAC;AAE5D;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,IAAiD,EACjD,KAAQ,EACR,GAAa,EACF,EAAE;IACb,6EAA6E;IAC7E,sEAAsE;IACtE,MAAM,YAAY,GAAG,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAE,EAAE,GAAG,KAAK,EAAE,GAAG,EAAY,CAAC;IAE9E,OAAO,OAAO,IAAI,KAAK,QAAQ;QAC7B,CAAC,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAC5C,CAAC,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;AAClD,CAAC,CAAC;AAEF,iEAAiE;AACjE,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAqC,EAAa,EAAE,CAC3E,SAAS,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC;AAEpD,MAAM,aAAa,GAAG,CAAC,KAAc,EAAuC,EAAE,CAC5E,OAAO,KAAK,KAAK,UAAU,CAAC;AAE9B,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,KAAc,EAAW,EAAE;IAC5D,MAAM,OAAO,GAAG,aAAa,CAAC,GAAG,CAAC,GAAG,CAAC;QACpC,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,YAAY,EAAE,GAAG,CAAC;QAC7C,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAEhC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;QACrB,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,IAAI,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;QACrD,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACrB,CAAC;IAED,wEAAwE;IACxE,IAAI,MAAM,CAAC,KAAK,EAAE,UAAU,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;QACzD,OAAO,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAChD,CAAC;IAED,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAE1B,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,4BAA4B,CAAC;AAElD,MAAM,aAAa,GAAwB,IAAI,GAAG,CAAC,WAAW,CAAC,CAAC"}

package/dist/jsx/mountable.d.mts

@@ -1,7 +1,7 @@
 import { mountableTag } from '../internal/index.mjs';
 /**
- * What a JSX expression evaluates to: a description that creates DOM nodes
- * when mounted, not the nodes themselves (SPEC.md 6.1).
+ * What a JSX expression evaluates to: a description that creates DOM nodes when
+ * mounted, not the nodes themselves (SPEC.md 6.1).
  *
  * The children of a JSX element are evaluated before the element, so a
  * description that created its nodes at once would create both branches of
@@ -10,8 +10,8 @@ import { mountableTag } from '../internal/index.mjs';
  * It is an object rather than a function: a props object with a `then` prop
  * holding a function would be taken for a thenable.
  *
- * The same description may be mounted any number of times; each mount
- * creates new nodes.
+ * The same description may be mounted any number of times; each mount creates
+ * new nodes.
  */
 export type Mountable = Readonly<{
     [mountableTag]: true;

package/dist/jsx-dev-runtime.d.mts

@@ -1,7 +1,7 @@
 /**
  * The module `"jsxImportSource": "synstate-dom"` makes TypeScript import for
- * `"jsx": "react-jsxdev"`. The extra arguments (`key`, source location) are
- * not used.
+ * `"jsx": "react-jsxdev"`. The extra arguments (`key`, source location) are not
+ * used.
  */
 export { Fragment, createMountable as jsxDEV, type JSX } from './jsx/index.mjs';
 //# sourceMappingURL=jsx-dev-runtime.d.mts.map

package/dist/keyboard/index.d.mts

@@ -0,0 +1,2 @@
+export * from './is-ime-key-down.mjs';
+//# sourceMappingURL=index.d.mts.map

package/dist/keyboard/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../src/keyboard/index.mts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/keyboard/index.mjs

@@ -0,0 +1,2 @@
+export * from './is-ime-key-down.mjs';
+//# sourceMappingURL=index.mjs.map

package/dist/keyboard/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../src/keyboard/index.mts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/keyboard/is-ime-key-down.d.mts

@@ -0,0 +1,11 @@
+import type { StrictPick } from 'ts-type-forge';
+/**
+ * Whether a key down is an input method's rather than the field's: one sent
+ * while a composition is going on, or the Enter or Escape that confirmed or
+ * cancelled one, which Safari sends after `compositionend`, told from the
+ * field's by its key code alone. Other keys with that key code are the field's:
+ * a virtual keyboard on Android sends it for the keys that type text, and its
+ * arrow keys may carry it too.
+ */
+export declare const isImeKeyDown: (event: StrictPick<KeyboardEvent, 'isComposing' | 'key' | 'keyCode'>) => boolean;
+//# sourceMappingURL=is-ime-key-down.d.mts.map

package/dist/keyboard/is-ime-key-down.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-ime-key-down.d.mts","sourceRoot":"","sources":["../../src/keyboard/is-ime-key-down.mts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,UAChB,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,KAAK,GAAG,SAAS,CAAC,KAClE,OAI8B,CAAC"}

package/dist/keyboard/is-ime-key-down.mjs

@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
+
+export const isImeKeyDown = (event) => event.isComposing ||
+    ((event.key === 'Enter' || event.key === 'Escape') &&
+
+        event.keyCode === imeKeyCode);
+
+const imeKeyCode = 229;
+//# sourceMappingURL=is-ime-key-down.mjs.map

package/dist/keyboard/is-ime-key-down.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-ime-key-down.mjs","sourceRoot":"","sources":["../../src/keyboard/is-ime-key-down.mts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,KAAmE,EAC1D,EAAE,CACX,KAAK,CAAC,WAAW;IACjB,CAAC,CAAC,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,CAAC;QAChD,6GAA6G;QAC7G,KAAK,CAAC,OAAO,KAAK,UAAU,CAAC,CAAC;AAElC,6DAA6D;AAC7D,MAAM,UAAU,GAAG,GAAG,CAAC"}

package/dist/scope/index.d.mts

@@ -0,0 +1,2 @@
+export * from './scope-effects.mjs';
+//# sourceMappingURL=index.d.mts.map

package/dist/scope/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../src/scope/index.mts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/dist/scope/index.mjs

@@ -0,0 +1,2 @@
+export * from './scope-effects.mjs';
+//# sourceMappingURL=index.mjs.map

package/dist/scope/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../src/scope/index.mts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/dist/scope/scope-effects.d.mts

@@ -0,0 +1,25 @@
+import { type Observable } from 'synstate';
+import type { StrictPick } from 'ts-type-forge';
+/**
+ * Calls `next` with every value of `source`, the current one first, until the
+ * current scope is disposed — what a component that is called once does in
+ * place of an effect.
+ */
+export declare const subscribeInScope: <A>(source: Observable<A>, next: (value: A) => void) => void;
+/** Listens to `type` on `target` until the current scope is disposed. */
+export declare const listenInScope: (target: Readonly<StrictPick<EventTarget, 'addEventListener' | 'removeEventListener'>>, type: string, listener: (event: Event) => void, options?: Readonly<{
+    capture?: boolean;
+    passive?: boolean;
+}>) => void;
+/**
+ * Makes the function that runs work once the update under way has finished:
+ * in a microtask, so before the next paint, with the DOM bound to the update
+ * already written — and nothing written to a state while another is still
+ * propagating, which synstate warns of. Work for a scope disposed by then is
+ * dropped.
+ *
+ * Also what runs after the first mount: a component's nodes are attached to the
+ * document only once the whole description they are in is mounted.
+ */
+export declare const createAfterUpdate: () => ((work: () => void) => void);
+//# sourceMappingURL=scope-effects.d.mts.map

package/dist/scope/scope-effects.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scope-effects.d.mts","sourceRoot":"","sources":["../../src/scope/scope-effects.mts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,CAAC,UACxB,UAAU,CAAC,CAAC,CAAC,QACf,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,KACvB,IAMF,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,aAAa,WAChB,QAAQ,CACd,UAAU,CAAC,WAAW,EAAE,kBAAkB,GAAG,qBAAqB,CAAC,CACpE,QACK,MAAM,YACF,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,YACtB,QAAQ,CAAC;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,KAC3D,IAMF,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,QAAO,CAAC,CAAC,IAAI,EAAE,MAAM,IAAI,KAAK,IAAI,CAc/D,CAAC"}

package/dist/scope/scope-effects.mjs

@@ -0,0 +1,43 @@
+import { onScopeDispose } from 'synstate';
+
+
+
+
+
+export const subscribeInScope = (source, next) => {
+    const subscription = source.subscribe(next);
+    onScopeDispose(() => {
+        subscription.unsubscribe();
+    });
+};
+
+export const listenInScope = (target, type, listener, options) => {
+    target.addEventListener(type, listener, options);
+    onScopeDispose(() => {
+        target.removeEventListener(type, listener, options);
+    });
+};
+
+
+
+
+
+
+
+
+
+
+export const createAfterUpdate = () => {
+    let mut_alive = true;
+    onScopeDispose(() => {
+        mut_alive = false;
+    });
+    return (work) => {
+        queueMicrotask(() => {
+            if (mut_alive) {
+                work();
+            }
+        });
+    };
+};
+//# sourceMappingURL=scope-effects.mjs.map

package/dist/scope/scope-effects.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scope-effects.mjs","sourceRoot":"","sources":["../../src/scope/scope-effects.mts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAmB,MAAM,UAAU,CAAC;AAG3D;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,MAAqB,EACrB,IAAwB,EAClB,EAAE;IACR,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAE5C,cAAc,CAAC,GAAG,EAAE;QAClB,YAAY,CAAC,WAAW,EAAE,CAAC;IAC7B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,yEAAyE;AACzE,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,MAEC,EACD,IAAY,EACZ,QAAgC,EAChC,OAA4D,EACtD,EAAE;IACR,MAAM,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IAEjD,cAAc,CAAC,GAAG,EAAE;QAClB,MAAM,CAAC,mBAAmB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IACtD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAiC,EAAE;IAClE,IAAI,SAAS,GAAG,IAAI,CAAC;IAErB,cAAc,CAAC,GAAG,EAAE;QAClB,SAAS,GAAG,KAAK,CAAC;IACpB,CAAC,CAAC,CAAC;IAEH,OAAO,CAAC,IAAI,EAAE,EAAE;QACd,cAAc,CAAC,GAAG,EAAE;YAClB,IAAI,SAAS,EAAE,CAAC;gBACd,IAAI,EAAE,CAAC;YACT,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "synstate-dom",
-  "version": "0.4.0",
+  "version": "0.6.0",
   "description": "Compiler-free fine-grained UI library that binds synstate observables directly to the DOM",
   "repository": {
     "type": "git",
@@ -44,21 +44,21 @@
   },
   "devDependencies": {
     "@vitest/browser-playwright": "5.0.5",
-    "eslint-config-typed": "5.20.1",
-    "eslint-plugin-ts-data-forge": "0.10.4",
-    "eslint-plugin-ts-fortress": "1.3.9",
-    "eslint-plugin-ts-type-forge": "0.8.14",
+    "eslint-config-typed": "7.3.1",
+    "eslint-plugin-ts-data-forge": "0.10.8",
+    "eslint-plugin-ts-fortress": "1.3.12",
+    "eslint-plugin-ts-type-forge": "0.8.17",
     "playwright": "1.64.1",
     "prettier": "3.9.10",
     "prettier-plugin-organize-imports": "4.3.0",
     "prettier-plugin-packagejson": "3.0.2",
-    "synstate": "6.1.0",
-    "ts-data-forge": "14.10.0",
+    "synstate": "6.2.1",
+    "ts-data-forge": "14.10.2",
     "ts-repo-utils": "10.7.1"
   },
   "peerDependencies": {
-    "synstate": ">=6.1.0",
-    "ts-data-forge": ">=14.10.0"
+    "synstate": ">=6.2.1",
+    "ts-data-forge": ">=14.10.2"
   },
   "engines": {
     "node": ">=22.23.4",

package/src/bind/bind-props.mts

@@ -8,12 +8,13 @@ import {
   propertyNames,
   viewTag,
 } from '../internal/index.mjs';
+import { listenInScope } from '../scope/index.mjs';
 
 /**
- * Binds every prop of an intrinsic element except `ref` and `children`
- * (SPEC.md 7): `class`, `style`, event handlers, the DOM properties of
- * `propertyNames`, and attributes for the rest. Subscriptions and listeners
- * are released when the current scope is disposed.
+ * Binds every prop of an intrinsic element except `ref` and `children` (SPEC.md
+ * 7): `class`, `style`, event handlers, the DOM properties of `propertyNames`,
+ * and attributes for the rest. Subscriptions and listeners are released when
+ * the current scope is disposed.
  */
 export const bindProps = (
   element: Element,
@@ -24,43 +25,42 @@ export const bindProps = (
   }
 };
 
-const bindProp = (element: Element, key: string, value: unknown): void => {
-  if (key === 'children' || key === 'ref' || !isBindable(value)) {
-    return;
-  }
-
-  if (key === 'class') {
-    bindClass(element, value);
-
-    return;
-  }
-
-  if (key === 'style') {
-    bindStyle(element, value);
+/**
+ * `true` writes an empty attribute, and `false`, `undefined` and `null` remove
+ * it.
+ */
+const writeAttribute = (
+  element: Element,
+  name: string,
+  value: unknown,
+): void => {
+  if (isBoolean(value)) {
+    element.toggleAttribute(name, value);
 
     return;
   }
 
-  if (isEventKey(key) && isEventHandler(value)) {
-    bindEvent(element, key.slice(2).toLowerCase(), value);
+  if (value === undefined || value === null) {
+    element.removeAttribute(name);
 
     return;
   }
 
-  if (propertyNameSet.has(key)) {
-    bindValue(value, (v) => {
-      Reflect.set(element, key, v);
-    });
-
-    return;
-  }
+  element.setAttribute(name, unknownToString(value));
+};
 
-  const name = attributeNameOf[key] ?? key;
+/**
+ * Every value is a `Bindable` at run time: what is neither an observable nor a
+ * view is a constant. An omitted prop is `undefined`, which is not.
+ */
+const isBindable = (value: unknown): value is Bindable<unknown> =>
+  value !== undefined && value !== null;
 
-  bindValue(value, (v) => {
-    writeAttribute(element, name, v);
-  });
-};
+/** `class` and `style` in their object form: neither an observable nor a view. */
+const isPlainObject = (
+  value: unknown,
+): value is ReadonlyRecord<string, unknown> =>
+  isRecord(value) && !isObservable(value) && !hasKey(value, viewTag);
 
 const bindClass = (element: Element, value: Bindable<unknown>): void => {
   if (!isPlainObject(value)) {
@@ -116,59 +116,162 @@ const bindStyle = (element: Element, value: Bindable<unknown>): void => {
   }
 };
 
-const bindEvent = (
-  element: Element,
-  type: string,
-  handler: EventListener,
-): void => {
-  element.addEventListener(type, handler);
+/**
+ * The radio buttons of `input`'s group: those of the same `name` and form in
+ * the same document or shadow root. Any other input is a group of its own.
+ */
+const radioGroupOf = (input: HTMLInputElement): readonly HTMLInputElement[] => {
+  const root = input.getRootNode();
+
+  if (
+    input.type !== 'radio' ||
+    input.name === '' ||
+    !(root instanceof Document || root instanceof ShadowRoot)
+  ) {
+    return [input];
+  }
 
-  onScopeDispose(() => {
-    element.removeEventListener(type, handler);
-  });
+  return Array.from(
+    root.querySelectorAll<HTMLInputElement>(
+      `input[type="radio"][name="${CSS.escape(input.name)}"]`,
+    ),
+  ).filter((radio) => radio.form === input.form);
 };
 
 /**
- * `true` writes an empty attribute, and `false`, `undefined` and `null`
- * remove it.
+ * The controlled properties of an element, created with the `change` listener
+ * that sets them back. The listener is a capturing one, which runs before the
+ * element's own handlers, so no handler on the element can stop it.
  */
-const writeAttribute = (
-  element: Element,
-  name: string,
-  value: unknown,
-): void => {
-  if (isBoolean(value)) {
-    element.toggleAttribute(name, value);
+const controlledOf = (element: HTMLInputElement): Controlled => {
+  const existing = controlled.get(element);
 
-    return;
+  if (existing !== undefined) {
+    return existing;
   }
 
-  if (value === undefined || value === null) {
-    element.removeAttribute(name);
+  const mut_restorers = new Map<ControlledKey, () => void>();
+
+  const created: Controlled = {
+    add: (key, restore) => {
+      mut_restorers.set(key, restore);
+    },
+    restore: () => {
+      for (const restore of mut_restorers.values()) {
+        restore();
+      }
+    },
+  } as const;
+
+  const onChange = (): void => {
+    requestAnimationFrame(() => {
+      for (const input of radioGroupOf(element)) {
+        controlled.get(input)?.restore();
+      }
+    });
+  };
 
-    return;
-  }
+  controlled.set(element, created);
 
-  element.setAttribute(name, unknownToString(value));
-};
+  listenInScope(element, 'change', onChange, { capture: true });
 
-const propertyNameSet: ReadonlySet<string> = new Set(propertyNames);
+  onScopeDispose(() => {
+    controlled.delete(element);
+  });
+
+  return created;
+};
 
 /**
- * Every value is a `Bindable` at run time: what is neither an observable nor
- * a view is a constant. An omitted prop is `undefined`, which is not.
+ * `checked` and `indeterminate` are controlled (SPEC.md 7.2): after a `change`,
+ * the element is drawn as the bound values again, so a change its owner did not
+ * take undoes itself. This waits for the next frame, after every handler of the
+ * event, the ancestors' included, has seen the user's change, and before it is
+ * painted. Checking a radio button unchecks the others of its group with no
+ * event on them, so a change on one sets back every bound button of the group.
  */
-const isBindable = (value: unknown): value is Bindable<unknown> =>
-  value !== undefined && value !== null;
+const bindControlled = (
+  element: HTMLInputElement,
+  key: ControlledKey,
+  value: Bindable<unknown>,
+): void => {
+  const mut_bound: { current: unknown } = { current: undefined };
 
-/** `class` and `style` in their object form: neither an observable nor a view. */
-const isPlainObject = (
-  value: unknown,
-): value is ReadonlyRecord<string, unknown> =>
-  isRecord(value) && !isObservable(value) && !hasKey(value, viewTag);
+  bindValue(value, (v) => {
+    mut_bound.current = v;
+
+    Reflect.set(element, key, v);
+  });
+
+  controlledOf(element).add(key, () => {
+    if (Reflect.get(element, key) !== mut_bound.current) {
+      Reflect.set(element, key, mut_bound.current);
+    }
+  });
+};
+
+type ControlledKey = 'checked' | 'indeterminate';
+
+type Controlled = Readonly<{
+  add: (key: ControlledKey, restore: () => void) => void;
+  /** Writes every bound property back to the element. */
+  restore: () => void;
+}>;
+
+const isControlledKey = (key: string): key is ControlledKey =>
+  key === 'checked' || key === 'indeterminate';
+
+/** The elements bound by {@link bindControlled}. */
+const controlled = new WeakMap<HTMLInputElement, Controlled>();
 
 /** `onClick`, `onPointerDown`: `on` and an upper-case letter. */
 const isEventKey = (key: string): boolean => /^on[A-Z]/u.test(key);
 
 const isEventHandler = (value: unknown): value is EventListener =>
   typeof value === 'function';
+
+const bindProp = (element: Element, key: string, value: unknown): void => {
+  if (key === 'children' || key === 'ref' || !isBindable(value)) {
+    return;
+  }
+
+  if (key === 'class') {
+    bindClass(element, value);
+
+    return;
+  }
+
+  if (key === 'style') {
+    bindStyle(element, value);
+
+    return;
+  }
+
+  if (isEventKey(key) && isEventHandler(value)) {
+    listenInScope(element, key.slice(2).toLowerCase(), value);
+
+    return;
+  }
+
+  if (isControlledKey(key) && element instanceof HTMLInputElement) {
+    bindControlled(element, key, value);
+
+    return;
+  }
+
+  if (propertyNameSet.has(key)) {
+    bindValue(value, (v) => {
+      Reflect.set(element, key, v);
+    });
+
+    return;
+  }
+
+  const name = attributeNameOf[key] ?? key;
+
+  bindValue(value, (v) => {
+    writeAttribute(element, name, v);
+  });
+};
+
+const propertyNameSet: ReadonlySet<string> = new Set(propertyNames);

package/src/constant/constant.mts

@@ -6,8 +6,8 @@ import { asConstant } from '../internal/index.mjs';
  * A value that is written once and never updated. A brand that exists only in
  * the type system: at run time it is the value itself.
  *
- * A slot that takes data accepts a `Constant<T>` but not a plain `T`, so that
- * a value read once and never updated (`count$.getSnapshot().value`) is a type
+ * A slot that takes data accepts a `Constant<T>` but not a plain `T`, so that a
+ * value read once and never updated (`count$.getSnapshot().value`) is a type
  * error rather than a binding that silently stays stale.
  */
 export type Constant<T> = Brand<T, 'synstate-dom/Constant'>;

package/src/constant/derive.mts

@@ -22,10 +22,10 @@ export const derive = <const BS extends NonEmptyTuple<Bindable<unknown>>, R>(
   bindables: BS,
   fn: (...values: BindableValues<BS>) => R,
 ): Bindable<R> => {
-  // `fn` is called with the value of each of `bindables`, position by
-  // position: the constants themselves, or their observables' values. The
-  // checker cannot follow a position through `Arr.map`, which carries one
-  // element type for the whole tuple.
+  // `fn` is called with the value of each of `bindables`, position by position:
+  // the constants themselves, or their observables' values. The checker cannot
+  // follow a position through `Arr.map`, which carries one element type for the
+  // whole tuple.
   // eslint-disable-next-line total-functions/no-unsafe-type-assertion -- see above
   const project = fn as (...values: readonly unknown[]) => R;
 

package/src/constant/view.mts

@@ -5,9 +5,9 @@ import { viewTag } from '../internal/index.mjs';
  * An observable and a function to apply to each of its values, bound without
  * creating a node in the graph. Made by {@link view}.
  *
- * The source's value type is hidden behind `open`, which hands the pair back
- * to a callback that is generic in it: whoever opens a view sees a source and
- * a function that agree with each other, with no assertion on either side.
+ * The source's value type is hidden behind `open`, which hands the pair back to
+ * a callback that is generic in it: whoever opens a view sees a source and a
+ * function that agree with each other, with no assertion on either side.
  */
 export type View<T> = Readonly<{
   [viewTag]: true;