foldkit-primitives 0.9.0 → 0.10.1

package/dist/{follow-tab-stop-BDxyoUPQ.mjs → follow-tab-stop-Ci1tqAIW.mjs}

@@ -2,13 +2,6 @@ import { Effect, Queue, Schema, Stream } from "effect";
 import * as Mount from "foldkit/mount";
 import * as Dom from "foldkit/dom";
 //#region src/dom/focus-scope.ts
-/**
-* A focus scope as a Mount: on insert it remembers what was focused, focuses
-* an initial element inside, and with `contain` keeps Tab and Shift+Tab
-* cycling inside; on unmount it gives focus back. Nothing crosses to the
-* Model: which element had focus is a DOM fact, so this is element lifecycle,
-* not state. It emits no Messages.
-*/
 const FOCUSABLE = [
 	"a[href]",
 	"button:not([disabled])",
@@ -30,6 +23,13 @@ const focusFirst = (elements) => {
 	first.focus();
 	return true;
 };
+/**
+* A focus scope as a Mount: on insert it remembers what was focused, focuses
+* an initial element inside, and with `contain` keeps Tab and Shift+Tab
+* cycling inside; on unmount it gives focus back. Nothing crosses to the
+* Model: which element had focus is a DOM fact, so this is element lifecycle,
+* not state. It emits no Messages.
+*/
 const FocusScope = Mount.defineStream("FocusScope", {
 	messages: [Schema.Never],
 	args: {
@@ -102,12 +102,14 @@ const FocusScope = Mount.defineStream("FocusScope", {
 *
 * Both emit no Messages; they are element lifecycle.
 */
+/** Locks the document's scroll while the element is mounted; nested locks release with the last. */
 const ScrollLock = Mount.defineStream("ScrollLock", {
 	messages: [Schema.Never],
 	execute: () => Stream.callback(() => Effect.acquireRelease(Dom.lockScroll, () => Dom.unlockScroll))
 });
 const HIDE_OUTSIDE_ATTRIBUTE = "data-foldkit-plus-hide-outside";
 let minted = 0;
+/** Makes everything outside the element inert while it is mounted, and restores it after. */
 const HideOutside = Mount.defineStream("HideOutside", {
 	messages: [Schema.Never],
 	execute: ({ element }) => Stream.callback(() => Effect.acquireRelease(Effect.gen(function* () {
@@ -119,13 +121,6 @@ const HideOutside = Mount.defineStream("HideOutside", {
 });
 //#endregion
 //#region src/dom/move.ts
-/**
-* Pointer movement on an element as a Mount: a primary-button pointer down
-* captures the pointer, each move reports the delta from where it started,
-* and up, cancel, or lost capture ends it. Nothing is decided here: a drag
-* threshold, a snap, or a constraint is the parent's `update`. Capture is
-* released with the Mount.
-*/
 const MoveStarted = Schema.TaggedStruct("MoveStarted", {
 	pointerId: Schema.Number,
 	pointerType: Schema.String
@@ -142,6 +137,13 @@ const MoveEnded = Schema.TaggedStruct("MoveEnded", {
 	/** `false` when the pointer was cancelled or capture was lost. */
 	completed: Schema.Boolean
 });
+/**
+* Pointer movement on an element as a Mount: a primary-button pointer down
+* captures the pointer, each move reports the delta from where it started,
+* and up, cancel, or lost capture ends it. Nothing is decided here: a drag
+* threshold, a snap, or a constraint is the parent's `update`. Capture is
+* released with the Mount.
+*/
 const Move = Mount.defineStream("Move", {
 	messages: [
 		MoveStarted,
@@ -211,16 +213,6 @@ const Move = Mount.defineStream("Move", {
 });
 //#endregion
 //#region src/dom/targets.ts
-/**
-* Which marked descendant of an element the pointer is over, and which one was
-* pressed, as a Mount: one set of listeners on the container, not one per item.
-* A descendant is marked by an attribute whose value is its id, such as a
-* canvas's `data-composition-node` or a table's `data-row`. The nearest marked
-* ancestor of the event's target, inside the container, is the one reported.
-*
-* What hovering or pressing means (a selection, an outline, a menu) is the
-* parent's `update`.
-*/
 const TargetHovered = Schema.TaggedStruct("TargetHovered", { 
 /** The marked descendant under the pointer, or `null` when there is none. */
 id: Schema.NullOr(Schema.String) });
@@ -237,6 +229,16 @@ const targetOf = (container, from, attribute) => {
 	const marked = from.closest(`[${attribute}]`);
 	return marked !== null && container.contains(marked) ? marked.getAttribute(attribute) : null;
 };
+/**
+* Which marked descendant of an element the pointer is over, and which one was
+* pressed, as a Mount: one set of listeners on the container, not one per item.
+* A descendant is marked by an attribute whose value is its id, such as a
+* canvas's `data-composition-node` or a table's `data-row`. The nearest marked
+* ancestor of the event's target, inside the container, is the one reported.
+*
+* What hovering or pressing means (a selection, an outline, a menu) is the
+* parent's `update`.
+*/
 const Targets = Mount.defineStream("Targets", {
 	messages: [TargetHovered, TargetPressed],
 	args: {
@@ -277,20 +279,6 @@ const Targets = Mount.defineStream("Targets", {
 });
 //#endregion
 //#region src/dom/pointer-drag.ts
-/**
-* Dragging one marked descendant of an element onto another, as a Mount. A
-* descendant is marked by an attribute whose value is its id, as `Targets`
-* marks them; a press on one that then moves past a threshold starts a drag,
-* and the pointer's place over another marked descendant is reported with the
-* zone of it the pointer is in: its first third (`before`), its middle
-* (`inside`), or its last third (`after`). Releasing drops, and Escape or a
-* cancelled pointer ends the drag with nothing dropped.
-*
-* It writes no roles, no `tabindex` and no key handling, so the marked
-* elements can be anything: a tree's rows, a canvas's nodes. The keyboard's way
-* to do what a drag does is the parent's to give. Geometry is measured when the
-* pointer moves and never kept; what a drop means is the parent's `update`.
-*/
 const DragZone = Schema.Literals([
 	"before",
 	"inside",
@@ -344,6 +332,20 @@ const boxOf = (element) => {
 	const child = element.firstElementChild;
 	return child === null ? own : boxOf(child);
 };
+/**
+* Dragging one marked descendant of an element onto another, as a Mount. A
+* descendant is marked by an attribute whose value is its id, as `Targets`
+* marks them; a press on one that then moves past a threshold starts a drag,
+* and the pointer's place over another marked descendant is reported with the
+* zone of it the pointer is in: its first third (`before`), its middle
+* (`inside`), or its last third (`after`). Releasing drops, and Escape or a
+* cancelled pointer ends the drag with nothing dropped.
+*
+* It writes no roles, no `tabindex` and no key handling, so the marked
+* elements can be anything: a tree's rows, a canvas's nodes. The keyboard's way
+* to do what a drag does is the parent's to give. Geometry is measured when the
+* pointer moves and never kept; what a drop means is the parent's `update`.
+*/
 const PointerDrag = Mount.defineStream("PointerDrag", {
 	messages: [
 		DragStarted,
@@ -538,28 +540,6 @@ const PointerDrag = Mount.defineStream("PointerDrag", {
 });
 //#endregion
 //#region src/dom/editable-text.ts
-/**
-* Text typed into an editable descendant of an element, as a Mount: one set of
-* listeners on the container, like `Targets`. A field is a descendant marked
-* by an attribute whose value names it, while it is `contenteditable`. The
-* view decides which one is; the Mount focuses it as it becomes so (made
-* editable, or drawn editable), with the caret at its end, and at no other
-* time. When Enter or Escape ends an edit and the view then removes the field
-* or makes it no longer editable, focus, left on nothing, comes back to the
-* container, so the next key reaches it; give the container a `tabindex`. A double-click on a marked field that is not editable yet asks for it
-* to be (`EditAsked`).
-*
-* It reads `innerText`, never `innerHTML`, so what arrives is text. A field is
-* one line unless it carries `aria-multiline="true"`: in one line, a line
-* break becomes a space. Nothing is reported while an input method composes;
-* the composed text arrives once, when it is done.
-*
-* Enter commits (Shift+Enter breaks a line in a multiline field), and so does
-* leaving the field. Escape cancels, and puts the text the field had when
-* editing began back in the DOM, since a view that stopped redrawing the field
-* while it was edited will not. Where the browser lacks `plaintext-only`, a
-* paste is inserted as text. What an edit means is the parent's `update`.
-*/
 const TextEdited = Schema.TaggedStruct("TextEdited", {
 	/** The field, by its marking attribute's value. */
 	field: Schema.String,
@@ -599,6 +579,28 @@ const caretAtEnd = (field) => {
 };
 /** Whether a key press belongs to an input method still composing, not to the field. */
 const composing = (event) => event.isComposing || event.keyCode === 229;
+/**
+* Text typed into an editable descendant of an element, as a Mount: one set of
+* listeners on the container, like `Targets`. A field is a descendant marked
+* by an attribute whose value names it, while it is `contenteditable`. The
+* view decides which one is; the Mount focuses it as it becomes so (made
+* editable, or drawn editable), with the caret at its end, and at no other
+* time. When Enter or Escape ends an edit and the view then removes the field
+* or makes it no longer editable, focus, left on nothing, comes back to the
+* container, so the next key reaches it; give the container a `tabindex`. A double-click on a marked field that is not editable yet asks for it
+* to be (`EditAsked`).
+*
+* It reads `innerText`, never `innerHTML`, so what arrives is text. A field is
+* one line unless it carries `aria-multiline="true"`: in one line, a line
+* break becomes a space. Nothing is reported while an input method composes;
+* the composed text arrives once, when it is done.
+*
+* Enter commits (Shift+Enter breaks a line in a multiline field), and so does
+* leaving the field. Escape cancels, and puts the text the field had when
+* editing began back in the DOM, since a view that stopped redrawing the field
+* while it was edited will not. Where the browser lacks `plaintext-only`, a
+* paste is inserted as text. What an edit means is the parent's `update`.
+*/
 const EditableText = Mount.defineStream("EditableText", {
 	messages: [
 		TextEdited,
@@ -817,4 +819,4 @@ const FollowTabStop = Mount.defineStream("FollowTabStop", {
 //#endregion
 export { MoveEnded as C, ScrollLock as D, HideOutside as E, FocusScope as O, Move as S, Moved as T, zoneOf as _, TextCommitted as a, Targets as b, DRAG_THRESHOLD as c, DragPlace as d, DragStarted as f, boxOf as g, PointerDrag as h, TextCancelled as i, tabbableWithin as k, DragCancelled as l, DraggedOver as m, EditAsked as n, TextEdited as o, DragZone as p, EditableText as r, textOf as s, FollowTabStop as t, DragDropped as u, TargetHovered as v, MoveStarted as w, targetOf as x, TargetPressed as y };
 
-//# sourceMappingURL=follow-tab-stop-BDxyoUPQ.mjs.map
+//# sourceMappingURL=follow-tab-stop-Ci1tqAIW.mjs.map

package/dist/follow-tab-stop-Ci1tqAIW.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"follow-tab-stop-Ci1tqAIW.mjs","names":[],"sources":["../src/dom/focus-scope.ts","../src/dom/layers.ts","../src/dom/move.ts","../src/dom/targets.ts","../src/dom/pointer-drag.ts","../src/dom/editable-text.ts","../src/dom/follow-tab-stop.ts"],"sourcesContent":["import { Effect, Schema, Stream } from 'effect'\nimport * as Mount from 'foldkit/mount'\n\nconst FOCUSABLE = [\n  'a[href]',\n  'button:not([disabled])',\n  'input:not([disabled]):not([type=\"hidden\"])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  '[tabindex]',\n  '[contenteditable=\"true\"]',\n].join(', ')\n\nconst isVisible = (element: Element): boolean => {\n  const probe = element as { checkVisibility?: () => boolean }\n  return element.closest('[hidden], [inert]') === null && (probe.checkVisibility?.() ?? true)\n}\n\n/** Tabbable descendants in DOM order: focusable, visible, and not `tabindex=\"-1\"`. */\nexport const tabbableWithin = (root: Element): ReadonlyArray<HTMLElement> =>\n  Array.from(root.querySelectorAll<HTMLElement>(FOCUSABLE)).filter(\n    element => element.tabIndex >= 0 && isVisible(element),\n  )\n\nconst focusFirst = (elements: ReadonlyArray<HTMLElement>): boolean => {\n  const first = elements[0]\n  if (first === undefined) return false\n  first.focus()\n  return true\n}\n\n/**\n * A focus scope as a Mount: on insert it remembers what was focused, focuses\n * an initial element inside, and with `contain` keeps Tab and Shift+Tab\n * cycling inside; on unmount it gives focus back. Nothing crosses to the\n * Model: which element had focus is a DOM fact, so this is element lifecycle,\n * not state. It emits no Messages.\n */\nexport const FocusScope = Mount.defineStream('FocusScope', {\n  messages: [Schema.Never],\n  args: {\n    /** Keep Tab, Shift+Tab, and a stray focus inside. */\n    contain: Schema.Boolean,\n    /** Give focus back to what had it, on unmount. */\n    restore: Schema.Boolean,\n    /** A selector inside the element to focus first; else the first tabbable\n     *  descendant, else the element itself when it is focusable. */\n    initialFocus: Schema.NullOr(Schema.String),\n  },\n  execute: ({ element, contain, restore, initialFocus }) =>\n    Stream.callback<never>(() =>\n      Effect.acquireRelease(\n        Effect.sync(() => {\n          const ownerDocument = element.ownerDocument\n          const previous = ownerDocument.activeElement\n          const initial =\n            initialFocus === null ? null : element.querySelector<HTMLElement>(initialFocus)\n          if (initial !== null) initial.focus()\n          else if (!focusFirst(tabbableWithin(element)) && element instanceof HTMLElement) {\n            element.focus()\n          }\n          const onKeyDown = (event: Event) => {\n            const key = event as KeyboardEvent\n            if (key.key !== 'Tab') return\n            const tabbable = tabbableWithin(element)\n            const first = tabbable[0]\n            const last = tabbable[tabbable.length - 1]\n            if (first === undefined || last === undefined) {\n              key.preventDefault()\n              return\n            }\n            const active = ownerDocument.activeElement\n            if (key.shiftKey && (active === first || !element.contains(active))) {\n              key.preventDefault()\n              last.focus()\n            } else if (!key.shiftKey && (active === last || !element.contains(active))) {\n              key.preventDefault()\n              first.focus()\n            }\n          }\n          const onFocusIn = (event: Event) => {\n            const target = event.target\n            if (target instanceof Node && element.contains(target)) return\n            focusFirst(tabbableWithin(element))\n          }\n          if (contain) {\n            element.addEventListener('keydown', onKeyDown)\n            ownerDocument.addEventListener('focusin', onFocusIn)\n          }\n          return { previous, onKeyDown, onFocusIn, ownerDocument }\n        }),\n        ({ previous, onKeyDown, onFocusIn, ownerDocument }) =>\n          Effect.sync(() => {\n            if (contain) {\n              element.removeEventListener('keydown', onKeyDown)\n              ownerDocument.removeEventListener('focusin', onFocusIn)\n            }\n            if (restore && previous instanceof HTMLElement && ownerDocument.contains(previous)) {\n              previous.focus()\n            }\n          }),\n      ),\n    ),\n})\n","/**\n * Two Mounts over Foldkit's own DOM helpers, for an overlay that is not a\n * native `<dialog>` or `popover`:\n *\n * - `ScrollLock` locks the document's scroll while mounted. Foldkit's lock is\n *   refcounted, so nested overlays release it only when the last one goes.\n * - `HideOutside` marks everything outside the element inert while mounted,\n *   through `Dom.inertOthers`, keyed by an id this Mount mints.\n *\n * Both emit no Messages; they are element lifecycle.\n */\nimport { Effect, Schema, Stream } from 'effect'\nimport * as Dom from 'foldkit/dom'\nimport * as Mount from 'foldkit/mount'\n\n/** Locks the document's scroll while the element is mounted; nested locks release with the last. */\nexport const ScrollLock = Mount.defineStream('ScrollLock', {\n  messages: [Schema.Never],\n  execute: () =>\n    Stream.callback<never>(() => Effect.acquireRelease(Dom.lockScroll, () => Dom.unlockScroll)),\n})\n\nconst HIDE_OUTSIDE_ATTRIBUTE = 'data-foldkit-plus-hide-outside'\n\nlet minted = 0\n\n/** Makes everything outside the element inert while it is mounted, and restores it after. */\nexport const HideOutside = Mount.defineStream('HideOutside', {\n  messages: [Schema.Never],\n  execute: ({ element }) =>\n    Stream.callback<never>(() =>\n      Effect.acquireRelease(\n        Effect.gen(function* () {\n          // A per-mount id: Foldkit keys the inert set by it, so two overlays\n          // restore independently. The attribute is how the element is found.\n          const id = `hide-outside-${(minted += 1)}`\n          element.setAttribute(HIDE_OUTSIDE_ATTRIBUTE, id)\n          yield* Dom.inertOthers(id, [`[${HIDE_OUTSIDE_ATTRIBUTE}=\"${id}\"]`])\n          return id\n        }),\n        id =>\n          Effect.andThen(Dom.restoreInert(id), () =>\n            Effect.sync(() => element.removeAttribute(HIDE_OUTSIDE_ATTRIBUTE)),\n          ),\n      ),\n    ),\n})\n","import { Effect, Queue, Schema, Stream } from 'effect'\nimport * as Mount from 'foldkit/mount'\n\nexport const MoveStarted = Schema.TaggedStruct('MoveStarted', {\n  pointerId: Schema.Number,\n  pointerType: Schema.String,\n})\nexport type MoveStarted = typeof MoveStarted.Type\n\nexport const Moved = Schema.TaggedStruct('Moved', {\n  pointerId: Schema.Number,\n  /** From where the pointer went down, in CSS pixels. */\n  deltaX: Schema.Number,\n  deltaY: Schema.Number,\n  pointerType: Schema.String,\n})\nexport type Moved = typeof Moved.Type\n\nexport const MoveEnded = Schema.TaggedStruct('MoveEnded', {\n  pointerId: Schema.Number,\n  /** `false` when the pointer was cancelled or capture was lost. */\n  completed: Schema.Boolean,\n})\nexport type MoveEnded = typeof MoveEnded.Type\n\nexport type Fact = MoveStarted | Moved | MoveEnded\n\ntype PointerLike = Event & {\n  readonly pointerId?: number\n  readonly button?: number\n  readonly pointerType?: string\n  readonly clientX?: number\n  readonly clientY?: number\n}\n\ntype Capturing = Element & {\n  setPointerCapture?: (pointerId: number) => void\n  releasePointerCapture?: (pointerId: number) => void\n}\n\n/**\n * Pointer movement on an element as a Mount: a primary-button pointer down\n * captures the pointer, each move reports the delta from where it started,\n * and up, cancel, or lost capture ends it. Nothing is decided here: a drag\n * threshold, a snap, or a constraint is the parent's `update`. Capture is\n * released with the Mount.\n */\nexport const Move = Mount.defineStream('Move', {\n  messages: [MoveStarted, Moved, MoveEnded],\n  execute: ({ element }) =>\n    Stream.callback<Fact>(queue =>\n      Effect.acquireRelease(\n        Effect.sync(() => {\n          const target = element as Capturing\n          let active: {\n            readonly pointerId: number\n            readonly x: number\n            readonly y: number\n          } | null = null\n          const offer = (fact: Fact) => Queue.offerUnsafe(queue, fact)\n          const end = (pointerId: number, completed: boolean) => {\n            if (active === null || active.pointerId !== pointerId) return\n            active = null\n            try {\n              target.releasePointerCapture?.(pointerId)\n            } catch {\n              // Capture may already be gone; the end is still reported.\n            }\n            offer(MoveEnded.make({ pointerId, completed }))\n          }\n          const listeners: ReadonlyArray<readonly [string, (event: Event) => void]> = [\n            [\n              'pointerdown',\n              event => {\n                const pointer = event as PointerLike\n                if ((pointer.button ?? 0) !== 0 || active !== null) return\n                const pointerId = pointer.pointerId ?? 0\n                active = { pointerId, x: pointer.clientX ?? 0, y: pointer.clientY ?? 0 }\n                try {\n                  target.setPointerCapture?.(pointerId)\n                } catch {\n                  // Without capture the move still reports while over the element.\n                }\n                offer(MoveStarted.make({ pointerId, pointerType: pointer.pointerType ?? 'mouse' }))\n              },\n            ],\n            [\n              'pointermove',\n              event => {\n                const pointer = event as PointerLike\n                const pointerId = pointer.pointerId ?? 0\n                if (active === null || active.pointerId !== pointerId) return\n                offer(\n                  Moved.make({\n                    pointerId,\n                    deltaX: (pointer.clientX ?? 0) - active.x,\n                    deltaY: (pointer.clientY ?? 0) - active.y,\n                    pointerType: pointer.pointerType ?? 'mouse',\n                  }),\n                )\n              },\n            ],\n            ['pointerup', event => end((event as PointerLike).pointerId ?? 0, true)],\n            ['pointercancel', event => end((event as PointerLike).pointerId ?? 0, false)],\n            ['lostpointercapture', event => end((event as PointerLike).pointerId ?? 0, false)],\n          ]\n          for (const [type, listener] of listeners) element.addEventListener(type, listener)\n          return { listeners, current: () => active }\n        }),\n        ({ listeners, current }) =>\n          Effect.sync(() => {\n            for (const [type, listener] of listeners) element.removeEventListener(type, listener)\n            const pointer = current()\n            if (pointer !== null) {\n              try {\n                ;(element as Capturing).releasePointerCapture?.(pointer.pointerId)\n              } catch {\n                // Already released.\n              }\n            }\n          }),\n      ),\n    ),\n})\n","import { Effect, Queue, Schema, Stream } from 'effect'\nimport * as Mount from 'foldkit/mount'\n\nexport const TargetHovered = Schema.TaggedStruct('TargetHovered', {\n  /** The marked descendant under the pointer, or `null` when there is none. */\n  id: Schema.NullOr(Schema.String),\n})\nexport type TargetHovered = typeof TargetHovered.Type\n\nexport const TargetPressed = Schema.TaggedStruct('TargetPressed', {\n  id: Schema.String,\n  shiftKey: Schema.Boolean,\n  altKey: Schema.Boolean,\n  ctrlKey: Schema.Boolean,\n  metaKey: Schema.Boolean,\n})\nexport type TargetPressed = typeof TargetPressed.Type\n\nexport type TargetFact = TargetHovered | TargetPressed\n\ntype Modified = Event & {\n  readonly shiftKey?: boolean\n  readonly altKey?: boolean\n  readonly ctrlKey?: boolean\n  readonly metaKey?: boolean\n}\n\n/** The id of the nearest marked element at or above `from`, inside `container`. */\nexport const targetOf = (container: Element, from: EventTarget | null, attribute: string) => {\n  if (!(from instanceof Element)) return null\n  const marked = from.closest(`[${attribute}]`)\n  return marked !== null && container.contains(marked) ? marked.getAttribute(attribute) : null\n}\n\n/**\n * Which marked descendant of an element the pointer is over, and which one was\n * pressed, as a Mount: one set of listeners on the container, not one per item.\n * A descendant is marked by an attribute whose value is its id, such as a\n * canvas's `data-composition-node` or a table's `data-row`. The nearest marked\n * ancestor of the event's target, inside the container, is the one reported.\n *\n * What hovering or pressing means (a selection, an outline, a menu) is the\n * parent's `update`.\n */\nexport const Targets = Mount.defineStream('Targets', {\n  messages: [TargetHovered, TargetPressed],\n  args: {\n    /** The attribute that marks a descendant, holding its id. */\n    attribute: Schema.String,\n    /** Prevent a press's default, such as a link navigating inside an editor's canvas. */\n    preventDefault: Schema.Boolean,\n  },\n  execute: ({ element, attribute, preventDefault }) =>\n    Stream.callback<TargetFact>(queue =>\n      Effect.acquireRelease(\n        Effect.sync(() => {\n          let hovered: string | null = null\n          const hover = (id: string | null) => {\n            if (id === hovered) return\n            hovered = id\n            Queue.offerUnsafe(queue, TargetHovered.make({ id }))\n          }\n          const listeners: ReadonlyArray<readonly [string, (event: Event) => void]> = [\n            ['pointerover', event => hover(targetOf(element, event.target, attribute))],\n            ['pointerleave', () => hover(null)],\n            [\n              'click',\n              event => {\n                const id = targetOf(element, event.target, attribute)\n                if (id === null) return\n                if (preventDefault) event.preventDefault()\n                const modified = event as Modified\n                Queue.offerUnsafe(\n                  queue,\n                  TargetPressed.make({\n                    id,\n                    shiftKey: modified.shiftKey === true,\n                    altKey: modified.altKey === true,\n                    ctrlKey: modified.ctrlKey === true,\n                    metaKey: modified.metaKey === true,\n                  }),\n                )\n              },\n            ],\n          ]\n          for (const [type, listener] of listeners) element.addEventListener(type, listener)\n          return listeners\n        }),\n        listeners =>\n          Effect.sync(() => {\n            for (const [type, listener] of listeners) element.removeEventListener(type, listener)\n          }),\n      ),\n    ),\n})\n","import { Effect, Queue, Schema, Stream } from 'effect'\nimport * as Mount from 'foldkit/mount'\nimport { targetOf } from './targets.js'\n\nexport const DragZone = Schema.Literals(['before', 'inside', 'after'])\nexport type DragZone = typeof DragZone.Type\n\n/**\n * A marked descendant under the pointer, and the zone of it the pointer is in.\n * `part` is the value of the `part` attribute on the element found, such as\n * the empty Region of a node a drop goes into; a place with one is `inside`.\n */\nexport const DragPlace = Schema.Struct({\n  id: Schema.String,\n  zone: DragZone,\n  part: Schema.optionalKey(Schema.String),\n})\nexport type DragPlace = typeof DragPlace.Type\n\nexport const DragStarted = Schema.TaggedStruct('DragStarted', {\n  /** The marked descendant being dragged. */\n  id: Schema.String,\n})\nexport type DragStarted = typeof DragStarted.Type\n\nexport const DraggedOver = Schema.TaggedStruct('DraggedOver', {\n  /** Where the pointer is, or `null` over nothing marked, or over what is dragged. */\n  over: Schema.NullOr(DragPlace),\n  /**\n   * For a drag onto `targets`: whether the pointer is inside the region they\n   * are in, so `over: null` with `region: true` is its empty space (an empty\n   * page, the space below the last node). Absent for a drag among its own.\n   */\n  region: Schema.optionalKey(Schema.Boolean),\n})\nexport type DraggedOver = typeof DraggedOver.Type\n\nexport const DragDropped = Schema.TaggedStruct('DragDropped', {\n  id: Schema.String,\n  over: Schema.NullOr(DragPlace),\n  /** As `DraggedOver`'s: released inside the `targets` region. */\n  region: Schema.optionalKey(Schema.Boolean),\n})\nexport type DragDropped = typeof DragDropped.Type\n\nexport const DragCancelled = Schema.TaggedStruct('DragCancelled', { id: Schema.String })\nexport type DragCancelled = typeof DragCancelled.Type\n\nexport type DragFact = DragStarted | DraggedOver | DragDropped | DragCancelled\n\n/** How far, in CSS pixels, a press moves before it is a drag rather than a click. */\nexport const DRAG_THRESHOLD = 4\n\ninterface Box {\n  readonly top: number\n  readonly height: number\n}\n\n/** The zone of a box a vertical position falls in, by thirds. */\nexport const zoneOf = (box: Box, y: number): DragZone => {\n  if (box.height <= 0) return 'inside'\n  const at = (y - box.top) / box.height\n  return at < 1 / 3 ? 'before' : at > 2 / 3 ? 'after' : 'inside'\n}\n\n/**\n * An element's box. An element drawn as `display: contents` has none, so its\n * first child's stands for it, as an editor's node wrapper's does.\n */\nexport const boxOf = (element: Element): Box => {\n  const own = element.getBoundingClientRect()\n  if (own.width > 0 || own.height > 0) return own\n  const child = element.firstElementChild\n  return child === null ? own : boxOf(child)\n}\n\ntype Positioned = Event & {\n  readonly clientX?: number\n  readonly clientY?: number\n  readonly button?: number\n  readonly buttons?: number\n  readonly pointerId?: number\n  readonly key?: string\n}\n\n/**\n * Dragging one marked descendant of an element onto another, as a Mount. A\n * descendant is marked by an attribute whose value is its id, as `Targets`\n * marks them; a press on one that then moves past a threshold starts a drag,\n * and the pointer's place over another marked descendant is reported with the\n * zone of it the pointer is in: its first third (`before`), its middle\n * (`inside`), or its last third (`after`). Releasing drops, and Escape or a\n * cancelled pointer ends the drag with nothing dropped.\n *\n * It writes no roles, no `tabindex` and no key handling, so the marked\n * elements can be anything: a tree's rows, a canvas's nodes. The keyboard's way\n * to do what a drag does is the parent's to give. Geometry is measured when the\n * pointer moves and never kept; what a drop means is the parent's `update`.\n */\nexport const PointerDrag = Mount.defineStream('PointerDrag', {\n  messages: [DragStarted, DraggedOver, DragDropped, DragCancelled],\n  args: {\n    /** The attribute that marks a descendant, holding its id. */\n    attribute: Schema.String,\n    /**\n     * Where a drag may land, when not on the element's own marked descendants:\n     * the elements marked by `attribute` inside the one `within` selects, such\n     * as a palette's Blocks dragged onto a page. A drop's `over` is then one of\n     * those; what is dragged is still one of the element's own. `within` is\n     * looked for nearest first, under the element's closest ancestor that holds\n     * a match, so two editors on one page each drop onto their own.\n     */\n    targets: Schema.optionalKey(Schema.Struct({ attribute: Schema.String, within: Schema.String })),\n    /**\n     * An attribute that names a part of what a drop lands on, on an element\n     * also marked as one: a place over it carries the part and is `inside`.\n     */\n    part: Schema.optionalKey(Schema.String),\n  },\n  execute: ({ element, attribute, targets, part }) =>\n    Stream.callback<DragFact>(queue =>\n      Effect.acquireRelease(\n        Effect.sync(() => {\n          const owner = element.ownerDocument\n          // What a drop lands on: the element's own marked descendants, or those of `targets`.\n          const landsOn = targets?.attribute ?? attribute\n          // Looked for at each move, so a redraw that replaced it is followed.\n          const regionOf = (within: string): Element | null => {\n            for (let at = element.parentElement; at !== null; at = at.parentElement) {\n              const found = at.querySelector(within)\n              if (found !== null) return found\n            }\n            return null\n          }\n          const find = (from: EventTarget | null) => {\n            if (!(from instanceof Element)) return { marked: null, inRegion: false }\n            const region = targets === undefined ? element : regionOf(targets.within)\n            const marked = from.closest(`[${landsOn}]`)\n            return {\n              marked: marked !== null && region !== null && region.contains(marked) ? marked : null,\n              // Only a drag onto `targets` tells its region's empty space from elsewhere.\n              inRegion: targets !== undefined && region !== null && region.contains(from),\n            }\n          }\n          // A press not yet a drag, or a drag under way: one pointer's, the first down.\n          let pressed: {\n            readonly id: string\n            readonly pointer: number | undefined\n            readonly x: number\n            readonly y: number\n          } | null = null\n          let dragging: string | null = null\n          let over: DragPlace | null = null\n          let inRegion = false\n          // The click that ends a drag is not a press on what it ends over.\n          let swallowClick = false\n\n          const placeAt = (event: Positioned) => {\n            // Touch and pen capture the pointer to where it went down, so the\n            // event's target is the dragged element: ask what is under it instead.\n            const under =\n              typeof owner.elementFromPoint === 'function' && event.clientX !== undefined\n                ? owner.elementFromPoint(event.clientX, event.clientY ?? 0)\n                : null\n            const { marked, inRegion: region } = find(under ?? event.target)\n            const id = marked?.getAttribute(landsOn) ?? null\n            // Over itself is over nothing, where what is dragged is among what it lands on.\n            const named = part === undefined ? null : (marked?.getAttribute(part) ?? null)\n            const place: DragPlace | null =\n              marked === null || id === null || (targets === undefined && id === dragging)\n                ? null\n                : named === null\n                  ? { id, zone: zoneOf(boxOf(marked), event.clientY ?? 0) }\n                  : { id, zone: 'inside', part: named }\n            return { place, region }\n          }\n          /** The region flag a fact carries: only for a drag onto `targets`. */\n          const withRegion = (region: boolean) => (targets === undefined ? {} : { region })\n          const ours = (event: Positioned) =>\n            pressed !== null &&\n            (pressed.pointer === undefined || event.pointerId === pressed.pointer)\n          // `inside`: the release was on the container, so its click will reach it.\n          // The release is hit-tested again: the layout may have moved since\n          // the last move (a scroll, a row that shifted), and the drop says\n          // where the pointer was let go, not where it was last seen. A\n          // release with no position of its own keeps the last move's answer.\n          const end = (dropped: boolean, at?: Positioned, inside = false) => {\n            const id = dragging\n            if (id !== null && at?.clientX !== undefined && at.clientY !== undefined) {\n              const { place, region } = placeAt(at)\n              over = place\n              inRegion = region\n            }\n            pressed = null\n            dragging = null\n            const last = over\n            const lastRegion = inRegion\n            over = null\n            inRegion = false\n            release()\n            if (id === null) return\n            swallowClick = dropped && inside\n            Queue.offerUnsafe(\n              queue,\n              dropped\n                ? DragDropped.make({ id, over: last, ...withRegion(lastRegion) })\n                : DragCancelled.make({ id }),\n            )\n          }\n\n          const onDocument: ReadonlyArray<readonly [string, (event: Event) => void]> = [\n            [\n              'pointermove',\n              event => {\n                const positioned = event as Positioned\n                if (!ours(positioned) || pressed === null) return\n                // Released where no pointerup reached us, such as over a frame.\n                if (positioned.buttons !== undefined && (positioned.buttons & 1) === 0)\n                  return end(false)\n                if (dragging === null) {\n                  const moved = Math.hypot(\n                    (positioned.clientX ?? 0) - pressed.x,\n                    (positioned.clientY ?? 0) - pressed.y,\n                  )\n                  if (moved < DRAG_THRESHOLD) return\n                  dragging = pressed.id\n                  owner.getSelection()?.removeAllRanges()\n                  Queue.offerUnsafe(queue, DragStarted.make({ id: dragging }))\n                }\n                const { place, region } = placeAt(positioned)\n                if (\n                  place?.id === over?.id &&\n                  place?.zone === over?.zone &&\n                  place?.part === over?.part &&\n                  region === inRegion\n                )\n                  return\n                over = place\n                inRegion = region\n                Queue.offerUnsafe(queue, DraggedOver.make({ over: place, ...withRegion(region) }))\n              },\n            ],\n            [\n              'pointerup',\n              event => {\n                if (!ours(event as Positioned)) return\n                if (dragging === null) end(false)\n                else\n                  end(\n                    true,\n                    event as Positioned,\n                    event.target instanceof Node && element.contains(event.target),\n                  )\n              },\n            ],\n            [\n              'pointercancel',\n              event => {\n                if (ours(event as Positioned)) end(false)\n              },\n            ],\n          ]\n          // Heard on the way down, and kept there: an Escape that ends a drag is the\n          // drag's, not also the focused element's (a canvas that would deselect).\n          const onEscape = (event: Event) => {\n            if (pressed === null || (event as Positioned).key !== 'Escape') return\n            event.preventDefault()\n            event.stopPropagation()\n            end(false)\n          }\n          // The document is listened to only while a press is under way.\n          let listening = false\n          const listen = () => {\n            if (listening) return\n            listening = true\n            for (const [type, listener] of onDocument) owner.addEventListener(type, listener)\n            owner.addEventListener('keydown', onEscape, true)\n          }\n          const release = () => {\n            if (!listening) return\n            listening = false\n            for (const [type, listener] of onDocument) owner.removeEventListener(type, listener)\n            owner.removeEventListener('keydown', onEscape, true)\n          }\n\n          const onElement: ReadonlyArray<readonly [string, (event: Event) => void, boolean]> = [\n            [\n              'pointerdown',\n              event => {\n                const positioned = event as Positioned\n                // Any press is past the drop a swallowed click was waiting for.\n                swallowClick = false\n                // A second pointer while one is down is not a new drag.\n                if (pressed !== null) return\n                if ((positioned.button ?? 0) !== 0) return\n                // A press in text being edited selects text: it is no drag.\n                if (\n                  event.target instanceof Element &&\n                  event.target.closest('[contenteditable]:not([contenteditable=\"false\"])') !== null\n                )\n                  return\n                const id = targetOf(element, event.target, attribute)\n                if (id === null) return\n                pressed = {\n                  id,\n                  pointer: positioned.pointerId,\n                  x: positioned.clientX ?? 0,\n                  y: positioned.clientY ?? 0,\n                }\n                listen()\n              },\n              false,\n            ],\n            [\n              'click',\n              event => {\n                if (!swallowClick) return\n                swallowClick = false\n                event.preventDefault()\n                event.stopImmediatePropagation()\n              },\n              true,\n            ],\n            // A link or an image would start the browser's own drag instead.\n            ['dragstart', event => event.preventDefault(), false],\n          ]\n          for (const [type, listener, capture] of onElement)\n            element.addEventListener(type, listener, capture)\n          return { onElement, release }\n        }),\n        ({ onElement, release }) =>\n          Effect.sync(() => {\n            for (const [type, listener, capture] of onElement)\n              element.removeEventListener(type, listener, capture)\n            release()\n          }),\n      ),\n    ),\n})\n","import { Effect, Queue, Schema, Stream } from 'effect'\nimport * as Mount from 'foldkit/mount'\n\nexport const TextEdited = Schema.TaggedStruct('TextEdited', {\n  /** The field, by its marking attribute's value. */\n  field: Schema.String,\n  text: Schema.String,\n})\nexport type TextEdited = typeof TextEdited.Type\n\nexport const TextCommitted = Schema.TaggedStruct('TextCommitted', {\n  field: Schema.String,\n  text: Schema.String,\n})\nexport type TextCommitted = typeof TextCommitted.Type\n\nexport const TextCancelled = Schema.TaggedStruct('TextCancelled', {\n  field: Schema.String,\n  /** The text the field had when editing began, which the DOM shows again. */\n  initial: Schema.String,\n})\nexport type TextCancelled = typeof TextCancelled.Type\n\nexport const EditAsked = Schema.TaggedStruct('EditAsked', {\n  /** A marked field, not editable yet, that was double-clicked. */\n  field: Schema.String,\n})\nexport type EditAsked = typeof EditAsked.Type\n\nexport type TextFact = TextEdited | TextCommitted | TextCancelled | EditAsked\n\n/** Whether a field takes more than one line. */\nconst multiline = (element: HTMLElement) => element.getAttribute('aria-multiline') === 'true'\n\n/**\n * A field's text. A browser ends an edited element with a line break it adds\n * itself, which is not the author's; in one line, the author's breaks are spaces.\n */\nexport const textOf = (element: HTMLElement): string => {\n  const text = element.innerText.replace(/\\r\\n?/g, '\\n').replace(/\\n$/, '')\n  return multiline(element) ? text : text.replace(/\\n+/g, ' ')\n}\n\n/** Puts the caret at the end of a field, which focuses it too. */\nconst caretAtEnd = (field: HTMLElement) => {\n  // Chromium also focuses on the selection below; no standard says a browser must.\n  field.focus()\n  const caret = document.createRange()\n  caret.selectNodeContents(field)\n  caret.collapse(false)\n  const selection = window.getSelection()\n  selection?.removeAllRanges()\n  selection?.addRange(caret)\n}\n\n/** Whether a key press belongs to an input method still composing, not to the field. */\nconst composing = (event: KeyboardEvent) => event.isComposing || event.keyCode === 229\n\n/**\n * Text typed into an editable descendant of an element, as a Mount: one set of\n * listeners on the container, like `Targets`. A field is a descendant marked\n * by an attribute whose value names it, while it is `contenteditable`. The\n * view decides which one is; the Mount focuses it as it becomes so (made\n * editable, or drawn editable), with the caret at its end, and at no other\n * time. When Enter or Escape ends an edit and the view then removes the field\n * or makes it no longer editable, focus, left on nothing, comes back to the\n * container, so the next key reaches it; give the container a `tabindex`. A double-click on a marked field that is not editable yet asks for it\n * to be (`EditAsked`).\n *\n * It reads `innerText`, never `innerHTML`, so what arrives is text. A field is\n * one line unless it carries `aria-multiline=\"true\"`: in one line, a line\n * break becomes a space. Nothing is reported while an input method composes;\n * the composed text arrives once, when it is done.\n *\n * Enter commits (Shift+Enter breaks a line in a multiline field), and so does\n * leaving the field. Escape cancels, and puts the text the field had when\n * editing began back in the DOM, since a view that stopped redrawing the field\n * while it was edited will not. Where the browser lacks `plaintext-only`, a\n * paste is inserted as text. What an edit means is the parent's `update`.\n */\nexport const EditableText = Mount.defineStream('EditableText', {\n  messages: [TextEdited, TextCommitted, TextCancelled, EditAsked],\n  args: {\n    /** The attribute that marks a field, holding its name. */\n    attribute: Schema.String,\n  },\n  execute: ({ element, attribute }) =>\n    Stream.callback<TextFact>(queue =>\n      Effect.acquireRelease(\n        Effect.sync(() => {\n          /** The field being edited: its name, its text when editing began, and the last reported. */\n          let current:\n            | {\n                readonly field: HTMLElement\n                readonly name: string\n                readonly initial: string\n                reported: string\n                ended: boolean\n              }\n            | undefined\n          let composingText = false\n          // A field whose edit a key ended: when it leaves with focus on nothing, focus\n          // comes back to the container, where the keys that began the edit are.\n          let ending: HTMLElement | undefined\n\n          /** The marked field at or above an event's target, inside the container. */\n          const markedOf = (target: EventTarget | null): HTMLElement | undefined => {\n            if (!(target instanceof Element)) return undefined\n            const field = target.closest(`[${attribute}]`)\n            return field instanceof HTMLElement && element.contains(field) ? field : undefined\n          }\n          /** The same, while it is editable. */\n          const fieldOf = (target: EventTarget | null): HTMLElement | undefined => {\n            const field = markedOf(target)\n            return field?.isContentEditable === true ? field : undefined\n          }\n          /** Begins an edit of `field`, unless one of it is under way: on focus, or typing. */\n          const begin = (field: HTMLElement) => {\n            if (current?.field === field && !current.ended) return current\n            const text = textOf(field)\n            current = {\n              field,\n              name: field.getAttribute(attribute) ?? '',\n              initial: text,\n              reported: text,\n              ended: false,\n            }\n            return current\n          }\n          /**\n           * The edit of `field`: the one under way or just ended, else one begun\n           * now, for a field focused before these listeners came. An ended edit\n           * reports nothing more, so the blur that follows a commit or a cancel\n           * does not commit again.\n           */\n          const editOf = (field: HTMLElement) => (current?.field === field ? current : begin(field))\n          const report = (field: HTMLElement) => {\n            const edit = editOf(field)\n            if (edit.ended) return\n            const text = textOf(field)\n            // A browser may follow a composition with an input of the same text.\n            if (text === edit.reported) return\n            edit.reported = text\n            Queue.offerUnsafe(queue, TextEdited.make({ field: edit.name, text }))\n          }\n          const commit = (field: HTMLElement) => {\n            const edit = editOf(field)\n            if (edit.ended) return\n            edit.ended = true\n            Queue.offerUnsafe(queue, TextCommitted.make({ field: edit.name, text: textOf(field) }))\n          }\n          const cancel = (field: HTMLElement) => {\n            const edit = editOf(field)\n            if (edit.ended) return\n            edit.ended = true\n            field.innerText = edit.initial\n            // Writing the text moved the caret to its start; typing on goes after it.\n            caretAtEnd(field)\n            Queue.offerUnsafe(\n              queue,\n              TextCancelled.make({ field: edit.name, initial: edit.initial }),\n            )\n          }\n\n          const listeners: ReadonlyArray<readonly [string, (event: Event) => void]> = [\n            [\n              'dblclick',\n              event => {\n                const field = markedOf(event.target)\n                // In an editable field, a double-click selects a word.\n                if (field === undefined || field.isContentEditable) return\n                Queue.offerUnsafe(\n                  queue,\n                  EditAsked.make({ field: field.getAttribute(attribute) ?? '' }),\n                )\n              },\n            ],\n            [\n              'focusin',\n              event => {\n                // A composition that never ended, in a field left, holds no other field silent.\n                composingText = false\n                const field = fieldOf(event.target)\n                if (field !== undefined) begin(field)\n              },\n            ],\n            // Before the change: a field focused before these listeners came is begun here.\n            [\n              'beforeinput',\n              event => {\n                const field = fieldOf(event.target)\n                if (field !== undefined) begin(field)\n              },\n            ],\n            ['compositionstart', () => (composingText = true)],\n            [\n              'compositionend',\n              event => {\n                composingText = false\n                const field = fieldOf(event.target)\n                if (field !== undefined) report(field)\n              },\n            ],\n            [\n              'input',\n              event => {\n                const field = fieldOf(event.target)\n                if (field !== undefined && !composingText) report(field)\n              },\n            ],\n            [\n              'keydown',\n              event => {\n                const field = fieldOf(event.target)\n                const key = event as KeyboardEvent\n                if (field === undefined || composing(key)) return\n                if (key.key === 'Escape') {\n                  event.preventDefault()\n                  ending = field\n                  cancel(field)\n                } else if (key.key === 'Enter' && !(key.shiftKey && multiline(field))) {\n                  event.preventDefault()\n                  ending = field\n                  commit(field)\n                }\n              },\n            ],\n            [\n              'focusout',\n              event => {\n                const field = fieldOf(event.target)\n                if (field === undefined) return\n                // Left while still there and editable, asked once the change that may have\n                // taken it away is done: the author went elsewhere, and focus is theirs.\n                queueMicrotask(() => {\n                  if (field === ending && field.isConnected && field.isContentEditable)\n                    ending = undefined\n                })\n                commit(field)\n              },\n            ],\n            [\n              'paste',\n              event => {\n                const field = fieldOf(event.target)\n                // `plaintext-only` pastes text itself; elsewhere, markup would arrive.\n                if (field === undefined || field.contentEditable === 'plaintext-only') return\n                const pasted = (event as ClipboardEvent).clipboardData?.getData('text/plain') ?? ''\n                event.preventDefault()\n                // `insertText` fires no `beforeinput`: begun here, a paste after Enter is an edit.\n                begin(field)\n                // As typing is, so the browser's undo takes it back; `textOf` makes one line of it.\n                document.execCommand('insertText', false, pasted)\n              },\n            ],\n          ]\n          // Focuses a field as it becomes editable, and only then: made so, or drawn so.\n          // A field editable all along, or another going away, moves no focus.\n          const editable = `[${attribute}][contenteditable]:not([contenteditable=\"false\"])`\n          const becoming = new MutationObserver(records => {\n            if (ending !== undefined && !(ending.isConnected && ending.isContentEditable)) {\n              ending = undefined\n              const focused = document.activeElement\n              if ((focused === null || focused === document.body) && element instanceof HTMLElement)\n                element.focus({ preventScroll: true })\n            }\n            for (const record of records) {\n              const changed =\n                record.type === 'attributes' ? [record.target] : Array.from(record.addedNodes)\n              for (const node of changed) {\n                if (!(node instanceof HTMLElement)) continue\n                const field = node.matches(editable) ? node : node.querySelector(editable)\n                if (field instanceof HTMLElement) return caretAtEnd(field)\n              }\n            }\n          })\n\n          for (const [type, listener] of listeners) element.addEventListener(type, listener)\n          // A field made editable, drawn editable, or leaving.\n          becoming.observe(element, {\n            subtree: true,\n            childList: true,\n            attributes: true,\n            attributeFilter: ['contenteditable'],\n          })\n          return { listeners, becoming }\n        }),\n        ({ listeners, becoming }) =>\n          Effect.sync(() => {\n            becoming.disconnect()\n            for (const [type, listener] of listeners) element.removeEventListener(type, listener)\n          }),\n      ),\n    ),\n})\n","import { Effect, Schema, Stream } from 'effect'\nimport * as Mount from 'foldkit/mount'\n\n/**\n * Keeps focus that is inside a container of roving tab stops on its stop, as a\n * Mount: when a transition moves the stop (a row made current by a command the\n * container did not see, such as a duplicate) or removes the focused\n * descendant (a deleted row), focus goes to the descendant with\n * `tabindex=\"0\"`. It sends no Message. Focus outside the container is never\n * taken, and focus the user moved away stays where it went.\n */\nexport const FollowTabStop = Mount.defineStream('FollowTabStop', {\n  messages: [Schema.Never],\n  execute: ({ element }) =>\n    Stream.callback<never>(() =>\n      Effect.acquireRelease(\n        Effect.sync(() => {\n          let within = element.contains(document.activeElement)\n          const entered = () => {\n            within = true\n          }\n          const left = (event: Event) => {\n            const next = (event as FocusEvent).relatedTarget\n            if (next instanceof Node && element.contains(next)) return\n            const from = event.target\n            // Asked once the change that may have taken it away is done: a descendant\n            // removed with focus in it keeps the claim, one the user left does not.\n            queueMicrotask(() => {\n              if (!(from instanceof Node) || from.isConnected) within = false\n            })\n          }\n          const follow = () => {\n            if (!within) return\n            const stop = element.querySelector('[tabindex=\"0\"]')\n            const focused = document.activeElement\n            if (!(stop instanceof HTMLElement) || stop === focused) return\n            const lost = focused === null || focused === document.body\n            const passed =\n              focused !== null &&\n              element.contains(focused) &&\n              focused.getAttribute('tabindex') === '-1'\n            if (lost || passed) stop.focus()\n          }\n          const changes = new MutationObserver(follow)\n          element.addEventListener('focusin', entered)\n          element.addEventListener('focusout', left)\n          // A stop moved, or a descendant drawn or removed.\n          changes.observe(element, {\n            subtree: true,\n            childList: true,\n            attributes: true,\n            attributeFilter: ['tabindex'],\n          })\n          return () => {\n            changes.disconnect()\n            element.removeEventListener('focusin', entered)\n            element.removeEventListener('focusout', left)\n          }\n        }),\n        stop => Effect.sync(stop),\n      ),\n    ),\n})\n"],"mappings":"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"}

package/dist/{index-Cppf-lBx.d.mts → index-CmmxqSEi.d.mts}

@@ -27,24 +27,30 @@ declare const PresenceMessage: import("foldkit/message").MessageUnion<{
   readonly Show: {};
   readonly Hide: {};
   readonly Hidden: {
-    readonly generation: Schema.Number;
+    generation: Schema.Number;
   };
 }>;
 type PresenceMessage = typeof PresenceMessage.Type;
 /** Whether the content renders: shown or mid-exit. */
 declare const isVisible: (model: PresenceModel) => boolean;
+/**
+ * Presence as a bundle: mount-transition state for exit animations. `Hide`
+ * starts a timed `hiding` phase; the `Hidden` fact it yields carries the
+ * generation it was scheduled under, so a `Show` in between wins and the
+ * late fact is ignored. The clock is Effect's, so tests drive it.
+ */
 declare const Presence: Bundle.Bundle<"Presence", {
   readonly durationMs: number;
 }, {
-  readonly phase: "shown" | "hiding" | "hidden";
+  readonly phase: "hidden" | "hiding" | "shown";
   readonly generation: number;
 }, {
   readonly _tag: "Hidden";
   readonly generation: number;
-} | {
-  readonly _tag: "Show";
 } | {
   readonly _tag: "Hide";
+} | {
+  readonly _tag: "Show";
 }, never, never, never, void, {}, {}>;
 //#endregion
 //#region src/motion/spring.d.ts
@@ -58,15 +64,22 @@ declare const SpringMessage: import("foldkit/message").MessageUnion<{
   readonly Started: {};
   readonly Stopped: {};
   readonly Ticked: {
-    readonly value: Schema.Number;
-    readonly velocity: Schema.Number;
+    value: Schema.Number;
+    velocity: Schema.Number;
   };
   /** Carries the exact end value: the integrator stops near it, not on it. */
   readonly Finished: {
-    readonly value: Schema.Number;
+    value: Schema.Number;
   };
 }>;
 type SpringMessage = typeof SpringMessage.Type;
+/**
+ * A spring as a bundle: a number pulled toward a target with stiffness and
+ * damping, in the Model. Semi-implicit Euler at a fixed 16ms step, so the
+ * trajectory is deterministic under TestClock; the stream ends with
+ * Finished, and the value rests exactly at `to`. Underdamped springs
+ * overshoot — that is the point — but the rest value is still exact.
+ */
 declare const Spring: Bundle.Bundle<"Spring", {
   readonly from: number;
   readonly to: number;
@@ -77,6 +90,9 @@ declare const Spring: Bundle.Bundle<"Spring", {
   readonly velocity: number;
   readonly running: boolean;
 }, {
+  readonly _tag: "Finished";
+  readonly value: number;
+} | {
   readonly _tag: "Started";
 } | {
   readonly _tag: "Stopped";
@@ -84,9 +100,6 @@ declare const Spring: Bundle.Bundle<"Spring", {
   readonly _tag: "Ticked";
   readonly value: number;
   readonly velocity: number;
-} | {
-  readonly _tag: "Finished";
-  readonly value: number;
 }, never, never, never, void, {}, {}>;
 //#endregion
 //#region src/motion/tween.d.ts
@@ -99,14 +112,20 @@ declare const TweenMessage: import("foldkit/message").MessageUnion<{
   readonly Started: {};
   readonly Stopped: {};
   readonly Ticked: {
-    readonly value: Schema.Number;
+    value: Schema.Number;
   };
   /** Carries the exact end value: the stream may stop on either side of it. */
   readonly Finished: {
-    readonly value: Schema.Number;
+    value: Schema.Number;
   };
 }>;
 type TweenMessage = typeof TweenMessage.Type;
+/**
+ * A tween as a bundle: a number animated from one value to another over a
+ * duration, in the Model. Progress comes from Effect's clock, so tests drive
+ * it with TestClock; the stream ends with Finished, and the value rests at
+ * `to`. Linear interpolation only: easing curves stay the application's job.
+ */
 declare const Tween: Bundle.Bundle<"Tween", {
   readonly from: number;
   readonly to: number;
@@ -119,12 +138,12 @@ declare const Tween: Bundle.Bundle<"Tween", {
 } | {
   readonly _tag: "Stopped";
 } | {
-  readonly _tag: "Ticked";
+  readonly _tag: "Finished";
   readonly value: number;
 } | {
-  readonly _tag: "Finished";
+  readonly _tag: "Ticked";
   readonly value: number;
 }, never, never, never, void, {}, {}>;
 //#endregion
 export { SpringMessage as a, PresenceMessage as c, motion_d_exports as d, Spring as i, PresenceModel as l, TweenMessage as n, SpringModel as o, TweenModel as r, Presence as s, Tween as t, isVisible as u };
-//# sourceMappingURL=index-Cppf-lBx.d.mts.map
+//# sourceMappingURL=index-CmmxqSEi.d.mts.map

package/dist/index-CmmxqSEi.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CmmxqSEi.d.mts","names":[],"sources":["../src/motion/motion.ts","../src/motion/presence.ts","../src/motion/spring.ts","../src/motion/tween.ts"],"mappings":";;;;;UAUiB;WACN,SAAS,OAAO;;;cAGd,eAAe;;cAGf,QAAK,qBAAuB,MAAM,MAAM;cAGxC,SAAS,MAAM,MAAM;cACrB,MAAM,MAAM,MAAM;;cAGlB,MAAM,MAAM,MAAM;;cAUlB,eAAe,OAAO;;;cC5BtB,eAAa,OAAA;;;;KAId,uBAAuB,cAAc;cAEpC,2CAAe;;;;IAGhB,YAAU,OAAA;;;KAEV,yBAAyB,gBAAgB;;cAGxC,YAAS,OAAW;;;;;;;cAQpB,UAAQ,OAAA;WAII;;;;;;;;;;;;;;cC1BZ,aAAW,OAAA;;;;;KAKZ,qBAAqB,YAAY;cAEhC,yCAAa;;;;IAGd,OAAK,OAAA;IAAiB,UAAQ,OAAA;;;;IAE5B,OAAK,OAAA;;;KAEP,uBAAuB,cAAc;;;;;;;;cAoBpC,QAAM,OAAA;;;;;;;;;;;;;;;;;;;;;;;cClCN,YAAU,OAAA;;;;KACX,oBAAoB,WAAW;cAE9B,wCAAY;;;;IAGb,OAAK,OAAA;;;;IAEH,OAAK,OAAA;;;KAEP,sBAAsB,aAAa;;;;;;;cAQlC,OAAK,OAAA"}

package/dist/index.d.mts

@@ -1,10 +1,10 @@
 import { Coordinates, FullscreenMessage, Geolocation, GeolocationMessage, GeolocationModel, LiveStream, LiveStreamService, MediaDevice, MediaDevicesHandle, MediaDevicesMessage, MediaDevicesModel, MediaStreamConstraints, MediaStreamHandle, MediaStreamMessage, MediaStreamModel, MediaTrackHandle, PermissionState, PermissionStatusHandle, PermissionsHandle, PermissionsMessage, PermissionsModel, Watch, WatchService, enterFullscreen, exitFullscreen, fullscreenChanges, mediaDevices, mediaStream, permissions } from "./device/index.mjs";
-import { A as ScrollLock, C as targetOf, D as MoveStarted, E as MoveEnded, M as tabbableWithin, O as Moved, S as Targets, T as Move, _ as boxOf, a as TextEdited, b as TargetHovered, c as DRAG_THRESHOLD, d as DragFact, f as DragPlace, g as PointerDrag, h as DraggedOver, i as TextCommitted, j as FocusScope, k as HideOutside, l as DragCancelled, m as DragZone, n as EditableText, o as TextFact, p as DragStarted, r as TextCancelled, s as textOf, t as EditAsked, u as DragDropped, v as zoneOf, w as Fact, x as TargetPressed, y as TargetFact } from "./editable-text-BbsPOATY.mjs";
+import { A as ScrollLock, C as targetOf, D as MoveStarted, E as MoveEnded, M as tabbableWithin, O as Moved, S as Targets, T as Move, _ as boxOf, a as TextEdited, b as TargetHovered, c as DRAG_THRESHOLD, d as DragFact, f as DragPlace, g as PointerDrag, h as DraggedOver, i as TextCommitted, j as FocusScope, k as HideOutside, l as DragCancelled, m as DragZone, n as EditableText, o as TextFact, p as DragStarted, r as TextCancelled, s as textOf, t as EditAsked, u as DragDropped, v as zoneOf, w as Fact, x as TargetPressed, y as TargetFact } from "./editable-text-Dvm-Fuqs.mjs";
 import { Autofocus, ClipboardMessage, ClipboardReadMessage, Focused, FollowTabStop, Input, InputMask, KeepInView, KeepScrollOptions, Measure, ScriptMessage, ShareData, ShareMessage, applyMask, copyText, keepScroll, loadScript, measured, pointedLinks, readText, share } from "./dom/index.mjs";
-import { a as modalityOfKey, i as Modality, n as InputModalityMessage, r as InputModalityModel, t as InputModality } from "./input-modality-DGOhAknO.mjs";
+import { a as modalityOfKey, i as Modality, n as InputModalityMessage, r as InputModalityModel, t as InputModality } from "./input-modality-BY-bSrEc.mjs";
 import { ActiveElementMessage, Idle, IdleMessage, IdleModel, KeyPress, KeyboardMessage, PointerMessage, ScrollMessage, Visibility, VisibilityMessage, VisibilityModel, WindowSize, WindowSizeMessage, WindowSizeModel, activeElementEvents, keyboardEvents, matchHotkey, pointerEvents, scrollEvents } from "./events/index.mjs";
 import { Breakpoints, BreakpointsMessage, BreakpointsModel, MediaQuery, MediaQueryMessage, MediaQueryModel, Platform, PlatformHints, PrefersDark, PrefersReducedMotion, breakpointFor, isBrowser, isServer, platformFromUA } from "./media/index.mjs";
-import { a as SpringMessage, c as PresenceMessage, d as motion_d_exports, i as Spring, l as PresenceModel, n as TweenMessage, o as SpringModel, r as TweenModel, s as Presence, t as Tween, u as isVisible } from "./index-Cppf-lBx.mjs";
+import { a as SpringMessage, c as PresenceMessage, d as motion_d_exports, i as Spring, l as PresenceModel, n as TweenMessage, o as SpringModel, r as TweenModel, s as Presence, t as Tween, u as isVisible } from "./index-CmmxqSEi.mjs";
 import { Acquired, AcquiredSource, BroadcastChannelHandle, BroadcastMessage, Conversation, ConversationHandler, Online, OnlineMessage, OnlineModel, SharedHost, SharedHostConnection, SharedHostOptions, Socket, SocketHandle, SocketService, SocketView, Source, SourceHandle, SourceService, SseMessage, SseModel, SseView, StartHost, WebSocketMessage, WebSocketModel, broadcastMessages, isLive, isOpen, postBroadcast, sse, viewOf, viewOfSse, websocket } from "./net/index.mjs";
 import { Bounds, Intersection, IntersectionChanged, Measured, Mutated, Mutation, Resize, Resized } from "./observers/index.mjs";
 import { History, HistoryModel, Locale, LocaleMessage, LocaleModel, MasonryPlacement, MeasureRow, Pagination, PaginationMessage, PaginationModel, RowMeasured, SelectionSet, SelectionSetMessage, SelectionSetModel, Viewport, ViewportScrolled, Virtual, VirtualLayout, VirtualMessage, VirtualModel, VirtualWindow, canRedo, canUndo, distanceToEnd, history, isAtEnd, isSelected, masonry, offset, offsetFor, pageCount, range, stickyHeader, totalHeight, visibleRange, windowFor } from "./state/index.mjs";

package/dist/index.mjs

@@ -1,10 +1,10 @@
-import { C as MoveEnded, D as ScrollLock, E as HideOutside, O as FocusScope, S as Move, T as Moved, _ as zoneOf, a as TextCommitted, b as Targets, c as DRAG_THRESHOLD, d as DragPlace, f as DragStarted, g as boxOf, h as PointerDrag, i as TextCancelled, k as tabbableWithin, l as DragCancelled, m as DraggedOver, n as EditAsked, o as TextEdited, p as DragZone, r as EditableText, s as textOf, t as FollowTabStop, u as DragDropped, v as TargetHovered, w as MoveStarted, x as targetOf, y as TargetPressed } from "./follow-tab-stop-BDxyoUPQ.mjs";
+import { C as MoveEnded, D as ScrollLock, E as HideOutside, O as FocusScope, S as Move, T as Moved, _ as zoneOf, a as TextCommitted, b as Targets, c as DRAG_THRESHOLD, d as DragPlace, f as DragStarted, g as boxOf, h as PointerDrag, i as TextCancelled, k as tabbableWithin, l as DragCancelled, m as DraggedOver, n as EditAsked, o as TextEdited, p as DragZone, r as EditableText, s as textOf, t as FollowTabStop, u as DragDropped, v as TargetHovered, w as MoveStarted, x as targetOf, y as TargetPressed } from "./follow-tab-stop-Ci1tqAIW.mjs";
 import { Autofocus, ClipboardMessage, ClipboardReadMessage, Focused, Input, InputMask, KeepInView, Measure, ScriptMessage, ShareData, ShareMessage, applyMask, copyText, keepScroll, loadScript, measured, pointedLinks, readText, share } from "./dom/index.mjs";
 import { Coordinates, FullscreenMessage, Geolocation, GeolocationMessage, GeolocationModel, LiveStream, MediaDevice, MediaDevicesMessage, MediaDevicesModel, MediaStreamMessage, MediaStreamModel, PermissionState, PermissionsMessage, PermissionsModel, Watch, enterFullscreen, exitFullscreen, fullscreenChanges, mediaDevices, mediaStream, permissions } from "./device/index.mjs";
-import { a as modalityOfKey, i as Modality, n as InputModalityMessage, r as InputModalityModel, t as InputModality } from "./input-modality-m6v7__Xs.mjs";
+import { a as modalityOfKey, i as Modality, n as InputModalityMessage, r as InputModalityModel, t as InputModality } from "./input-modality-BXD383jg.mjs";
 import { ActiveElementMessage, Idle, IdleMessage, IdleModel, KeyboardMessage, PointerMessage, ScrollMessage, Visibility, VisibilityMessage, VisibilityModel, WindowSize, WindowSizeMessage, WindowSizeModel, activeElementEvents, keyboardEvents, matchHotkey, pointerEvents, scrollEvents } from "./events/index.mjs";
 import { Breakpoints, BreakpointsMessage, BreakpointsModel, MediaQuery, MediaQueryMessage, MediaQueryModel, Platform, PrefersDark, PrefersReducedMotion, breakpointFor, isBrowser, isServer, platformFromUA } from "./media/index.mjs";
-import { a as SpringMessage, c as PresenceMessage, d as motion_exports, i as Spring, l as PresenceModel, n as TweenMessage, o as SpringModel, r as TweenModel, s as Presence, t as Tween, u as isVisible } from "./motion-DGGBZ0wt.mjs";
+import { a as SpringMessage, c as PresenceMessage, d as motion_exports, i as Spring, l as PresenceModel, n as TweenMessage, o as SpringModel, r as TweenModel, s as Presence, t as Tween, u as isVisible } from "./motion-DmFDppRn.mjs";
 import { BroadcastMessage, Online, OnlineMessage, OnlineModel, SharedHost, Socket, SocketView, Source, SseMessage, SseModel, SseView, WebSocketMessage, WebSocketModel, broadcastMessages, isLive, isOpen, postBroadcast, sse, viewOf, viewOfSse, websocket } from "./net/index.mjs";
 import { Bounds, Intersection, IntersectionChanged, Measured, Mutated, Mutation, Resize, Resized } from "./observers/index.mjs";
 import { History, HistoryModel, Locale, LocaleMessage, LocaleModel, MeasureRow, Pagination, PaginationMessage, PaginationModel, RowMeasured, SelectionSet, SelectionSetMessage, SelectionSetModel, Viewport, ViewportScrolled, Virtual, VirtualMessage, VirtualModel, canRedo, canUndo, distanceToEnd, history, isAtEnd, isSelected, masonry, offset, offsetFor, pageCount, range, stickyHeader, totalHeight, visibleRange, windowFor } from "./state/index.mjs";

package/dist/{input-modality-m6v7__Xs.mjs → input-modality-BXD383jg.mjs}

@@ -3,13 +3,6 @@ import { defineMessageUnion } from "foldkit/message";
 import * as Subscription from "foldkit/subscription";
 import { Bundle } from "foldkit-bundle";
 //#region src/events/input-modality.ts
-/**
-* Input modality as a bundle: whether the user last drove the page by
-* keyboard or by pointer. The browser reports the facts; the Model keeps the
-* answer, so a view can show a focus ring only for keyboard users without
-* reading the DOM, and a replay sees the same answer. CSS `:focus-visible`
-* is the floor; this is for JavaScript that must know.
-*/
 const Modality = Schema.Literals([
 	"keyboard",
 	"pointer",
@@ -30,14 +23,21 @@ const modalityStream = () => {
 	if (typeof window === "undefined") return Stream.empty;
 	return Stream.mergeAll([Stream.fromEventListener(window, "keydown", { capture: true }).pipe(Stream.filter((event) => modalityOfKey(event.key) !== null), Stream.map(() => InputModalityMessage.Changed({ modality: "keyboard" }))), Stream.fromEventListener(window, "pointerdown", { capture: true }).pipe(Stream.map(() => InputModalityMessage.Changed({ modality: "pointer" })))], { concurrency: "unbounded" });
 };
+/**
+* Input modality as a bundle: whether the user last drove the page by
+* keyboard or by pointer. The browser reports the facts; the Model keeps the
+* answer, so a view can show a focus ring only for keyboard users without
+* reading the DOM, and a replay sees the same answer. CSS `:focus-visible`
+* is the floor; this is for JavaScript that must know.
+*/
 const InputModality = Bundle.make("InputModality", {
 	Model: InputModalityModel,
 	Message: InputModalityMessage,
 	init: () => ({ model: { modality: "unknown" } }),
 	update: (model, message) => model.modality === message.modality ? { model } : { model: { modality: message.modality } },
-	subscriptions: () => Subscription.make()(() => ({ changes: Subscription.persistent(modalityStream()) }))
+	subscriptions: () => Subscription.make()(() => ({ changes: Subscription.persistentEntry(modalityStream()) }))
 });
 //#endregion
 export { modalityOfKey as a, Modality as i, InputModalityMessage as n, InputModalityModel as r, InputModality as t };
 
-//# sourceMappingURL=input-modality-m6v7__Xs.mjs.map
+//# sourceMappingURL=input-modality-BXD383jg.mjs.map

package/dist/input-modality-BXD383jg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-modality-BXD383jg.mjs","names":[],"sources":["../src/events/input-modality.ts"],"sourcesContent":["import { Schema, Stream } from 'effect'\nimport { defineMessageUnion } from 'foldkit/message'\nimport * as Subscription from 'foldkit/subscription'\nimport { Bundle } from 'foldkit-bundle'\n\nexport const Modality = Schema.Literals(['keyboard', 'pointer', 'unknown'])\nexport type Modality = typeof Modality.Type\n\nexport const InputModalityModel = Schema.Struct({ modality: Modality })\nexport type InputModalityModel = typeof InputModalityModel.Type\n\nexport const InputModalityMessage = defineMessageUnion({ Changed: { modality: Modality } })\nexport type InputModalityMessage = typeof InputModalityMessage.Type\n\nconst MODIFIERS = new Set(['Shift', 'Control', 'Alt', 'Meta', 'CapsLock'])\n\n/** A modifier alone says nothing about how the page is being driven. */\nexport const modalityOfKey = (key: string): Modality | null =>\n  MODIFIERS.has(key) ? null : 'keyboard'\n\nconst modalityStream = (): Stream.Stream<InputModalityMessage> => {\n  if (typeof window === 'undefined') return Stream.empty\n  return Stream.mergeAll(\n    [\n      Stream.fromEventListener<KeyboardEvent>(window, 'keydown', { capture: true }).pipe(\n        Stream.filter(event => modalityOfKey(event.key) !== null),\n        Stream.map(() => InputModalityMessage.Changed({ modality: 'keyboard' })),\n      ),\n      Stream.fromEventListener(window, 'pointerdown', { capture: true }).pipe(\n        Stream.map(() => InputModalityMessage.Changed({ modality: 'pointer' })),\n      ),\n    ],\n    { concurrency: 'unbounded' },\n  )\n}\n\n/**\n * Input modality as a bundle: whether the user last drove the page by\n * keyboard or by pointer. The browser reports the facts; the Model keeps the\n * answer, so a view can show a focus ring only for keyboard users without\n * reading the DOM, and a replay sees the same answer. CSS `:focus-visible`\n * is the floor; this is for JavaScript that must know.\n */\nexport const InputModality = Bundle.make('InputModality', {\n  Model: InputModalityModel,\n  Message: InputModalityMessage,\n  init: () => ({ model: { modality: 'unknown' as const } }),\n  update: (model, message) =>\n    model.modality === message.modality ? { model } : { model: { modality: message.modality } },\n  subscriptions: (): Subscription.Subscriptions<InputModalityModel, InputModalityMessage> =>\n    Subscription.make<InputModalityModel, InputModalityMessage>()(() => ({\n      changes: Subscription.persistentEntry(modalityStream()),\n    })),\n})\n"],"mappings":";;;;;AAKA,MAAa,WAAW,OAAO,SAAS;CAAC;CAAY;CAAW;AAAS,CAAC;AAG1E,MAAa,qBAAqB,OAAO,OAAO,EAAE,UAAU,SAAS,CAAC;AAGtE,MAAa,uBAAuB,mBAAmB,EAAE,SAAS,EAAE,UAAU,SAAS,EAAE,CAAC;AAG1F,MAAM,4BAAY,IAAI,IAAI;CAAC;CAAS;CAAW;CAAO;CAAQ;AAAU,CAAC;;AAGzE,MAAa,iBAAiB,QAC5B,UAAU,IAAI,GAAG,IAAI,OAAO;AAE9B,MAAM,uBAA4D;CAChE,IAAI,OAAO,WAAW,aAAa,OAAO,OAAO;CACjD,OAAO,OAAO,SACZ,CACE,OAAO,kBAAiC,QAAQ,WAAW,EAAE,SAAS,KAAK,CAAC,CAAC,CAAC,KAC5E,OAAO,QAAO,UAAS,cAAc,MAAM,GAAG,MAAM,IAAI,GACxD,OAAO,UAAU,qBAAqB,QAAQ,EAAE,UAAU,WAAW,CAAC,CAAC,CACzE,GACA,OAAO,kBAAkB,QAAQ,eAAe,EAAE,SAAS,KAAK,CAAC,CAAC,CAAC,KACjE,OAAO,UAAU,qBAAqB,QAAQ,EAAE,UAAU,UAAU,CAAC,CAAC,CACxE,CACF,GACA,EAAE,aAAa,YAAY,CAC7B;AACF;;;;;;;;AASA,MAAa,gBAAgB,OAAO,KAAK,iBAAiB;CACxD,OAAO;CACP,SAAS;CACT,aAAa,EAAE,OAAO,EAAE,UAAU,UAAmB,EAAE;CACvD,SAAS,OAAO,YACd,MAAM,aAAa,QAAQ,WAAW,EAAE,MAAM,IAAI,EAAE,OAAO,EAAE,UAAU,QAAQ,SAAS,EAAE;CAC5F,qBACE,aAAa,KAA+C,CAAC,QAAQ,EACnE,SAAS,aAAa,gBAAgB,eAAe,CAAC,EACxD,EAAE;AACN,CAAC"}

package/dist/{input-modality-DGOhAknO.d.mts → input-modality-BY-bSrEc.d.mts}

@@ -9,12 +9,19 @@ declare const InputModalityModel: Schema.Struct<{
 type InputModalityModel = typeof InputModalityModel.Type;
 declare const InputModalityMessage: import("foldkit/message").MessageUnion<{
   readonly Changed: {
-    readonly modality: Schema.Literals<readonly ["keyboard", "pointer", "unknown"]>;
+    modality: Schema.Literals<readonly ["keyboard", "pointer", "unknown"]>;
   };
 }>;
 type InputModalityMessage = typeof InputModalityMessage.Type;
 /** A modifier alone says nothing about how the page is being driven. */
 declare const modalityOfKey: (key: string) => Modality | null;
+/**
+ * Input modality as a bundle: whether the user last drove the page by
+ * keyboard or by pointer. The browser reports the facts; the Model keeps the
+ * answer, so a view can show a focus ring only for keyboard users without
+ * reading the DOM, and a replay sees the same answer. CSS `:focus-visible`
+ * is the floor; this is for JavaScript that must know.
+ */
 declare const InputModality: Bundle.Bundle<"InputModality", void, {
   readonly modality: "keyboard" | "pointer" | "unknown";
 }, {
@@ -23,4 +30,4 @@ declare const InputModality: Bundle.Bundle<"InputModality", void, {
 }, never, never, never, void, {}, {}>;
 //#endregion
 export { modalityOfKey as a, Modality as i, InputModalityMessage as n, InputModalityModel as r, InputModality as t };
-//# sourceMappingURL=input-modality-DGOhAknO.d.mts.map
+//# sourceMappingURL=input-modality-BY-bSrEc.d.mts.map

package/dist/input-modality-BY-bSrEc.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-modality-BY-bSrEc.d.mts","names":[],"sources":["../src/events/input-modality.ts"],"mappings":";;;cAKa,UAAQ,OAAA;KACT,kBAAkB,SAAS;cAE1B,oBAAkB,OAAA;qBAAlB,OAAA;;KACD,4BAA4B,mBAAmB;cAE9C,gDAAoB;;IAAmC,UAAQ,OAAA;;;KAChE,8BAA8B,qBAAqB;;cAKlD,gBAAa,gBAAkB;;;;;;;;cA0B/B,eAAa,OAAA"}