@gjermundgaraba/pixel-paper 0.0.0-stage → 0.1.0

package/dist/inline-input/inline-input.d.ts

@@ -0,0 +1,196 @@
+import { Effect, Option, Schema } from "effect";
+import * as Command from "foldkit/command";
+import { Html, HtmlBuilder } from "foldkit/html";
+import * as Mount from "foldkit/mount";
+import * as Update from "foldkit/update";
+/** Schema for an inline field. `maybeDraft` is none while the field is untouched: it then
+ *  shows, and follows, the value it replaces. `replaced` is that value as the view had it at
+ *  the last edit, so a draft that only restores it writes nothing. `maybeError` is why the
+ *  last save was refused, until the draft changes or the next save goes out.
+ *  `maybeLastSavedId` is the id of the item the edit saved last. */
+export declare const Model: Schema.Struct<{
+  readonly id: Schema.String;
+  readonly phase: import("foldkit/schema").TaggedUnion<{
+    readonly Editing: {};
+    readonly Saving: {
+      trigger: Schema.Literals<readonly ["Enter", "Blur"]>;
+    };
+    readonly LeftWhileSaving: {};
+    readonly Ended: {};
+  }>;
+  readonly maybeDraft: Schema.Option<Schema.String>;
+  readonly replaced: Schema.String;
+  readonly maybeError: Schema.Option<Schema.String>;
+  readonly maybeLastSavedId: Schema.Option<Schema.String>;
+  readonly isRepeating: Schema.Boolean;
+}>;
+export type Model = typeof Model.Type;
+/** Union of all Messages an inline field can produce. `UpdatedDraft` carries the draft and the
+ *  value it replaces, as the view had it. */
+export declare const Message: import("foldkit/message").MessageUnion<{
+  readonly UpdatedDraft: {
+    value: Schema.String;
+    replaced: Schema.String;
+  };
+  readonly PressedEnter: {};
+  readonly PressedEscape: {};
+  readonly BlurredField: {};
+  readonly CompletedFocusField: {};
+}>;
+export type Message = typeof Message.Type;
+/** Union of OutMessages an inline field reports. `Committed`: save this text (new, non-empty,
+ *  trimmed); the field holds until the caller reports back with `succeeded` or `failed`.
+ *  `Ended`: the edit is over, with how it ended and the id of the item it saved last
+ *  (`maybeLastSavedId`, none when it saved nothing). Move focus on `Enter` and `Escape` only:
+ *  after `Blur` the reader chose where focus went. */
+export declare const OutMessage: import("foldkit/message").MessageUnion<{
+  readonly Committed: {
+    text: Schema.String;
+  };
+  readonly Ended: {
+    how: Schema.Literals<readonly ["Enter", "Blur", "Escape"]>;
+    maybeLastSavedId: Schema.Option<Schema.String>;
+  };
+}>;
+export type OutMessage = typeof OutMessage.Type;
+/** Focuses the field once it renders, selecting its text as an edit begins. */
+export declare const FocusField: Command.CommandDefinitionWithArgs<"FocusField", {
+  id: Schema.String;
+}, Effect.Effect<{
+  readonly _tag: "CompletedFocusField";
+}, never, never>>;
+/** Configuration for starting an inline edit with `init`. The `id` (the input's) must be
+ *  unique in the document. `isRepeating`: adding several, so a save from Enter empties the
+ *  field and keeps it open for the next instead of ending. */
+export type InitConfig = Readonly<{
+  id: string;
+  isRepeating?: boolean;
+}>;
+/** Starts an inline edit, untouched, focusing and selecting the field. Fold it in with
+ *  `Update.foldChildInit`. */
+export declare const init: (config: InitConfig) => Update.Return<Model, Message>;
+/** Whether the caller's save is out: the field holds until `succeeded` or `failed`. */
+export declare const isSaving: (model: Model) => boolean;
+/** Why the last save was refused, while the field still holds that text: none before a save
+ *  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>;
+/** Processes an inline field Message and returns the next Model, Commands and OutMessage. */
+export declare const update: (model: Model, message: Message) => Readonly<{
+  model: {
+    readonly id: string;
+    readonly phase: {
+      readonly _tag: "Editing";
+    } | {
+      readonly _tag: "Ended";
+    } | {
+      readonly _tag: "LeftWhileSaving";
+    } | {
+      readonly _tag: "Saving";
+      readonly trigger: "Blur" | "Enter";
+    };
+    readonly maybeDraft: Option.Option<string>;
+    readonly replaced: string;
+    readonly maybeError: Option.Option<string>;
+    readonly maybeLastSavedId: Option.Option<string>;
+    readonly isRepeating: boolean;
+  };
+  commands?: Update.Commands<{
+    readonly _tag: "PressedEscape";
+  } | {
+    readonly _tag: "CompletedFocusField";
+  } | {
+    readonly _tag: "BlurredField";
+  } | {
+    readonly _tag: "PressedEnter";
+  } | {
+    readonly _tag: "UpdatedDraft";
+    readonly value: string;
+    readonly replaced: string;
+  }, never>;
+  outMessage?: {
+    readonly _tag: "Committed";
+    readonly text: string;
+  } | {
+    readonly _tag: "Ended";
+    readonly how: "Blur" | "Enter" | "Escape";
+    readonly maybeLastSavedId: Option.Option<string>;
+  };
+}>;
+/** The caller's save went through, giving the saved item's id. A save from Enter in a
+ *  repeating field empties the field and keeps it open, focused, for the next; any other
+ *  save ends the edit (as `Blur` if focus left meanwhile). A result for an edit that is no
+ *  longer saving changes nothing. */
+export declare const succeeded: (model: Model, savedId: string) => UpdateReturn;
+/** The caller's save did not go through: the field stays open with its text for another try.
+ *  With an `error` (a refusal) it says why through `errorView`; without one (the save's
+ *  outcome is told elsewhere, such as a lost connection's notice) it only lets go of the
+ *  text. It reports nothing, so it folds as a plain return. A result for an edit that is no
+ *  longer saving changes nothing. */
+export declare const failed: (model: Model, error?: string) => Update.Return<Model, Message>;
+/** The field's keys: Enter saves (or ends, with nothing new to save) and Escape discards and
+ *  ends, while the edit is open. A key an IME is composing, a modified key and a key someone
+ *  already handled are left alone; a key it takes has its default prevented, so an Escape here
+ *  never also closes the dialog around the field. Attached by `view`. In a Scene, resolve it
+ *  with `Message.PressedEscape`. */
+export declare const BindFieldKeys: Mount.MountDefinitionNoArgs<"BindFieldKeys", {
+  readonly _tag: "PressedEscape";
+} | {
+  readonly _tag: "PressedEnter";
+}>;
+/** Per-render inputs passed to `view` through `h.submodel`'s `viewInputs`. */
+export type ViewInputs = Readonly<{
+  /** The text being replaced; `""` when adding. */
+  value: string;
+  /** Names the field for screen readers (`"Rename Notes"`, `"New item in Operations"`). */
+  label: string;
+  placeholder?: string;
+}>;
+/**
+ * Text edited in place: an input that takes exactly the height of what it replaces, built on
+ * `@foldkit/ui`'s Input. Enter or leaving the field with new text reports `Committed`; the
+ * field then holds (`readonly`, `aria-busy`, still focused) until the caller reports
+ * `succeeded` or `failed`. A refused save keeps the text, marks the field `aria-invalid` and
+ * points it at `errorView`. Escape discards the draft and ends. The field moves no focus
+ * itself: the caller does on `Ended`.
+ */
+export declare const view: import("foldkit/submodel").View<{
+  readonly id: string;
+  readonly phase: {
+    readonly _tag: "Editing";
+  } | {
+    readonly _tag: "Ended";
+  } | {
+    readonly _tag: "LeftWhileSaving";
+  } | {
+    readonly _tag: "Saving";
+    readonly trigger: "Blur" | "Enter";
+  };
+  readonly maybeDraft: Option.Option<string>;
+  readonly replaced: string;
+  readonly maybeError: Option.Option<string>;
+  readonly maybeLastSavedId: Option.Option<string>;
+  readonly isRepeating: boolean;
+}, {
+  readonly _tag: "PressedEscape";
+} | {
+  readonly _tag: "CompletedFocusField";
+} | {
+  readonly _tag: "BlurredField";
+} | {
+  readonly _tag: "PressedEnter";
+} | {
+  readonly _tag: "UpdatedDraft";
+  readonly value: string;
+  readonly replaced: string;
+}, Readonly<{
+  /** The text being replaced; `""` when adding. */
+  value: string;
+  /** Names the field for screen readers (`"Rename Notes"`, `"New item in Operations"`). */
+  label: string;
+  placeholder?: string;
+}>>;
+/** Why the last save was refused, as an error Notice with the id the field points at, or
+ *  nothing. Place it under the field. */
+export declare const errorView: <ParentMessage>(model: Model, h: HtmlBuilder<ParentMessage>) => Html;
+export {};

