@gjermundgaraba-designs/pixel-paper 0.22.2 → 0.24.0

package/dist/src/copyButton/copyButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"copyButton.d.ts","sourceRoot":"","sources":["../../../src/copyButton/copyButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAY,MAAM,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAC;AAM3C,OAAO,KAAK,KAAK,MAAM,MAAM,gBAAgB,CAAC;AAI9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAK9D;4FAC4F;AAC5F,eAAO,MAAM,SAAS;;;;EAIpB,CAAC;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,IAAI,CAAC;AAE9C,wDAAwD;AACxD,eAAO,MAAM,KAAK;;;;;;;EAGhB,CAAC;AACH,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAC;AAItC,uDAAuD;AACvD,eAAO,MAAM,OAAO;;QACH,IAAI;;;;;;EAKnB,CAAC;AACH,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAC;AAI1C;oBACoB;AACpB,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAElD,qDAAqD;AACrD,eAAO,MAAM,IAAI,WAAY,UAAU,KAAG,KAGxC,CAAC;AAIH,+CAA+C;AAC/C,eAAO,MAAM,EAAE,UAAW,KAAK,KAAG,MAAkB,CAAC;AAErD,oDAAoD;AACpD,eAAO,MAAM,QAAQ,UAAW,KAAK,KAAG,OAA+C,CAAC;AASxF;;sCAEsC;AACtC,eAAO,MAAM,QAAQ;;;;;;+BASnB,CAAC;AAEH,0DAA0D;AAC1D,eAAO,MAAM,uBAAuB;;iBAGlC,CAAC;AAEH,6DAA6D;AAC7D,eAAO,MAAM,YAAY;;;;iBAIvB,CAAC;AAIH;gFACgF;AAChF,eAAO,MAAM,MAAM,UAAW,KAAK,WAAW,OAAO;;;;;;;;;;;;;;;;;;;;;;;;EAqBjD,CAAC;AAIL;oCACoC;AACpC,eAAO,MAAM,OAAO,8CAAsC,CAAC;AAC3D,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAC;AAE1C,8EAA8E;AAC9E,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb;2BACuB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;CAClC,CAAC,CAAC;AAEH;;;;;;GAMG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;IAjBf,kCAAkC;UAC5B,MAAM;IACZ;2BACuB;WAChB,MAAM;cACH,OAAO;IACjB,4DAA4D;iBAC/C,UAAU,CAAC,OAAO,CAAC;GAsChC,CAAC"}
+{"version":3,"file":"copyButton.d.ts","sourceRoot":"","sources":["../../../src/copyButton/copyButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAY,MAAM,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAC;AAM3C,OAAO,KAAK,KAAK,MAAM,MAAM,gBAAgB,CAAC;AAQ9C;4FAC4F;AAC5F,eAAO,MAAM,SAAS;;;;EAIpB,CAAC;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,IAAI,CAAC;AAE9C,wDAAwD;AACxD,eAAO,MAAM,KAAK;;;;;;;EAGhB,CAAC;AACH,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAC;AAItC,uDAAuD;AACvD,eAAO,MAAM,OAAO;;QACH,IAAI;;;;;;EAKnB,CAAC;AACH,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAC;AAI1C;oBACoB;AACpB,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAElD,qDAAqD;AACrD,eAAO,MAAM,IAAI,WAAY,UAAU,KAAG,KAGxC,CAAC;AAIH,+CAA+C;AAC/C,eAAO,MAAM,EAAE,UAAW,KAAK,KAAG,MAAkB,CAAC;AAErD,oDAAoD;AACpD,eAAO,MAAM,QAAQ,UAAW,KAAK,KAAG,OAA+C,CAAC;AASxF;;sCAEsC;AACtC,eAAO,MAAM,QAAQ;;;;;;+BASnB,CAAC;AAEH,0DAA0D;AAC1D,eAAO,MAAM,uBAAuB;;iBAGlC,CAAC;AAEH,6DAA6D;AAC7D,eAAO,MAAM,YAAY;;;;iBAIvB,CAAC;AAIH;gFACgF;AAChF,eAAO,MAAM,MAAM,UAAW,KAAK,WAAW,OAAO;;;;;;;;;;;;;;;;;;;;;;;;EAqBjD,CAAC;AAIL;oCACoC;AACpC,eAAO,MAAM,OAAO,8CAAsC,CAAC;AAC3D,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAC;AAE1C,8EAA8E;AAC9E,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb;2BACuB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH;;;;;;GAMG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;IAff,kCAAkC;UAC5B,MAAM;IACZ;2BACuB;WAChB,MAAM;cACH,OAAO;GAsCjB,CAAC"}

package/dist/src/copyButton/copyButton.js

@@ -103,9 +103,9 @@ export const Variant = Schema.Literals(["Icon", "Button"]);
  * resources.
  */
 export const view = defineView((model, viewInputs, h) => {
-    const { text, label, variant = "Icon", attributes = [] } = viewInputs;
+    const { text, label, variant = "Icon" } = viewInputs;
     const isDone = isCopied(model);
-    const buttonAttributes = [...attributes, h.Id(id(model))];
+    const buttonAttributes = [h.Id(id(model))];
     const onClick = Message.ClickedCopy({ text });
     return __foldkitBrandViewResult((variant === "Icon"
         ? IconButton.view({

package/dist/src/crumbs/crumbs.d.ts

@@ -9,8 +9,6 @@ export type Crumb = Readonly<{
 /** Configuration for rendering crumbs with `view`. */
 export type ViewConfig = Readonly<{
     crumbs: ReadonlyArray<Crumb>;
-    /** Names the navigation for screen readers. */
-    label?: string;
 }>;
 /** The path to where you are, in the pixel face, split by muted slashes: a navigation
  *  landmark named "Breadcrumb", its steps an ordered list, the last `aria-current="page"`. */

package/dist/src/crumbs/crumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"crumbs.d.ts","sourceRoot":"","sources":["../../../src/crumbs/crumbs.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAItD,2DAA2D;AAC3D,MAAM,MAAM,KAAK,GAAG,QAAQ,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd;wCACoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,sDAAsD;AACtD,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,MAAM,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAC7B,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAeH;8FAC8F;AAC9F,eAAO,MAAM,IAAI,GAAI,OAAO,UAAU,UAAU,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IAO3E,CAAC"}
+{"version":3,"file":"crumbs.d.ts","sourceRoot":"","sources":["../../../src/crumbs/crumbs.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAItD,2DAA2D;AAC3D,MAAM,MAAM,KAAK,GAAG,QAAQ,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd;wCACoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,sDAAsD;AACtD,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,MAAM,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;CAC9B,CAAC,CAAC;AAeH;8FAC8F;AAC9F,eAAO,MAAM,IAAI,GAAI,OAAO,UAAU,UAAU,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IAO3E,CAAC"}

package/dist/src/crumbs/crumbs.js

@@ -8,6 +8,6 @@ const crumbView = (lastIndex, h) => __foldkitBrandViewResult((({ label, href },
 /** The path to where you are, in the pixel face, split by muted slashes: a navigation
  *  landmark named "Breadcrumb", its steps an ordered list, the last `aria-current="page"`. */
 export const view = (config, h) => {
-    const { crumbs, label = "Breadcrumb" } = config;
-    return __foldkitBrandViewResult((h.nav([h.AriaLabel(label), h.Class("crumbs")], [h.ol([], Array.map(crumbs, crumbView(crumbs.length - 1, h)))])), "@gjermundgaraba-designs/pixel-paper/src/crumbs/crumbs.js#view");
+    const { crumbs } = config;
+    return __foldkitBrandViewResult((h.nav([h.AriaLabel("Breadcrumb"), h.Class("crumbs")], [h.ol([], Array.map(crumbs, crumbView(crumbs.length - 1, h)))])), "@gjermundgaraba-designs/pixel-paper/src/crumbs/crumbs.js#view");
 };

package/dist/src/dialog/dialog.d.ts

@@ -82,6 +82,8 @@ export type UpdateContext = Readonly<{
      *  soon after the start a key comes. */
     isCloseHeld: boolean;
 }>;
+/** The context of a dialog whose close is not held, the default. */
+export declare const FREE: UpdateContext;
 /** Processes a dialog Message and returns the next Model, Commands and OutMessage. */
 export declare const update: (model: Model, message: Message, context?: UpdateContext) => Readonly<{
     model: {

package/dist/src/dialog/dialog.d.ts.map

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

package/dist/src/dialog/dialog.js

@@ -51,7 +51,8 @@ const dialogFold = foldDialog(UiDialog, {
     toParentMessage: (message) => __foldkitBrandViewResult((Message.GotDialogMessage({ message })), "@gjermundgaraba-designs/pixel-paper/src/dialog/dialog.js#toParentMessage"),
     toParentOutMessage: toOutMessage,
 });
-const FREE = { isCloseHeld: false };
+/** The context of a dialog whose close is not held, the default. */
+export const FREE = { isCloseHeld: false };
 // NOTE: @foldkit/ui gap: Dialog has no way to hold a close. Escape, a press on the veil and a
 // control given the `closeButton` group all send `RequestedClose`, so a held dialog reads it
 // by its tag and leaves it out.
@@ -125,7 +126,7 @@ export const sceneMounts = [
 export const view = defineView((model, viewInputs, h) => {
     const { toView, label, isAlert = false, placement = "Center", hasDescription = false, toLiveRegionView, } = viewInputs;
     const actionBar = childAttributes([
-        h.DataAttribute("pixel-paper-action-bar", ""),
+        h.Attribute(ACTION_BAR_ATTRIBUTE, ""),
         h.OnMount(BindActionKeys()),
     ]);
     const veilView = (render) => __foldkitBrandViewResult((h.dialog([...render.dialog, ...(isAlert ? [h.Role("alertdialog")] : []), h.Class("veil")], render.isVisible

package/dist/src/drag/drag.d.ts

@@ -1,12 +1,31 @@
 import { DragAndDrop as UiDragAndDrop } from "@foldkit/ui";
 import { Option, Stream } from "effect";
+import type * as Command from "foldkit/command";
 import type { Attribute, HtmlBuilder } from "foldkit/html";
+import * as Subscription from "foldkit/subscription";
+import * as Update from "foldkit/update";
 /** Where a drag is: nothing pressed, pressed but not yet moved, carried by a pointer, or
  *  carried by the keyboard. */
 type Phase = "Idle" | "Pressed" | "PointerDragging" | "KeyboardDragging";
 export declare const phaseOf: (dragAndDrop: UiDragAndDrop.Model) => Phase;
 /** Whether an item is carried, by a pointer or the keyboard. */
 export declare const isCarrying: (phase: Phase) => boolean;
+/** What a Board's and a Sortable's Model share: the DragAndDrop, whether items may move, and
+ *  what the list keeps while an item is pressed or held. */
+type Holder = Readonly<{
+    dragAndDrop: UiDragAndDrop.Model;
+    isMovable: boolean;
+    maybeHeld: Option.Option<unknown>;
+}>;
+/** Whether an item is pressed or held. While it is, the arrow keys, Space and Escape belong to
+ *  the list: pause the page's own bindings for them. The list takes Escape before anything
+ *  else sees it. */
+export declare const isHolding: (model: Holder) => boolean;
+/** Whether a press may lift an item now: items may move and none is pressed or held. */
+export declare const canLift: (model: Holder) => boolean;
+/** Settles a DragAndDrop step: forgets the held item once it is down, and runs what the step
+ *  says (`maybeAnnouncement`) after the step's own Commands. */
+export declare const settle: <Model extends Holder, Message, OutMessage>(step: Update.ReturnWithOutMessage<Model, Message, OutMessage>, maybeAnnouncement: Option.Option<Command.Command<Message>>) => Update.ReturnWithOutMessage<Model, Message, OutMessage>;
 export declare const pressedDraggable: (fields: Parameters<typeof UiDragAndDrop.Message.PressedDraggable>[0]) => UiDragAndDrop.Message;
 export declare const activatedKeyboardDrag: (fields: Parameters<typeof UiDragAndDrop.Message.ActivatedKeyboardDrag>[0]) => UiDragAndDrop.Message;
 export declare const movedPointer: (fields: Parameters<typeof UiDragAndDrop.Message.MovedPointer>[0]) => UiDragAndDrop.Message;
@@ -22,6 +41,15 @@ export declare const innerControls: (liftingButtons: string) => string;
 export declare const takeEscape: <Message>(event: KeyboardEvent, message: Message) => Option.Option<Message>;
 /** Escape on the window, in the capture phase, as `message`. */
 export declare const escapeKeys: <Message>(message: Message) => Stream.Stream<Message>;
+/** A list's `escape` Subscription: `escapeKeys` as `message` while an item is pressed or
+ *  held. */
+export declare const escapeSubscriptions: <Model extends Holder, Message>(message: Message) => {
+    readonly escape: Subscription.EntryWithoutKeepAlive<Model, Message, {
+        readonly isHolding: boolean;
+    }, never> & {
+        readonly __subscription: never;
+    };
+};
 /** What the pressing pointer `pointerId` does, as Messages: each move, the release and the
  *  browser's cancel. */
 export declare const pointerMessages: <Message>(pointerId: number, toMessage: Readonly<{

package/dist/src/drag/drag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drag.d.ts","sourceRoot":"","sources":["../../../src/drag/drag.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,IAAI,aAAa,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAiB,MAAM,EAAS,MAAM,EAAQ,MAAM,QAAQ,CAAC;AAEpE,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAM3D;+BAC+B;AAC/B,KAAK,KAAK,GAAG,MAAM,GAAG,SAAS,GAAG,iBAAiB,GAAG,kBAAkB,CAAC;AAKzE,eAAO,MAAM,OAAO,gBAAiB,aAAa,CAAC,KAAK,KAAG,KAU1D,CAAC;AAEF,gEAAgE;AAChE,eAAO,MAAM,UAAU,UAAW,KAAK,KAAG,OACmB,CAAC;AAQ9D,eAAO,MAAM,gBAAgB,WACnB,UAAU,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,KACnE,aAAa,CAAC,OAE+B,CAAC;AAEjD,eAAO,MAAM,qBAAqB,WACxB,UAAU,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,KACxE,aAAa,CAAC,OAEoC,CAAC;AAEtD,eAAO,MAAM,YAAY,WACf,UAAU,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,KAC/D,aAAa,CAAC,OAE2B,CAAC;AAE7C,eAAO,MAAM,eAAe,QAAO,aAAa,CAAC,OAER,CAAC;AAE1C,eAAO,MAAM,aAAa,QAAO,aAAa,CAAC,OAER,CAAC;AAIxC,sDAAsD;AACtD,eAAO,MAAM,WAAW,IAAI,CAAC;AAE7B;4FAC4F;AAC5F,eAAO,MAAM,aAAa,mBAAoB,MAAM,KAAG,MASzC,CAAC;AAMf;4CAC4C;AAC5C,eAAO,MAAM,UAAU,GAAI,OAAO,SACzB,aAAa,WACX,OAAO,KACf,MAAM,CAAC,MAAM,CAAC,OAAO,CAQvB,CAAC;AAEF,gEAAgE;AAChE,eAAO,MAAM,UAAU,GAAI,OAAO,WAAW,OAAO,KAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAMxE,CAAC;AAiBL;wBACwB;AACxB,eAAO,MAAM,eAAe,GAAI,OAAO,aAC1B,MAAM,aACN,QAAQ,CAAC;IAClB,KAAK,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,OAAO,CAAC;IACxC,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,OAAO,CAAC;IAC3C,SAAS,EAAE,MAAM,OAAO,CAAC;CAC1B,CAAC,KACD,MAAM,CAAC,MAAM,CAAC,OAAO,CASpB,CAAC;AAIL;;;4EAG4E;AAC5E,eAAO,MAAM,kBAAkB,GAAI,OAAO,UAChC,QAAQ,CAAC;IACf,WAAW,EAAE,UAAU,GAAG,YAAY,CAAC;IACvC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IAC1E,MAAM,EAAE,CAAC,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,OAAO,CAAC;CACxC,CAAC,KACC,WAAW,CAAC,OAAO,CAAC,KACtB,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAmBlC,CAAC;AAIF;6CAC6C;AAC7C,eAAO,MAAM,WAAW,YACb,OAAO,kBACA,MAAM,UACd,MAAM,UACN,MAAM,KACb,IAQF,CAAC;AAoBF;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,cACd,OAAO,UACV,MAAM,WACL,MAAM,WACN,MAAM,KACd,MA+BF,CAAC;AAMF;;8DAE8D;AAC9D,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAK7C,CAAC"}
+{"version":3,"file":"drag.d.ts","sourceRoot":"","sources":["../../../src/drag/drag.ts"],"names":[],"mappings":"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"}

package/dist/src/drag/drag.js

@@ -1,12 +1,14 @@
 import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 // Shared by Board and Sortable, the two users of @foldkit/ui's DragAndDrop, and Reel, which
-// holds its own: the phase a drag is in, the DragAndDrop Messages both build, what a press
-// lifts, Escape taken before anything else, the pressing pointer's events, the lifted copy's
-// measure, and the closest-centre drop target a sortable resolves for a pointer. A splitter's
-// handlers are the Reel's and the Rail's.
+// holds its own: the phase a drag is in, what a hold keeps and how a step settles it, the
+// DragAndDrop Messages both build, what a press lifts, Escape taken before anything else, the
+// pressing pointer's events, the lifted copy's measure, and the closest-centre drop target a
+// sortable resolves for a pointer. A splitter's handlers are the Reel's and the Rail's.
 import { DragAndDrop as UiDragAndDrop } from "@foldkit/ui";
-import { Array, Effect, Option, Order, Stream, pipe } from "effect";
+import { Array, Effect, Option, Order, Schema, Stream, pipe } from "effect";
 import * as Dom from "foldkit/dom";
+import * as Subscription from "foldkit/subscription";
+import * as Update from "foldkit/update";
 import { isPlain } from "../keys/keys.js";
 // NOTE: @foldkit/ui gap: DragAndDrop has no accessor for which input holds an item.
 // `ghostStyle` is Some only while a pointer drags, so it tells a pointer drag from a keyboard
@@ -27,6 +29,18 @@ export const phaseOf = (dragAndDrop) => {
 };
 /** Whether an item is carried, by a pointer or the keyboard. */
 export const isCarrying = (phase) => __foldkitBrandViewResult((phase === "PointerDragging" || phase === "KeyboardDragging"), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#isCarrying");
+/** Whether an item is pressed or held. While it is, the arrow keys, Space and Escape belong to
+ *  the list: pause the page's own bindings for them. The list takes Escape before anything
+ *  else sees it. */
+export const isHolding = (model) => __foldkitBrandViewResult((phaseOf(model.dragAndDrop) !== "Idle"), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#isHolding");
+/** Whether a press may lift an item now: items may move and none is pressed or held. */
+export const canLift = (model) => __foldkitBrandViewResult((model.isMovable && !isHolding(model)), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#canLift");
+/** Settles a DragAndDrop step: forgets the held item once it is down, and runs what the step
+ *  says (`maybeAnnouncement`) after the step's own Commands. */
+export const settle = (step, maybeAnnouncement) => __foldkitBrandViewResult((Update.withOutMessage({
+    model: isHolding(step.model) ? step.model : { ...step.model, maybeHeld: Option.none() },
+    commands: [...(step.commands ?? []), ...Array.fromOption(maybeAnnouncement)],
+}, step.outMessage)), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#settle");
 // CHILD MESSAGES
 // NOTE: @foldkit/ui gap: DragAndDrop exposes no update capability for a press, a keyboard
 // pick-up, a pointer's move and release, or a cancel, and its `draggable` bundle
@@ -81,21 +95,29 @@ export const escapeKeys = (message) => __foldkitBrandViewResult((Dom.streamFromE
     filterMapEvent: (event) => __foldkitBrandViewResult((takeEscape(event, message)), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#filterMapEvent"),
     options: { capture: true },
 })), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#escapeKeys");
+/** A list's `escape` Subscription: `escapeKeys` as `message` while an item is pressed or
+ *  held. */
+export const escapeSubscriptions = (message) => __foldkitBrandViewResult((Subscription.make()((entry) => (__foldkitBrandViewResult(({
+    escape: entry({ isHolding: Schema.Boolean }, {
+        modelToDependencies: (model) => (__foldkitBrandViewResult(({ isHolding: isHolding(model) }), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#modelToDependencies")),
+        dependenciesToStream: ({ isHolding: isHoldingNow }) => __foldkitBrandViewResult((isHoldingNow ? escapeKeys(message) : Stream.empty), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#dependenciesToStream"),
+    }),
+}), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous")))), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#escapeSubscriptions");
 // POINTER
 /** The moves, release and cancel of the pointer `pointerId`, on the document; another
  *  pointer's are not the drag's. */
-const pressingPointer = (pointerId) => __foldkitBrandViewResult((Stream.filter(Stream.mergeAll(Array.map(["pointermove", "pointerup", "pointercancel"], (type) => __foldkitBrandViewResult((Stream.fromEventListener(document, type)), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous")), { concurrency: "unbounded" }), (event) => __foldkitBrandViewResult((event.pointerId === pointerId), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~2"))), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#pressingPointer");
+const pressingPointer = (pointerId) => __foldkitBrandViewResult((Stream.filter(Stream.mergeAll(Array.map(["pointermove", "pointerup", "pointercancel"], (type) => __foldkitBrandViewResult((Stream.fromEventListener(document, type)), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~2")), { concurrency: "unbounded" }), (event) => __foldkitBrandViewResult((event.pointerId === pointerId), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~3"))), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#pressingPointer");
 /** What the pressing pointer `pointerId` does, as Messages: each move, the release and the
  *  browser's cancel. */
 export const pointerMessages = (pointerId, toMessage) => __foldkitBrandViewResult((Stream.map(pressingPointer(pointerId), (event) => {
     if (event.type === "pointermove") {
-        return __foldkitBrandViewResult((toMessage.moved(event)), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~3");
+        return __foldkitBrandViewResult((toMessage.moved(event)), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~4");
     }
     else if (event.type === "pointerup") {
-        return __foldkitBrandViewResult((toMessage.released(event)), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~3");
+        return __foldkitBrandViewResult((toMessage.released(event)), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~4");
     }
     else {
-        return __foldkitBrandViewResult((toMessage.cancelled()), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~3");
+        return __foldkitBrandViewResult((toMessage.cancelled()), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~4");
     }
 })), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#pointerMessages");
 // SPLITTER
@@ -107,8 +129,8 @@ export const splitterAttributes = (config, h) => {
     const [less, more] = config.orientation === "vertical" ? ["ArrowLeft", "ArrowRight"] : ["ArrowUp", "ArrowDown"];
     return __foldkitBrandViewResult(([
         h.AriaOrientation(config.orientation),
-        h.OnPointerDown((_pointerType, button, _screenX, _screenY, _time, clientX, clientY, pointerId) => __foldkitBrandViewResult((Option.liftPredicate(config.onPress(pointerId, clientX, clientY), () => __foldkitBrandViewResult((button === LEFT_BUTTON && config.isIdle), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~5"))), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~4")),
-        h.OnKeyDownPreventDefault((key, modifiers) => __foldkitBrandViewResult((Option.liftPredicate(config.onStep(key === more ? 1 : -1), () => __foldkitBrandViewResult((isPlain(modifiers) && (key === less || key === more)), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~7"))), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~6")),
+        h.OnPointerDown((_pointerType, button, _screenX, _screenY, _time, clientX, clientY, pointerId) => __foldkitBrandViewResult((Option.liftPredicate(config.onPress(pointerId, clientX, clientY), () => __foldkitBrandViewResult((button === LEFT_BUTTON && config.isIdle), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~6"))), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~5")),
+        h.OnKeyDownPreventDefault((key, modifiers) => __foldkitBrandViewResult((Option.liftPredicate(config.onStep(key === more ? 1 : -1), () => __foldkitBrandViewResult((isPlain(modifiers) && (key === less || key === more)), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~8"))), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~7")),
     ]), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#splitterAttributes");
 };
 // LIFTED COPY
@@ -142,14 +164,14 @@ const isOnSameRow = (box, other) => __foldkitBrandViewResult((Math.abs(other.top
  * in a column of rows it is read down, so one reading serves a list and a grid.
  */
 export const insertionIndex = (container, heldId, clientX, clientY) => {
-    const items = Array.map(Array.fromIterable(container.querySelectorAll("[data-sortable-id]")), (item) => (__foldkitBrandViewResult(({ id: item.dataset["sortableId"], box: boxOf(item) }), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~8")));
+    const items = Array.map(Array.fromIterable(container.querySelectorAll("[data-sortable-id]")), (item) => (__foldkitBrandViewResult(({ id: item.dataset["sortableId"], box: boxOf(item) }), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~9")));
     // read with the held item in its place: two tiles side by side are a row even while one of
     // them is held
-    const isTiled = Array.some(items, ({ box }, index) => __foldkitBrandViewResult((Option.exists(Array.get(items, index + 1), (next) => __foldkitBrandViewResult((isOnSameRow(box, next.box)), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~10"))), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~9"));
-    const boxes = pipe(Array.filter(items, (item) => __foldkitBrandViewResult((item.id !== heldId), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~11")), Array.map(({ box }) => __foldkitBrandViewResult((box), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~12")));
+    const isTiled = Array.some(items, ({ box }, index) => __foldkitBrandViewResult((Option.exists(Array.get(items, index + 1), (next) => __foldkitBrandViewResult((isOnSameRow(box, next.box)), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~11"))), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~10"));
+    const boxes = pipe(Array.filter(items, (item) => __foldkitBrandViewResult((item.id !== heldId), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~12")), Array.map(({ box }) => __foldkitBrandViewResult((box), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~13")));
     const distance = (box) => __foldkitBrandViewResult((Math.hypot(box.centreX - clientX, box.centreY - clientY)), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#distance");
-    const byDistance = Order.mapInput(Order.Number, ({ box }) => __foldkitBrandViewResult((distance(box)), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~13"));
-    return __foldkitBrandViewResult((Array.match(Array.map(boxes, (box, index) => (__foldkitBrandViewResult(({ box, index }), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~14"))), {
+    const byDistance = Order.mapInput(Order.Number, ({ box }) => __foldkitBrandViewResult((distance(box)), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~14"));
+    return __foldkitBrandViewResult((Array.match(Array.map(boxes, (box, index) => (__foldkitBrandViewResult(({ box, index }), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~15"))), {
         onEmpty: () => __foldkitBrandViewResult((0), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#onEmpty"),
         onNonEmpty: (candidates) => {
             const { box, index } = Array.min(candidates, byDistance);
@@ -163,4 +185,4 @@ const DRAGGING_ATTRIBUTE = "data-pixel-paper-dragging";
 /** While a pointer presses or carries an item, the page is marked
  *  (`data-pixel-paper-dragging` on the root), so the stylesheet prints the grabbing cursor and
  *  holds text selection, with no style element of its own. */
-export const markDragging = Stream.callback(() => __foldkitBrandViewResult((Effect.acquireRelease(Effect.sync(() => __foldkitBrandViewResult((document.documentElement.setAttribute(DRAGGING_ATTRIBUTE, "")), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~16")), () => __foldkitBrandViewResult((Effect.sync(() => __foldkitBrandViewResult((document.documentElement.removeAttribute(DRAGGING_ATTRIBUTE)), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~18"))), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~17")).pipe(Effect.flatMap(() => __foldkitBrandViewResult((Effect.never), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~19")))), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~15"));
+export const markDragging = Stream.callback(() => __foldkitBrandViewResult((Effect.acquireRelease(Effect.sync(() => __foldkitBrandViewResult((document.documentElement.setAttribute(DRAGGING_ATTRIBUTE, "")), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~17")), () => __foldkitBrandViewResult((Effect.sync(() => __foldkitBrandViewResult((document.documentElement.removeAttribute(DRAGGING_ATTRIBUTE)), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~19"))), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~18")).pipe(Effect.flatMap(() => __foldkitBrandViewResult((Effect.never), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~20")))), "@gjermundgaraba-designs/pixel-paper/src/drag/drag.js#anonymous~16"));

package/dist/src/editableTitle/editableTitle.d.ts

@@ -86,13 +86,13 @@ export declare const update: (model: Model, message: Message) => Readonly<{
     } | {
         readonly _tag: "GotEditMessage";
         readonly message: {
-            readonly _tag: "PressedEscape";
-        } | {
             readonly _tag: "BlurredField";
         } | {
             readonly _tag: "CompletedFocusField";
         } | {
             readonly _tag: "PressedEnter";
+        } | {
+            readonly _tag: "PressedEscape";
         } | {
             readonly _tag: "UpdatedDraft";
             readonly value: string;
@@ -142,13 +142,13 @@ export declare const view: import("foldkit/submodel").View<{
 } | {
     readonly _tag: "GotEditMessage";
     readonly message: {
-        readonly _tag: "PressedEscape";
-    } | {
         readonly _tag: "BlurredField";
     } | {
         readonly _tag: "CompletedFocusField";
     } | {
         readonly _tag: "PressedEnter";
+    } | {
+        readonly _tag: "PressedEscape";
     } | {
         readonly _tag: "UpdatedDraft";
         readonly value: string;

package/dist/src/field/field.d.ts

@@ -1,4 +1,4 @@
-import type { Html, HtmlBuilder, TextareaAttribute } from "foldkit/html";
+import type { Attribute, Html, HtmlBuilder, TextareaAttribute } from "foldkit/html";
 import type { Attributes } from "../attributes/attributes.ts";
 /** The red sentence under a field's control that says why it failed, given an error. */
 export declare const errorView: <Message>(id: string, error: string | undefined, h: HtmlBuilder<Message>) => ReadonlyArray<Html>;
@@ -6,6 +6,12 @@ export declare const errorView: <Message>(id: string, error: string | undefined,
  *  `@foldkit/ui` attributes, whose `aria-describedby` names the help line alone; every
  *  `@foldkit/ui` control names that line `<id>-description`, as Input does. */
 export declare const describedByError: <Message>(id: string, error: string | undefined, hasHelp: boolean, h: HtmlBuilder<Message>) => ReadonlyArray<TextareaAttribute<Message>>;
+/** A field's control, after the `@foldkit/ui` attributes: described by its error before its
+ *  help line, and `aria-required` when the form is not sent without it. */
+export declare const controlAttributes: <Message>(id: string, error: string | undefined, help: string | undefined, isRequired: boolean, h: HtmlBuilder<Message>) => ReadonlyArray<TextareaAttribute<Message>>;
+/** The sans sentence under a field's controls, given one, with the `@foldkit/ui`
+ *  `description` group that makes it describe them. */
+export declare const helpView: <Message>(help: string | undefined, description: ReadonlyArray<Attribute<Message>>, h: HtmlBuilder<Message>) => ReadonlyArray<Html>;
 /** Configuration for rendering a text field with `view`. */
 export type ViewConfig<Message> = Readonly<{
     id: string;

package/dist/src/field/field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../src/field/field.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEzE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAM9D,wFAAwF;AACxF,eAAO,MAAM,SAAS,GAAI,OAAO,MAC3B,MAAM,SACH,MAAM,GAAG,SAAS,KACtB,WAAW,CAAC,OAAO,CAAC,KACtB,aAAa,CAAC,IAAI,CACmE,CAAC;AAEzF;;+EAE+E;AAC/E,eAAO,MAAM,gBAAgB,GAAI,OAAO,MAClC,MAAM,SACH,MAAM,GAAG,SAAS,WAChB,OAAO,KACb,WAAW,CAAC,OAAO,CAAC,KACtB,aAAa,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAGqD,CAAC;AAIjG,4DAA4D;AAC5D,MAAM,MAAM,UAAU,CAAC,OAAO,IAAI,QAAQ,CAAC;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACpC,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;uCAEmC;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,yFAAyF;IACzF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0FAA0F;IAC1F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kDAAkD;IAClD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;qEACiE;IACjE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;iBACa;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;iBACa;IACb,eAAe,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;CACvC,CAAC,CAAC;AAEH;;;6EAG6E;AAC7E,eAAO,MAAM,IAAI,GAAI,OAAO,UAAU,UAAU,CAAC,OAAO,CAAC,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IA6CpF,CAAC"}
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../src/field/field.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEpF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAM9D,wFAAwF;AACxF,eAAO,MAAM,SAAS,GAAI,OAAO,MAC3B,MAAM,SACH,MAAM,GAAG,SAAS,KACtB,WAAW,CAAC,OAAO,CAAC,KACtB,aAAa,CAAC,IAAI,CACmE,CAAC;AAEzF;;+EAE+E;AAC/E,eAAO,MAAM,gBAAgB,GAAI,OAAO,MAClC,MAAM,SACH,MAAM,GAAG,SAAS,WAChB,OAAO,KACb,WAAW,CAAC,OAAO,CAAC,KACtB,aAAa,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAGqD,CAAC;AAEjG;2EAC2E;AAG3E,eAAO,MAAM,iBAAiB,GAAI,OAAO,MACnC,MAAM,SACH,MAAM,GAAG,SAAS,QACnB,MAAM,GAAG,SAAS,cACZ,OAAO,KAChB,WAAW,CAAC,OAAO,CAAC,KACtB,aAAa,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAG1C,CAAC;AAIF;uDACuD;AACvD,eAAO,MAAM,QAAQ,GAAI,OAAO,QACxB,MAAM,GAAG,SAAS,eACX,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,KAC3C,WAAW,CAAC,OAAO,CAAC,KACtB,aAAa,CAAC,IAAI,CAC6D,CAAC;AAInF,4DAA4D;AAC5D,MAAM,MAAM,UAAU,CAAC,OAAO,IAAI,QAAQ,CAAC;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACpC,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;uCAEmC;IACnC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,yFAAyF;IACzF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0FAA0F;IAC1F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kDAAkD;IAClD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;qEACiE;IACjE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;iBACa;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;iBACa;IACb,eAAe,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;CACvC,CAAC,CAAC;AAEH;;;6EAG6E;AAC7E,eAAO,MAAM,IAAI,GAAI,OAAO,UAAU,UAAU,CAAC,OAAO,CAAC,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IAyCpF,CAAC"}

package/dist/src/field/field.js

@@ -10,6 +10,18 @@ export const errorView = (id, error, h) => __foldkitBrandViewResult((error === u
 export const describedByError = (id, error, hasHelp, h) => __foldkitBrandViewResult((error === undefined
     ? []
     : [h.AriaDescribedBy(hasHelp ? `${errorId(id)} ${UiInput.descriptionId(id)}` : errorId(id))]), "@gjermundgaraba-designs/pixel-paper/src/field/field.js#describedByError");
+/** A field's control, after the `@foldkit/ui` attributes: described by its error before its
+ *  help line, and `aria-required` when the form is not sent without it. */
+// NOTE: @foldkit/ui gap: Input, Select and Textarea have no required option, so the wrapper
+// says it.
+export const controlAttributes = (id, error, help, isRequired, h) => __foldkitBrandViewResult(([
+    ...describedByError(id, error, help !== undefined, h),
+    ...(isRequired ? [h.AriaRequired(true)] : []),
+]), "@gjermundgaraba-designs/pixel-paper/src/field/field.js#controlAttributes");
+// HELP
+/** The sans sentence under a field's controls, given one, with the `@foldkit/ui`
+ *  `description` group that makes it describe them. */
+export const helpView = (help, description, h) => __foldkitBrandViewResult((help === undefined ? [] : [h.p([...description, h.Class("field-help")], [help])]), "@gjermundgaraba-designs/pixel-paper/src/field/field.js#helpView");
 /** A labelled text input with its help line, built on `@foldkit/ui`'s `Input`: the label
  *  names the input, the help line describes it (`aria-describedby`), an `error` sets
  *  `aria-invalid` and describes it before the help, and `isRequired` sets `aria-required`.
@@ -25,17 +37,13 @@ export const view = (config, h) => {
         hasDescription: help !== undefined,
         toView: (groups) => __foldkitBrandViewResult((h.div([h.Class(`field${isBoxed || type === "date" ? " boxed" : ""}${isMono ? " mono" : ""}`)], [
             h.label([...groups.label, ...(isLabelHidden ? [h.Class("sr-only")] : [])], [label]),
-            // NOTE: @foldkit/ui gap: Input has no required option, so the wrapper says it.
             h.input([
                 ...inputAttributes,
                 ...groups.input,
-                ...describedByError(id, error, help !== undefined, h),
-                ...(isRequired ? [h.AriaRequired(true)] : []),
+                ...controlAttributes(id, error, help, isRequired, h),
             ]),
             ...errorView(id, error, h),
-            ...(help === undefined
-                ? []
-                : [h.p([...groups.description, h.Class("field-help")], [help])]),
+            ...helpView(help, groups.description, h),
         ])), "@gjermundgaraba-designs/pixel-paper/src/field/field.js#toView"),
     }, h)), "@gjermundgaraba-designs/pixel-paper/src/field/field.js#view");
 };

package/dist/src/fieldset/fieldset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fieldset.d.ts","sourceRoot":"","sources":["../../../src/fieldset/fieldset.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAMtD,0DAA0D;AAC1D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,qFAAqF;IACrF,EAAE,EAAE,MAAM,CAAC;IACX,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;gBAGY;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,IAAI,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;CACpC,CAAC,CAAC;AAEH;;mFAEmF;AACnF,eAAO,MAAM,IAAI,GAAI,OAAO,UAAU,UAAU,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IA0B3E,CAAC"}
+{"version":3,"file":"fieldset.d.ts","sourceRoot":"","sources":["../../../src/fieldset/fieldset.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAMtD,0DAA0D;AAC1D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,qFAAqF;IACrF,EAAE,EAAE,MAAM,CAAC;IACX,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;gBAGY;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,IAAI,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;CACpC,CAAC,CAAC;AAEH;;mFAEmF;AACnF,eAAO,MAAM,IAAI,GAAI,OAAO,UAAU,UAAU,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IAwB3E,CAAC"}

package/dist/src/fieldset/fieldset.js

@@ -1,6 +1,6 @@
 import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Fieldset as UiFieldset } from "@foldkit/ui";
-import { describedByError, errorView } from "../field/field.js";
+import { describedByError, errorView, helpView } from "../field/field.js";
 /** A group of controls under one name, built on `@foldkit/ui`'s Fieldset: a `<fieldset>`
  *  named by its `<legend>` and described by its error and its help line
  *  (`aria-describedby`). The legend turns red while a control in it is invalid. */
@@ -17,9 +17,7 @@ export const view = (config, h) => {
             h.legend([...groups.legend, h.Class("field-label")], [label]),
             ...body,
             ...errorView(id, error, h),
-            ...(help === undefined
-                ? []
-                : [h.p([...groups.description, h.Class("field-help")], [help])]),
+            ...helpView(help, groups.description, h),
         ])), "@gjermundgaraba-designs/pixel-paper/src/fieldset/fieldset.js#toView"),
     }, h)), "@gjermundgaraba-designs/pixel-paper/src/fieldset/fieldset.js#view");
 };

package/dist/src/fileTree/fileTree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fileTree.d.ts","sourceRoot":"","sources":["../../../src/fileTree/fileTree.ts"],"names":[],"mappings":"AACA,OAAO,EAA8B,MAAM,EAAS,MAAM,EAAgB,MAAM,QAAQ,CAAC;AAGzF,OAAO,KAAK,KAAK,MAAM,eAAe,CAAC;AAGvC,OAAO,KAAK,KAAK,MAAM,MAAM,gBAAgB,CAAC;AAI9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAKpD;4CAC4C;AAC5C,eAAO,MAAM,KAAK;;;;EAIhB,CAAC;AACH,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAC;AAItC,qDAAqD;AACrD,eAAO,MAAM,OAAO;;QACD,IAAI;;;QACN,IAAI;;;QACA,IAAI;;;QACC,IAAI;;;QACH,IAAI;;EAC7B,CAAC;AACH,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAC;AAI1C;2DAC2D;AAC3D,eAAO,MAAM,UAAU;;QACP,IAAI;;EAClB,CAAC;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC,IAAI,CAAC;AAIhD;kDACkD;AAClD,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;CAAE,CAAC,CAAC;AAElF,2BAA2B;AAC3B,eAAO,MAAM,IAAI,WAAY,UAAU,KAAG,KAIxC,CAAC;AAIH,kDAAkD;AAClD,eAAO,MAAM,EAAE,UAAW,KAAK,KAAG,MAAkB,CAAC;AAerD,+EAA+E;AAC/E,eAAO,MAAM,MAAM,UAAW,KAAK,WAAW,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;EASjD,CAAC;AAqJL;;mEAEmE;AACnE,eAAO,MAAM,YAAY;;;;;;;;;EAyCvB,CAAC;AAIH,0BAA0B;AAC1B,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,yDAAyD;IACzD,IAAI,EAAE,MAAM,CAAC;IACb,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACnC,qCAAqC;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0DAA0D;IAC1D,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAEH,8EAA8E;AAC9E,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC/B,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC,CAAC;AA0IH;;;;;;GAMG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;IAtJf,2CAA2C;WACpC,MAAM;WACN,aAAa,CAAC,QAAQ,CAAC;IAC9B,6DAA6D;kBAC/C,MAAM;GAsKpB,CAAC"}
+{"version":3,"file":"fileTree.d.ts","sourceRoot":"","sources":["../../../src/fileTree/fileTree.ts"],"names":[],"mappings":"AACA,OAAO,EAA8B,MAAM,EAAS,MAAM,EAAgB,MAAM,QAAQ,CAAC;AAGzF,OAAO,KAAK,KAAK,MAAM,eAAe,CAAC;AAGvC,OAAO,KAAK,KAAK,MAAM,MAAM,gBAAgB,CAAC;AAI9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAKpD;4CAC4C;AAC5C,eAAO,MAAM,KAAK;;;;EAIhB,CAAC;AACH,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAC;AAItC,qDAAqD;AACrD,eAAO,MAAM,OAAO;;QACD,IAAI;;;QACN,IAAI;;;QACA,IAAI;;;QACC,IAAI;;;QACH,IAAI;;EAC7B,CAAC;AACH,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAC;AAI1C;2DAC2D;AAC3D,eAAO,MAAM,UAAU;;QACP,IAAI;;EAClB,CAAC;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC,IAAI,CAAC;AAIhD;kDACkD;AAClD,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;CAAE,CAAC,CAAC;AAElF,2BAA2B;AAC3B,eAAO,MAAM,IAAI,WAAY,UAAU,KAAG,KAIxC,CAAC;AAIH,kDAAkD;AAClD,eAAO,MAAM,EAAE,UAAW,KAAK,KAAG,MAAkB,CAAC;AAerD,+EAA+E;AAC/E,eAAO,MAAM,MAAM,UAAW,KAAK,WAAW,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;EASjD,CAAC;AAmJL;;mEAEmE;AACnE,eAAO,MAAM,YAAY;;;;;;;;;EAyCvB,CAAC;AAIH,0BAA0B;AAC1B,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,yDAAyD;IACzD,IAAI,EAAE,MAAM,CAAC;IACb,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACnC,qCAAqC;IACrC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0DAA0D;IAC1D,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAEH,8EAA8E;AAC9E,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC/B,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC,CAAC;AA0IH;;;;;;GAMG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;IAtJf,2CAA2C;WACpC,MAAM;WACN,aAAa,CAAC,QAAQ,CAAC;IAC9B,6DAA6D;kBAC/C,MAAM;GAsKpB,CAAC"}

package/dist/src/fileTree/fileTree.js

@@ -84,20 +84,20 @@ const moveInTree = (tree, event) => {
         return __foldkitBrandViewResult((Option.none()), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#moveInTree");
     }
     const items = ownItems(tree);
-    return __foldkitBrandViewResult((pipe(Array.findFirstIndex(items, (item) => __foldkitBrandViewResult((item === event.target), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~21")), Option.flatMap((index) => __foldkitBrandViewResult((Option.flatMap(Array.get(items, index), (item) => {
+    return __foldkitBrandViewResult((pipe(Array.findFirstWithIndex(items, (item) => __foldkitBrandViewResult((item === event.target), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~21")), Option.flatMap(([item, index]) => {
         if (isTypeahead(event)) {
-            return __foldkitBrandViewResult((moveTo(itemStartingWith(items, index, event.key))), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~23");
+            return __foldkitBrandViewResult((moveTo(itemStartingWith(items, index, event.key))), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~22");
         }
         else if (isPlain(event)) {
-            return __foldkitBrandViewResult((actOnKey(items, index, item, event.key)), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~23");
+            return __foldkitBrandViewResult((actOnKey(items, index, item, event.key)), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~22");
         }
         else {
-            return __foldkitBrandViewResult((Option.none()), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~23");
+            return __foldkitBrandViewResult((Option.none()), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~22");
         }
-    })), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~22")))), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#moveInTree");
+    }))), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#moveInTree");
 };
 // the tree item focus landed on, if focus landed on one: it becomes the tree's Tab stop
-const focusInMessage = (event) => __foldkitBrandViewResult((Option.map(Option.flatMap(Option.liftPredicate(event.target, (target) => __foldkitBrandViewResult((target instanceof Element), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~24")), (target) => __foldkitBrandViewResult((Option.flatMap(Option.fromNullishOr(target.closest(ITEM_SELECTOR)), pathOf)), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~25")), (path) => __foldkitBrandViewResult((Message.FocusedTreeItem({ path })), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~26"))), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#focusInMessage");
+const focusInMessage = (event) => __foldkitBrandViewResult((Option.map(Option.flatMap(Option.liftPredicate(event.target, (target) => __foldkitBrandViewResult((target instanceof Element), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~23")), (target) => __foldkitBrandViewResult((Option.flatMap(Option.fromNullishOr(target.closest(ITEM_SELECTOR)), pathOf)), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~24")), (path) => __foldkitBrandViewResult((Message.FocusedTreeItem({ path })), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~25"))), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#focusInMessage");
 /** The tree's keys (see `moveInTree`), and the item focus lands on (see `focusInMessage`),
  *  which becomes the tree's stop for Tab. A key that moves focus reports nothing itself: the
  *  item's `focusin` does, once. Attached to the tree by `view`. */
@@ -106,7 +106,7 @@ export const BindTreeKeys = Mount.defineStream("BindTreeKeys", {
     execute: ({ element }) => __foldkitBrandViewResult((Stream.callback((queue) => __foldkitBrandViewResult((Effect.gen(function* () {
         yield* Effect.acquireRelease(Effect.sync(() => {
             const onKeyDown = (event) => {
-                const maybeAction = Option.flatMap(Option.liftPredicate(event, (keyEvent) => __foldkitBrandViewResult((keyEvent instanceof KeyboardEvent), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~30")), (keyEvent) => __foldkitBrandViewResult((moveInTree(element, keyEvent)), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~31"));
+                const maybeAction = Option.flatMap(Option.liftPredicate(event, (keyEvent) => __foldkitBrandViewResult((keyEvent instanceof KeyboardEvent), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~29")), (keyEvent) => __foldkitBrandViewResult((moveInTree(element, keyEvent)), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~30"));
                 if (Option.isSome(maybeAction)) {
                     event.preventDefault();
                     TreeKeyAction.$match(maybeAction.value, {
@@ -125,23 +125,23 @@ export const BindTreeKeys = Mount.defineStream("BindTreeKeys", {
             };
             element.addEventListener("keydown", onKeyDown);
             element.addEventListener("focusin", onFocusIn);
-            return __foldkitBrandViewResult(({ onKeyDown, onFocusIn }), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~29");
+            return __foldkitBrandViewResult(({ onKeyDown, onFocusIn }), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~28");
         }), ({ onKeyDown, onFocusIn }) => __foldkitBrandViewResult((Effect.sync(() => {
             element.removeEventListener("keydown", onKeyDown);
             element.removeEventListener("focusin", onFocusIn);
-        })), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~32"));
-        return __foldkitBrandViewResult((yield* Effect.never), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~28");
-    })), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~27"))), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#execute"),
+        })), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~31"));
+        return __foldkitBrandViewResult((yield* Effect.never), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~27");
+    })), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~26"))), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#execute"),
 });
 const visiblePaths = (model, nodes) => __foldkitBrandViewResult((Array.flatMap(nodes, (node) => __foldkitBrandViewResult((node.children !== undefined && isFolderOpen(model, node.path)
     ? [node.path, ...visiblePaths(model, node.children)]
-    : [node.path]), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~34"))), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#visiblePaths");
+    : [node.path]), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~33"))), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#visiblePaths");
 /** The one item Tab stops on: where the keyboard last was, else the open file, else the
  *  first item, whichever is visible. */
 const tabStop = (model, nodes, maybeCurrentPath) => {
     const visible = visiblePaths(model, nodes);
     const isVisible = (path) => __foldkitBrandViewResult((Array.contains(visible, path)), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#isVisible");
-    return __foldkitBrandViewResult((pipe(Option.filter(model.maybeFocusedPath, isVisible), Option.orElse(() => __foldkitBrandViewResult((Option.filter(maybeCurrentPath, isVisible)), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~35")), Option.orElse(() => __foldkitBrandViewResult((Array.head(visible)), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~36")))), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#tabStop");
+    return __foldkitBrandViewResult((pipe(Option.filter(model.maybeFocusedPath, isVisible), Option.orElse(() => __foldkitBrandViewResult((Option.filter(maybeCurrentPath, isVisible)), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~34")), Option.orElse(() => __foldkitBrandViewResult((Array.head(visible)), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~35")))), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#tabStop");
 };
 const groupId = (model, path) => __foldkitBrandViewResult((`${model.id}-group-${path}`), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#groupId");
 const itemAttributes = (context, level, node, index) => {
@@ -152,7 +152,7 @@ const itemAttributes = (context, level, node, index) => {
         h.AriaSetsize(level.nodes.length),
         h.AriaPosinset(index + 1),
         h.DataAttribute("path", node.path),
-        h.Tabindex(Option.exists(maybeTabStop, (path) => __foldkitBrandViewResult((path === node.path), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~37")) ? 0 : -1),
+        h.Tabindex(Option.exists(maybeTabStop, (path) => __foldkitBrandViewResult((path === node.path), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~36")) ? 0 : -1),
         h.Class("file"),
     ]), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#itemAttributes");
 };
@@ -202,7 +202,7 @@ const branchView = (context, level, listAttributes) => {
     const { h } = context;
     return __foldkitBrandViewResult((h.ul(listAttributes, Array.map(level.nodes, (node, index) => __foldkitBrandViewResult((h.keyed("li")(node.path, [h.Role("none")], node.children === undefined
         ? [fileView(context, level, node, index)]
-        : folderView(context, level, node, index, node.children))), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~38")))), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#branchView");
+        : folderView(context, level, node, index, node.children))), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~37")))), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#branchView");
 };
 /**
  * Files and folders in the system monospace, nested on a 1px rule guide, as an ARIA tree:
@@ -226,5 +226,5 @@ export const view = defineView((model, viewInputs, h) => {
             h.AriaLabel(label),
             h.OnMount(BindTreeKeys()),
         ]),
-    ])), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~39");
+    ])), "@gjermundgaraba-designs/pixel-paper/src/fileTree/fileTree.js#anonymous~38");
 });

package/dist/src/iconButton/iconButton.d.ts

@@ -1,5 +1,6 @@
 import type { Html, HtmlBuilder } from "foldkit/html";
 import type { Attributes } from "../attributes/attributes.ts";
+import type { KeyHintConfig } from "../button/button.ts";
 import type { GlyphName } from "../glyph/glyphs.ts";
 /** Configuration for rendering an icon button with `view`. */
 export type ViewConfig<Message> = Readonly<{
@@ -11,9 +12,13 @@ export type ViewConfig<Message> = Readonly<{
     isQuiet?: boolean;
     /** Unavailable but focusable (`aria-disabled`), as in `@foldkit/ui`. */
     isDisabled?: boolean;
+    /** The key that does the same, printed in the tip after the label (`data-tip-key`): the
+     *  button has no words to print it beside. */
+    keyHint?: KeyHintConfig;
     /** Further attributes for the `<button>`, never a class. */
     attributes?: Attributes<Message>;
 }>;
-/** A bare glyph button, 24px square. Its label is its accessible name and its tip. */
+/** A bare glyph button, 24px square. Its label is its accessible name and its tip, and its
+ *  key, where it has one, prints in the tip after the label. */
 export declare const view: <Message>(config: ViewConfig<Message>, h: HtmlBuilder<Message>) => Html;
 //# sourceMappingURL=iconButton.d.ts.map

package/dist/src/iconButton/iconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"iconButton.d.ts","sourceRoot":"","sources":["../../../src/iconButton/iconButton.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAE9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAIpD,8DAA8D;AAC9D,MAAM,MAAM,UAAU,CAAC,OAAO,IAAI,QAAQ,CAAC;IACzC,KAAK,EAAE,SAAS,CAAC;IACjB,yEAAyE;IACzE,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;CAClC,CAAC,CAAC;AAEH,sFAAsF;AACtF,eAAO,MAAM,IAAI,GAAI,OAAO,UAAU,UAAU,CAAC,OAAO,CAAC,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IAqBpF,CAAC"}
+{"version":3,"file":"iconButton.d.ts","sourceRoot":"","sources":["../../../src/iconButton/iconButton.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAKpD,8DAA8D;AAC9D,MAAM,MAAM,UAAU,CAAC,OAAO,IAAI,QAAQ,CAAC;IACzC,KAAK,EAAE,SAAS,CAAC;IACjB,yEAAyE;IACzE,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;kDAC8C;IAC9C,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;CAClC,CAAC,CAAC;AAEH;gEACgE;AAChE,eAAO,MAAM,IAAI,GAAI,OAAO,UAAU,UAAU,CAAC,OAAO,CAAC,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IAgCpF,CAAC"}

package/dist/src/iconButton/iconButton.js

@@ -1,9 +1,11 @@
 import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Button as UiButton } from "@foldkit/ui";
 import * as Glyph from "../glyph/glyph.js";
-/** A bare glyph button, 24px square. Its label is its accessible name and its tip. */
+import { keyLabel } from "../keyHint/keyLabel.js";
+/** A bare glyph button, 24px square. Its label is its accessible name and its tip, and its
+ *  key, where it has one, prints in the tip after the label. */
 export const view = (config, h) => {
-    const { glyph, label, onClick, isQuiet = false, isDisabled = false, attributes = [] } = config;
+    const { glyph, label, onClick, isQuiet = false, isDisabled = false, keyHint, attributes = [], } = config;
     return __foldkitBrandViewResult((UiButton.view({
         ...(onClick !== undefined && { onClick }),
         isDisabled,
@@ -12,6 +14,9 @@ export const view = (config, h) => {
             ...groups.button,
             h.AriaLabel(label),
             h.DataAttribute("tip", label),
+            ...(keyHint === undefined
+                ? []
+                : [h.DataAttribute("tip-key", keyLabel(keyHint.keys, keyHint.platform))]),
             h.Class(isQuiet ? "iconbtn quiet" : "iconbtn"),
         ], [Glyph.view({ name: glyph }, h)])), "@gjermundgaraba-designs/pixel-paper/src/iconButton/iconButton.js#toView"),
     }, h)), "@gjermundgaraba-designs/pixel-paper/src/iconButton/iconButton.js#view");

package/dist/src/inlineInput/inlineInput.d.ts

@@ -75,6 +75,10 @@ export declare const isSaving: (model: Model) => boolean;
  *  fails, and again once the draft changes or the next save goes out. */
 export declare const maybeError: (model: Model) => Option.Option<string>;
 type UpdateReturn = Update.ReturnWithOutMessage<Model, Message, OutMessage>;
+/** What Enter or leaving an inline field writes: the draft trimmed, or none (an untouched
+ *  draft, so an edit made elsewhere to `value` is never overwritten; an empty one; or the
+ *  text it replaces). */
+export declare const toWrite: (maybeDraft: Option.Option<string>, value: string) => Option.Option<string>;
 /** Processes an inline field Message and returns the next Model, Commands and OutMessage. */
 export declare const update: (model: Model, message: Message) => Readonly<{
     model: {