package/dist/inline-input/inline-input.js

@@ -0,0 +1,212 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { view as view$1 } from "../notice/notice.js";
+import { isPlain } from "../keys/keys.js";
+import { Effect, Match, Option, Schema, String, pipe } from "effect";
+import * as Command from "foldkit/command";
+import { defineMessageUnion } from "foldkit/message";
+import { Input } from "@foldkit/ui";
+import * as Mount from "foldkit/mount";
+import { modifyFields } from "foldkit/struct";
+import { defineView } from "foldkit/submodel";
+import * as Dom from "foldkit/dom";
+import { defineTaggedUnion } from "foldkit/schema";
+// src/inline-input/inline-input.ts
+const SaveTrigger = Schema.Literals(["Enter", "Blur"]);
+const InlineEnd = Schema.Literals([
+	"Enter",
+	"Blur",
+	"Escape"
+]);
+const Phase = defineTaggedUnion({
+	Editing: {},
+	Saving: { trigger: SaveTrigger },
+	LeftWhileSaving: {},
+	Ended: {}
+});
+/** Schema for an inline field. `maybeDraft` is none while the field is untouched: it then
+*  shows, and follows, the value it replaces. `replaced` is that value as the view had it at
+*  the last edit, so a draft that only restores it writes nothing. `maybeError` is why the
+*  last save was refused, until the draft changes or the next save goes out.
+*  `maybeLastSavedId` is the id of the item the edit saved last. */
+const Model = Schema.Struct({
+	id: Schema.String,
+	phase: Phase,
+	maybeDraft: Schema.Option(Schema.String),
+	replaced: Schema.String,
+	maybeError: Schema.Option(Schema.String),
+	maybeLastSavedId: Schema.Option(Schema.String),
+	isRepeating: Schema.Boolean
+});
+/** Union of all Messages an inline field can produce. `UpdatedDraft` carries the draft and the
+*  value it replaces, as the view had it. */
+const Message = defineMessageUnion({
+	UpdatedDraft: {
+		value: Schema.String,
+		replaced: Schema.String
+	},
+	PressedEnter: {},
+	PressedEscape: {},
+	BlurredField: {},
+	CompletedFocusField: {}
+});
+/** Union of OutMessages an inline field reports. `Committed`: save this text (new, non-empty,
+*  trimmed); the field holds until the caller reports back with `succeeded` or `failed`.
+*  `Ended`: the edit is over, with how it ended and the id of the item it saved last
+*  (`maybeLastSavedId`, none when it saved nothing). Move focus on `Enter` and `Escape` only:
+*  after `Blur` the reader chose where focus went. */
+const OutMessage = defineMessageUnion({
+	Committed: { text: Schema.String },
+	Ended: {
+		how: InlineEnd,
+		maybeLastSavedId: Schema.Option(Schema.String)
+	}
+});
+/** Focuses the field once it renders, selecting its text as an edit begins. */
+const FocusField = Command.define("FocusField", {
+	args: { id: Schema.String },
+	messages: [Message.CompletedFocusField],
+	execute: ({ id }) => __foldkitBrandViewResult((Dom.focus(`#${CSS.escape(id)}`).pipe(Effect.andThen(Effect.sync(() => {
+		const field = document.querySelector(`#${CSS.escape(id)}`);
+		if (field instanceof HTMLInputElement) field.select();
+	})), Effect.ignore, Effect.as(Message.CompletedFocusField()))), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#execute")
+});
+/** Starts an inline edit, untouched, focusing and selecting the field. Fold it in with
+*  `Update.foldChildInit`. */
+const init = (config) => (__foldkitBrandViewResult(({
+	model: {
+		id: config.id,
+		phase: Phase.Editing(),
+		maybeDraft: Option.none(),
+		replaced: "",
+		maybeError: Option.none(),
+		maybeLastSavedId: Option.none(),
+		isRepeating: config.isRepeating ?? false
+	},
+	commands: [FocusField({ id: config.id })]
+}), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#init"));
+/** Whether the caller's save is out: the field holds until `succeeded` or `failed`. */
+const isSaving = (model) => __foldkitBrandViewResult((Phase.guards.Saving(model.phase) || Phase.guards.LeftWhileSaving(model.phase)), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#isSaving");
+/** Why the last save was refused, while the field still holds that text: none before a save
+*  fails, and again once the draft changes or the next save goes out. */
+const maybeError = (model) => __foldkitBrandViewResult((model.maybeError), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#maybeError");
+const errorId = (model) => __foldkitBrandViewResult((Input.descriptionId(model.id)), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#errorId");
+const end = (model, how) => (__foldkitBrandViewResult(({
+	model: modifyFields(model, { phase: () => __foldkitBrandViewResult((Phase.Ended()), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#phase") }),
+	outMessage: OutMessage.Ended({
+		how,
+		maybeLastSavedId: model.maybeLastSavedId
+	})
+}), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#end"));
+const toWrite = (maybeDraft, value) => __foldkitBrandViewResult((pipe(maybeDraft, Option.map(String.trim), Option.filter((text) => __foldkitBrandViewResult((String.isNonEmpty(text) && text !== value), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#anonymous~2")))), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#toWrite");
+const commit = (model, trigger) => __foldkitBrandViewResult((Option.match(toWrite(model.maybeDraft, model.replaced), {
+	onNone: () => __foldkitBrandViewResult((end(model, trigger)), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#onNone"),
+	onSome: (text) => (__foldkitBrandViewResult(({
+		model: modifyFields(model, {
+			phase: () => __foldkitBrandViewResult((Phase.Saving({ trigger })), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#phase~2"),
+			maybeError: () => __foldkitBrandViewResult((Option.none()), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#maybeError~2")
+		}),
+		outMessage: OutMessage.Committed({ text })
+	}), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#onSome"))
+})), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#commit");
+/** Processes an inline field Message and returns the next Model, Commands and OutMessage. */
+const update = (model, message) => __foldkitBrandViewResult((Message.match(message, {
+	UpdatedDraft: ({ value, replaced }) => __foldkitBrandViewResult((Phase.guards.Editing(model.phase) ? { model: modifyFields(model, {
+		maybeDraft: () => __foldkitBrandViewResult((Option.some(value)), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#maybeDraft"),
+		replaced: () => __foldkitBrandViewResult((replaced), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#replaced"),
+		maybeError: () => __foldkitBrandViewResult((Option.none()), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#maybeError~3")
+	}) } : { model }), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#UpdatedDraft"),
+	PressedEnter: () => __foldkitBrandViewResult((Phase.guards.Editing(model.phase) ? commit(model, "Enter") : { model }), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#PressedEnter"),
+	PressedEscape: () => __foldkitBrandViewResult((Phase.guards.Editing(model.phase) ? end(model, "Escape") : { model }), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#PressedEscape"),
+	BlurredField: () => __foldkitBrandViewResult((Phase.match(model.phase, {
+		Editing: () => __foldkitBrandViewResult((commit(model, "Blur")), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#Editing"),
+		Saving: () => (__foldkitBrandViewResult(({ model: modifyFields(model, { phase: () => __foldkitBrandViewResult((Phase.LeftWhileSaving()), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#phase~3") }) }), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#Saving")),
+		LeftWhileSaving: () => (__foldkitBrandViewResult(({ model }), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#LeftWhileSaving")),
+		Ended: () => (__foldkitBrandViewResult(({ model }), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#Ended"))
+	})), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#BlurredField"),
+	CompletedFocusField: () => (__foldkitBrandViewResult(({ model }), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#CompletedFocusField"))
+})), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#update");
+const savedAs = (model, savedId) => __foldkitBrandViewResult((modifyFields(model, { maybeLastSavedId: () => __foldkitBrandViewResult((Option.some(savedId)), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#maybeLastSavedId") })), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#savedAs");
+/** The caller's save went through, giving the saved item's id. A save from Enter in a
+*  repeating field empties the field and keeps it open, focused, for the next; any other
+*  save ends the edit (as `Blur` if focus left meanwhile). A result for an edit that is no
+*  longer saving changes nothing. */
+const succeeded = (model, savedId) => __foldkitBrandViewResult((Phase.match(model.phase, {
+	Saving: ({ trigger }) => {
+		const saved = savedAs(model, savedId);
+		return __foldkitBrandViewResult((model.isRepeating && trigger === "Enter" ? { model: modifyFields(saved, {
+			phase: () => __foldkitBrandViewResult((Phase.Editing()), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#phase~4"),
+			maybeDraft: () => __foldkitBrandViewResult((Option.some("")), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#maybeDraft~2")
+		}) } : end(saved, trigger)), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#Saving~2");
+	},
+	LeftWhileSaving: () => __foldkitBrandViewResult((end(savedAs(model, savedId), "Blur")), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#LeftWhileSaving~2"),
+	Editing: () => (__foldkitBrandViewResult(({ model }), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#Editing~2")),
+	Ended: () => (__foldkitBrandViewResult(({ model }), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#Ended~2"))
+})), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#succeeded");
+/** The caller's save did not go through: the field stays open with its text for another try.
+*  With an `error` (a refusal) it says why through `errorView`; without one (the save's
+*  outcome is told elsewhere, such as a lost connection's notice) it only lets go of the
+*  text. It reports nothing, so it folds as a plain return. A result for an edit that is no
+*  longer saving changes nothing. */
+const failed = (model, error) => __foldkitBrandViewResult((isSaving(model) ? { model: modifyFields(model, {
+	phase: () => __foldkitBrandViewResult((Phase.Editing()), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#phase~5"),
+	maybeError: () => __foldkitBrandViewResult((Option.fromNullishOr(error)), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#maybeError~4")
+}) } : { model }), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#failed");
+const fieldKey = (event) => __foldkitBrandViewResult((event.isComposing || event.defaultPrevented || !isPlain(event) ? Option.none() : Match.value(event.key).pipe(Match.withReturnType(), Match.when("Enter", () => __foldkitBrandViewResult((Option.some(Message.PressedEnter())), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#anonymous~3")), Match.when("Escape", () => __foldkitBrandViewResult((Option.some(Message.PressedEscape())), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#anonymous~4")), Match.orElse(() => __foldkitBrandViewResult((Option.none()), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#anonymous~5")))), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#fieldKey");
+/** The field's keys: Enter saves (or ends, with nothing new to save) and Escape discards and
+*  ends, while the edit is open. A key an IME is composing, a modified key and a key someone
+*  already handled are left alone; a key it takes has its default prevented, so an Escape here
+*  never also closes the dialog around the field. Attached by `view`. In a Scene, resolve it
+*  with `Message.PressedEscape`. */
+const BindFieldKeys = Mount.defineStream("BindFieldKeys", {
+	messages: [Message.PressedEnter, Message.PressedEscape],
+	execute: ({ element }) => __foldkitBrandViewResult((Dom.streamFromEventFilterMapPreventDefault({
+		target: element,
+		type: "keydown",
+		filterMapEvent: fieldKey
+	})), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#execute~2")
+});
+/**
+* Text edited in place: an input that takes exactly the height of what it replaces, built on
+* `@foldkit/ui`'s Input. Enter or leaving the field with new text reports `Committed`; the
+* field then holds (`readonly`, `aria-busy`, still focused) until the caller reports
+* `succeeded` or `failed`. A refused save keeps the text, marks the field `aria-invalid` and
+* points it at `errorView`. Escape discards the draft and ends. The field moves no focus
+* itself: the caller does on `Ended`.
+*/
+const view = defineView((model, viewInputs, h) => {
+	const { value, label, placeholder } = viewInputs;
+	const isHeld = isSaving(model);
+	const hasError = Option.isSome(model.maybeError);
+	return __foldkitBrandViewResult((Input.view({
+		id: model.id,
+		value: Option.getOrElse(model.maybeDraft, () => __foldkitBrandViewResult((value), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#anonymous~7")),
+		onInput: (draft) => __foldkitBrandViewResult((Message.UpdatedDraft({
+			value: draft,
+			replaced: value
+		})), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#onInput"),
+		isReadOnly: isHeld,
+		isInvalid: hasError,
+		hasDescription: hasError,
+		...placeholder !== void 0 && { placeholder },
+		toView: (groups) => __foldkitBrandViewResult((h.input([
+			...groups.input,
+			h.AriaLabel(label),
+			...isHeld ? [h.AriaBusy(true)] : [],
+			h.Autocomplete("off"),
+			h.OnBlur(Message.BlurredField()),
+			h.OnMount(BindFieldKeys()),
+			h.Class("inline-input")
+		])), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#toView")
+	}, h)), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#anonymous~6");
+});
+/** Why the last save was refused, as an error Notice with the id the field points at, or
+*  nothing. Place it under the field. */
+const errorView = (model, h) => __foldkitBrandViewResult((Option.match(model.maybeError, {
+	onNone: () => __foldkitBrandViewResult((h.empty), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#onNone~2"),
+	onSome: (shown) => __foldkitBrandViewResult((view$1({
+		tone: "Error",
+		body: [shown],
+		attributes: [h.Id(errorId(model))]
+	}, h)), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#onSome~2")
+})), "@gjermundgaraba/pixel-paper/inline-input/inline-input.js#errorView");
+export { BindFieldKeys, FocusField, Message, Model, OutMessage, errorView, failed, fieldKey, init, isSaving, maybeError, succeeded, toWrite, update, view };

package/dist/key-help/index.d.ts

@@ -0,0 +1,5 @@
+import { Binding, HELP_KEYS, InitConfig, Message, Model, OutMessage, ViewInputs, id, init, isOpen, open, toKeymapGroups, update, view } from "./key-help.js";
+declare namespace index_d_exports {
+  export { Binding, HELP_KEYS, InitConfig, Message, Model, OutMessage, ViewInputs, id, init, isOpen, open, toKeymapGroups, update, view };
+}
+export { type Binding, HELP_KEYS, type InitConfig, Message, Model, OutMessage, type ViewInputs, id, index_d_exports, init, isOpen, open, toKeymapGroups, update, view };

package/dist/key-help/index.js

@@ -0,0 +1,18 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { __exportAll } from "../_virtual/_rolldown/runtime.js";
+import { HELP_KEYS, Message, Model, OutMessage, id, init, isOpen, open, toKeymapGroups, update, view } from "./key-help.js";
+// src/key-help/index.ts
+var key_help_exports = /* @__PURE__ */ __exportAll({
+	HELP_KEYS: () => __foldkitBrandViewResult((HELP_KEYS), "@gjermundgaraba/pixel-paper/key-help/index.js#HELP_KEYS"),
+	Message: () => __foldkitBrandViewResult((Message), "@gjermundgaraba/pixel-paper/key-help/index.js#Message"),
+	Model: () => __foldkitBrandViewResult((Model), "@gjermundgaraba/pixel-paper/key-help/index.js#Model"),
+	OutMessage: () => __foldkitBrandViewResult((OutMessage), "@gjermundgaraba/pixel-paper/key-help/index.js#OutMessage"),
+	id: () => __foldkitBrandViewResult((id), "@gjermundgaraba/pixel-paper/key-help/index.js#id"),
+	init: () => __foldkitBrandViewResult((init), "@gjermundgaraba/pixel-paper/key-help/index.js#init"),
+	isOpen: () => __foldkitBrandViewResult((isOpen), "@gjermundgaraba/pixel-paper/key-help/index.js#isOpen"),
+	open: () => __foldkitBrandViewResult((open), "@gjermundgaraba/pixel-paper/key-help/index.js#open"),
+	toKeymapGroups: () => __foldkitBrandViewResult((toKeymapGroups), "@gjermundgaraba/pixel-paper/key-help/index.js#toKeymapGroups"),
+	update: () => __foldkitBrandViewResult((update), "@gjermundgaraba/pixel-paper/key-help/index.js#update"),
+	view: () => __foldkitBrandViewResult((view), "@gjermundgaraba/pixel-paper/key-help/index.js#view")
+});
+export { HELP_KEYS, Message, Model, OutMessage, id, init, isOpen, key_help_exports, open, toKeymapGroups, update, view };