@gjermundgaraba-designs/pixel-paper 0.26.0 → 0.27.0

package/dist/src/{dropZone/dropZone.js → drop-zone/drop-zone.js}

@@ -7,18 +7,15 @@ import { modifyFields } from "foldkit/struct";
 import { defineView } from "foldkit/submodel";
 import * as Update from "foldkit/update";
 import * as Glyph from "../glyph/glyph.js";
-// MODEL
 /** Schema for a drop zone: the `@foldkit/ui` FileDrop it is built on, which knows whether a
  *  file hovers it. */
 export const Model = Schema.Struct({
     fileDrop: UiFileDrop.Model,
 });
-// MESSAGE
 /** Union of all Messages a drop zone can produce. */
 export const Message = defineMessageUnion({
     GotFileDropMessage: { message: UiFileDrop.Message },
 });
-// OUT MESSAGE
 /** Union of OutMessages a drop zone reports: files dropped on it or chosen with its button,
  *  or a drop that held no files (text, a link). */
 export const OutMessage = defineMessageUnion({
@@ -28,26 +25,23 @@ export const OutMessage = defineMessageUnion({
 /** Creates a drop zone with nothing over it. */
 export const init = (config) => (__foldkitBrandViewResult(({
     fileDrop: UiFileDrop.init({ id: config.id }),
-}), "@gjermundgaraba-designs/pixel-paper/src/dropZone/dropZone.js#init"));
-// ACCESSORS
-// NOTE: @foldkit/ui gap: FileDrop exports no `id` accessor, so this reads its Model's field.
+}), "@gjermundgaraba-designs/pixel-paper/src/drop-zone/drop-zone.js#init"));
 /** The drop zone's id, unique in the document: its file input's id. */
-export const id = (model) => __foldkitBrandViewResult((model.fileDrop.id), "@gjermundgaraba-designs/pixel-paper/src/dropZone/dropZone.js#id");
-// UPDATE
+export const id = (model) => __foldkitBrandViewResult((model.fileDrop.id), "@gjermundgaraba-designs/pixel-paper/src/drop-zone/drop-zone.js#id");
 const foldFileDrop = Update.foldChild({
     update: UiFileDrop.update,
-    read: (model) => __foldkitBrandViewResult((Option.some(model.fileDrop)), "@gjermundgaraba-designs/pixel-paper/src/dropZone/dropZone.js#read"),
-    write: (model, nextFileDrop) => __foldkitBrandViewResult((modifyFields(model, { fileDrop: () => __foldkitBrandViewResult((nextFileDrop), "@gjermundgaraba-designs/pixel-paper/src/dropZone/dropZone.js#fileDrop") })), "@gjermundgaraba-designs/pixel-paper/src/dropZone/dropZone.js#write"),
-    toParentMessage: (message) => __foldkitBrandViewResult((Message.GotFileDropMessage({ message })), "@gjermundgaraba-designs/pixel-paper/src/dropZone/dropZone.js#toParentMessage"),
+    read: (model) => __foldkitBrandViewResult((Option.some(model.fileDrop)), "@gjermundgaraba-designs/pixel-paper/src/drop-zone/drop-zone.js#read"),
+    write: (model, nextFileDrop) => __foldkitBrandViewResult((modifyFields(model, { fileDrop: () => __foldkitBrandViewResult((nextFileDrop), "@gjermundgaraba-designs/pixel-paper/src/drop-zone/drop-zone.js#fileDrop") })), "@gjermundgaraba-designs/pixel-paper/src/drop-zone/drop-zone.js#write"),
+    toParentMessage: (message) => __foldkitBrandViewResult((Message.GotFileDropMessage({ message })), "@gjermundgaraba-designs/pixel-paper/src/drop-zone/drop-zone.js#toParentMessage"),
     toParentOutMessage: UiFileDrop.OutMessage.match({
-        ReceivedFiles: ({ files }) => __foldkitBrandViewResult((OutMessage.ReceivedFiles({ files })), "@gjermundgaraba-designs/pixel-paper/src/dropZone/dropZone.js#ReceivedFiles"),
-        RejectedNonFiles: () => __foldkitBrandViewResult((OutMessage.RejectedNonFiles()), "@gjermundgaraba-designs/pixel-paper/src/dropZone/dropZone.js#RejectedNonFiles"),
+        ReceivedFiles: ({ files }) => __foldkitBrandViewResult((OutMessage.ReceivedFiles({ files })), "@gjermundgaraba-designs/pixel-paper/src/drop-zone/drop-zone.js#ReceivedFiles"),
+        RejectedNonFiles: () => __foldkitBrandViewResult((OutMessage.RejectedNonFiles()), "@gjermundgaraba-designs/pixel-paper/src/drop-zone/drop-zone.js#RejectedNonFiles"),
     }),
 });
 /** Processes a drop zone Message and returns the next Model, Commands and OutMessage. */
 export const update = (model, message) => __foldkitBrandViewResult((Message.match(message, {
-    GotFileDropMessage: ({ message: fileDropMessage }) => __foldkitBrandViewResult((foldFileDrop(model, fileDropMessage)), "@gjermundgaraba-designs/pixel-paper/src/dropZone/dropZone.js#GotFileDropMessage"),
-})), "@gjermundgaraba-designs/pixel-paper/src/dropZone/dropZone.js#update");
+    GotFileDropMessage: ({ message: fileDropMessage }) => __foldkitBrandViewResult((foldFileDrop(model, fileDropMessage)), "@gjermundgaraba-designs/pixel-paper/src/drop-zone/drop-zone.js#GotFileDropMessage"),
+})), "@gjermundgaraba-designs/pixel-paper/src/drop-zone/drop-zone.js#update");
 /**
  * A dashed box that goes solid and tinted while a file hovers it, with a button to choose
  * files for those who cannot drag, built on `@foldkit/ui`'s FileDrop: `div.drop-zone`
@@ -56,18 +50,18 @@ export const update = (model, message) => __foldkitBrandViewResult((Message.matc
  * word is the input's name.
  */
 export const view = defineView((model, viewInputs, h) => {
-    const { title, body = [], toStatusView = () => __foldkitBrandViewResult(([]), "@gjermundgaraba-designs/pixel-paper/src/dropZone/dropZone.js#anonymous~2") } = viewInputs;
+    const { title, body = [], toStatusView = () => __foldkitBrandViewResult(([]), "@gjermundgaraba-designs/pixel-paper/src/drop-zone/drop-zone.js#anonymous~2") } = viewInputs;
     const toView = (groups) => __foldkitBrandViewResult((h.div([...groups.root, h.Class("drop-zone")], [
         h.span([h.Class("drop-zone-glyph")], [Glyph.view({ name: "upload" }, h)]),
         h.p([], [h.strong([], [title]), ...body]),
         ...toStatusView(),
         h.label([h.Class("btn small")], ["choose files", h.input(groups.input)]),
-    ])), "@gjermundgaraba-designs/pixel-paper/src/dropZone/dropZone.js#toView");
+    ])), "@gjermundgaraba-designs/pixel-paper/src/drop-zone/drop-zone.js#toView");
     return __foldkitBrandViewResult((h.submodel({
         slotId: id(model),
         model: model.fileDrop,
         view: UiFileDrop.view,
         viewInputs: { toView, multiple: true },
-        toParentMessage: (message) => __foldkitBrandViewResult((Message.GotFileDropMessage({ message })), "@gjermundgaraba-designs/pixel-paper/src/dropZone/dropZone.js#toParentMessage~2"),
-    })), "@gjermundgaraba-designs/pixel-paper/src/dropZone/dropZone.js#anonymous");
+        toParentMessage: (message) => __foldkitBrandViewResult((Message.GotFileDropMessage({ message })), "@gjermundgaraba-designs/pixel-paper/src/drop-zone/drop-zone.js#toParentMessage~2"),
+    })), "@gjermundgaraba-designs/pixel-paper/src/drop-zone/drop-zone.js#anonymous");
 });

package/dist/src/drop-zone/index.d.ts

@@ -0,0 +1,3 @@
+export { Message, Model, OutMessage, id, init, update, view, } from "./drop-zone.ts";
+export type { InitConfig, ViewInputs } from "./drop-zone.ts";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/drop-zone/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/drop-zone/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,KAAK,EACL,UAAU,EACV,EAAE,EACF,IAAI,EACJ,MAAM,EACN,IAAI,GACL,MAAM,gBAAgB,CAAC;AAExB,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/src/drop-zone/index.js

@@ -0,0 +1 @@
+export { Message, Model, OutMessage, id, init, update, view, } from "./drop-zone.js";

package/dist/src/{editableTitle/editableTitle.d.ts → editable-title/editable-title.d.ts}

@@ -9,8 +9,8 @@ export declare const Model: Schema.Struct<{
             readonly Editing: {};
             readonly Saving: {
                 trigger: Schema.Literals<readonly ["Enter", "Blur"]>;
-                hasLeft: Schema.Boolean;
             };
+            readonly LeftWhileSaving: {};
             readonly Ended: {};
         }>;
         readonly maybeDraft: Schema.Option<Schema.String>;
@@ -67,10 +67,11 @@ export declare const update: (model: Model, message: Message) => Readonly<{
                 readonly _tag: "Editing";
             } | {
                 readonly _tag: "Ended";
+            } | {
+                readonly _tag: "LeftWhileSaving";
             } | {
                 readonly _tag: "Saving";
                 readonly trigger: "Blur" | "Enter";
-                readonly hasLeft: boolean;
             };
             readonly maybeDraft: Option.Option<string>;
             readonly replaced: string;
@@ -80,19 +81,19 @@ export declare const update: (model: Model, message: Message) => Readonly<{
         }>;
     };
     commands?: Update.Commands<{
-        readonly _tag: "CompletedFocus";
-    } | {
         readonly _tag: "ClickedTitle";
+    } | {
+        readonly _tag: "CompletedFocus";
     } | {
         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;
@@ -124,10 +125,11 @@ export declare const view: import("foldkit/submodel").View<{
             readonly _tag: "Editing";
         } | {
             readonly _tag: "Ended";
+        } | {
+            readonly _tag: "LeftWhileSaving";
         } | {
             readonly _tag: "Saving";
             readonly trigger: "Blur" | "Enter";
-            readonly hasLeft: boolean;
         };
         readonly maybeDraft: Option.Option<string>;
         readonly replaced: string;
@@ -136,19 +138,19 @@ export declare const view: import("foldkit/submodel").View<{
         readonly isRepeating: boolean;
     }>;
 }, {
-    readonly _tag: "CompletedFocus";
-} | {
     readonly _tag: "ClickedTitle";
+} | {
+    readonly _tag: "CompletedFocus";
 } | {
     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;
@@ -158,4 +160,4 @@ export declare const view: import("foldkit/submodel").View<{
     value: string;
 }>>;
 export {};
-//# sourceMappingURL=editableTitle.d.ts.map
+//# sourceMappingURL=editable-title.d.ts.map

package/dist/src/editable-title/editable-title.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editable-title.d.ts","sourceRoot":"","sources":["../../../src/editable-title/editable-title.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAMxC,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAC;AAKzC,mFAAmF;AACnF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;EAGhB,CAAC;AAEH,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAC;AAEtC,2DAA2D;AAC3D,eAAO,MAAM,OAAO;;;QAEA,OAAO;;;;;;;;;;;;EAEzB,CAAC;AAEH,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAC;AAE1C;wEACwE;AACxE,eAAO,MAAM,UAAU;;QACR,IAAI;;EACjB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC,IAAI,CAAC;AAEhD;gBACgB;AAChB,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAElD,8CAA8C;AAC9C,eAAO,MAAM,IAAI,WAAY,UAAU,KAAG,KAGxC,CAAC;AAEH,8CAA8C;AAC9C,eAAO,MAAM,EAAE,UAAW,KAAK,KAAG,MAAkB,CAAC;AAKrD,KAAK,YAAY,GAAG,MAAM,CAAC,oBAAoB,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC;AAyC5E,+FAA+F;AAC/F,eAAO,MAAM,MAAM,UAAW,KAAK,WAAW,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKjD,CAAC;AAEL;2BAC2B;AAC3B,eAAO,MAAM,SAAS,UAAW,KAAK,KAAG,YAI9B,CAAC;AAEZ,qFAAqF;AACrF,eAAO,MAAM,MAAM,UAAW,KAAK,SAAS,MAAM,KAAG,YAI1C,CAAC;AAEZ,8EAA8E;AAC9E,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAuCH;;uFAEuF;AACvF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WA3CR,MAAM;GAiDd,CAAC"}

package/dist/src/{editableTitle/editableTitle.js → editable-title/editable-title.js}

@@ -1,26 +1,24 @@
 import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Button as UiButton } from "@foldkit/ui";
 import { Option, Schema } from "effect";
+import { constUndefined } from "effect/Function";
 import { defineMessageUnion } from "foldkit/message";
 import { modifyFields } from "foldkit/struct";
 import { defineView } from "foldkit/submodel";
 import * as Update from "foldkit/update";
 import { Focus } from "../focus/focus.js";
-import * as InlineInput from "../inlineInput/inlineInput.js";
-// MODEL
+import * as InlineInput from "../inline-input/inline-input.js";
 /** Schema for an editable title: its id, and the inline edit while one is open. */
 export const Model = Schema.Struct({
     id: Schema.String,
     maybeEdit: Schema.Option(InlineInput.Model),
 });
-// MESSAGE
 /** Union of all Messages an editable title can produce. */
 export const Message = defineMessageUnion({
     ClickedTitle: {},
     GotEditMessage: { message: InlineInput.Message },
     CompletedFocus: {},
 });
-// OUT MESSAGE
 /** Union of OutMessages an editable title reports: save this text as the title. The edit
  *  holds until the caller reports back with `succeeded` or `failed`. */
 export const OutMessage = defineMessageUnion({
@@ -30,75 +28,71 @@ export const OutMessage = defineMessageUnion({
 export const init = (config) => (__foldkitBrandViewResult(({
     id: config.id,
     maybeEdit: Option.none(),
-}), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#init"));
-// ACCESSORS
+}), "@gjermundgaraba-designs/pixel-paper/src/editable-title/editable-title.js#init"));
 /** The title's id, unique in the document. */
-export const id = (model) => __foldkitBrandViewResult((model.id), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#id");
-const titleId = (model) => __foldkitBrandViewResult((`${model.id}-title`), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#titleId");
-const fieldId = (model) => __foldkitBrandViewResult((`${model.id}-field`), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#fieldId");
+export const id = (model) => __foldkitBrandViewResult((model.id), "@gjermundgaraba-designs/pixel-paper/src/editable-title/editable-title.js#id");
+const titleId = (model) => __foldkitBrandViewResult((`${model.id}-title`), "@gjermundgaraba-designs/pixel-paper/src/editable-title/editable-title.js#titleId");
+const fieldId = (model) => __foldkitBrandViewResult((`${model.id}-field`), "@gjermundgaraba-designs/pixel-paper/src/editable-title/editable-title.js#fieldId");
 const foldEditOutMessage = InlineInput.OutMessage.match({
-    Committed: () => __foldkitBrandViewResult(((model) => (__foldkitBrandViewResult(({ model }), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#anonymous"))), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#Committed"),
+    Committed: () => __foldkitBrandViewResult(((model) => (__foldkitBrandViewResult(({ model }), "@gjermundgaraba-designs/pixel-paper/src/editable-title/editable-title.js#anonymous"))), "@gjermundgaraba-designs/pixel-paper/src/editable-title/editable-title.js#Committed"),
     Ended: ({ how }) => __foldkitBrandViewResult(((model) => {
-        const closed = modifyFields(model, { maybeEdit: () => __foldkitBrandViewResult((Option.none()), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#maybeEdit") });
-        // focus goes back to the title after Enter or Escape; after Blur the reader moved it
+        const closed = modifyFields(model, { maybeEdit: () => __foldkitBrandViewResult((Option.none()), "@gjermundgaraba-designs/pixel-paper/src/editable-title/editable-title.js#maybeEdit") });
         return __foldkitBrandViewResult((how === "Blur"
             ? { model: closed }
-            : { model: closed, commands: [Focus({ id: titleId(model) })] }), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#anonymous~2");
-    }), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#Ended"),
+            : { model: closed, commands: [Focus({ id: titleId(model) })] }), "@gjermundgaraba-designs/pixel-paper/src/editable-title/editable-title.js#anonymous~2");
+    }), "@gjermundgaraba-designs/pixel-paper/src/editable-title/editable-title.js#Ended"),
 });
 const toOutMessage = InlineInput.OutMessage.match({
-    Committed: ({ text }) => __foldkitBrandViewResult((OutMessage.Committed({ text })), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#Committed~2"),
-    Ended: () => __foldkitBrandViewResult((undefined), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#Ended~2"),
+    Committed: ({ text }) => __foldkitBrandViewResult((OutMessage.Committed({ text })), "@gjermundgaraba-designs/pixel-paper/src/editable-title/editable-title.js#Committed~2"),
+    Ended: constUndefined,
 });
 const editFold = {
-    read: (model) => __foldkitBrandViewResult((model.maybeEdit), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#read"),
-    write: (model, nextEdit) => __foldkitBrandViewResult((modifyFields(model, { maybeEdit: () => __foldkitBrandViewResult((Option.some(nextEdit)), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#maybeEdit~2") })), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#write"),
-    toParentMessage: (message) => __foldkitBrandViewResult((Message.GotEditMessage({ message })), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#toParentMessage"),
+    read: (model) => __foldkitBrandViewResult((model.maybeEdit), "@gjermundgaraba-designs/pixel-paper/src/editable-title/editable-title.js#read"),
+    write: (model, nextEdit) => __foldkitBrandViewResult((modifyFields(model, { maybeEdit: () => __foldkitBrandViewResult((Option.some(nextEdit)), "@gjermundgaraba-designs/pixel-paper/src/editable-title/editable-title.js#maybeEdit~2") })), "@gjermundgaraba-designs/pixel-paper/src/editable-title/editable-title.js#write"),
+    toParentMessage: (message) => __foldkitBrandViewResult((Message.GotEditMessage({ message })), "@gjermundgaraba-designs/pixel-paper/src/editable-title/editable-title.js#toParentMessage"),
     toParentOutMessage: toOutMessage,
     foldOutMessage: foldEditOutMessage,
 };
 const foldEdit = Update.foldChild({ update: InlineInput.update, ...editFold });
 const startEdit = (model) => __foldkitBrandViewResult((Update.foldChildInit(InlineInput.init({ id: fieldId(model) }), {
-    toParentModel: (edit) => __foldkitBrandViewResult((modifyFields(model, { maybeEdit: () => __foldkitBrandViewResult((Option.some(edit)), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#maybeEdit~3") })), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#toParentModel"),
-    toParentMessage: (message) => __foldkitBrandViewResult((Message.GotEditMessage({ message })), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#toParentMessage~2"),
-})), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#startEdit");
+    toParentModel: (edit) => __foldkitBrandViewResult((modifyFields(model, { maybeEdit: () => __foldkitBrandViewResult((Option.some(edit)), "@gjermundgaraba-designs/pixel-paper/src/editable-title/editable-title.js#maybeEdit~3") })), "@gjermundgaraba-designs/pixel-paper/src/editable-title/editable-title.js#toParentModel"),
+    toParentMessage: (message) => __foldkitBrandViewResult((Message.GotEditMessage({ message })), "@gjermundgaraba-designs/pixel-paper/src/editable-title/editable-title.js#toParentMessage~2"),
+})), "@gjermundgaraba-designs/pixel-paper/src/editable-title/editable-title.js#startEdit");
 /** Processes an editable title Message and returns the next Model, Commands and OutMessage. */
 export const update = (model, message) => __foldkitBrandViewResult((Message.match(message, {
-    ClickedTitle: () => __foldkitBrandViewResult((startEdit(model)), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#ClickedTitle"),
-    GotEditMessage: ({ message: editMessage }) => __foldkitBrandViewResult((foldEdit(model, editMessage)), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#GotEditMessage"),
-    CompletedFocus: () => (__foldkitBrandViewResult(({ model }), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#CompletedFocus")),
-})), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#update");
+    ClickedTitle: () => __foldkitBrandViewResult((startEdit(model)), "@gjermundgaraba-designs/pixel-paper/src/editable-title/editable-title.js#ClickedTitle"),
+    GotEditMessage: ({ message: editMessage }) => __foldkitBrandViewResult((foldEdit(model, editMessage)), "@gjermundgaraba-designs/pixel-paper/src/editable-title/editable-title.js#GotEditMessage"),
+    CompletedFocus: () => (__foldkitBrandViewResult(({ model }), "@gjermundgaraba-designs/pixel-paper/src/editable-title/editable-title.js#CompletedFocus")),
+})), "@gjermundgaraba-designs/pixel-paper/src/editable-title/editable-title.js#update");
 /** The caller's save went through: the edit ends and focus returns to the title, unless the
  *  reader had moved it. */
 export const succeeded = (model) => __foldkitBrandViewResult((Update.foldChildStep({
-    // InlineInput reports the saved item's id when its edit ends, for a field that adds one
-    // item after another; a title is one item and ignores it, so its own id stands in
-    update: (edit) => __foldkitBrandViewResult((InlineInput.succeeded(edit, model.id)), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#update~2"),
+    update: (edit) => __foldkitBrandViewResult((InlineInput.succeeded(edit, model.id)), "@gjermundgaraba-designs/pixel-paper/src/editable-title/editable-title.js#update~2"),
     ...editFold,
-})(model)), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#succeeded");
+})(model)), "@gjermundgaraba-designs/pixel-paper/src/editable-title/editable-title.js#succeeded");
 /** The caller's save was refused: the edit stays open with its text and says why. */
 export const failed = (model, error) => __foldkitBrandViewResult((Update.foldChildStep({
-    update: (edit) => __foldkitBrandViewResult((InlineInput.failed(edit, error)), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#update~3"),
+    update: (edit) => __foldkitBrandViewResult((InlineInput.failed(edit, error)), "@gjermundgaraba-designs/pixel-paper/src/editable-title/editable-title.js#update~3"),
     ...editFold,
-})(model)), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#failed");
+})(model)), "@gjermundgaraba-designs/pixel-paper/src/editable-title/editable-title.js#failed");
 const titleView = (model, viewInputs, h) => __foldkitBrandViewResult((UiButton.view({
     onClick: Message.ClickedTitle(),
-    toView: (groups) => __foldkitBrandViewResult((h.button([...groups.button, h.Id(titleId(model)), h.Class("title-display")], [viewInputs.value])), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#toView"),
-}, h)), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#titleView");
+    toView: (groups) => __foldkitBrandViewResult((h.button([...groups.button, h.Id(titleId(model)), h.Class("title-display")], [viewInputs.value])), "@gjermundgaraba-designs/pixel-paper/src/editable-title/editable-title.js#toView"),
+}, h)), "@gjermundgaraba-designs/pixel-paper/src/editable-title/editable-title.js#titleView");
 const editView = (model, edit, viewInputs, h) => __foldkitBrandViewResult((h.div([], [
     h.submodel({
         slotId: fieldId(model),
         model: edit,
         view: InlineInput.view,
         viewInputs: { value: viewInputs.value, label: "Title", size: "Title" },
-        toParentMessage: (message) => __foldkitBrandViewResult((Message.GotEditMessage({ message })), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#toParentMessage~3"),
+        toParentMessage: (message) => __foldkitBrandViewResult((Message.GotEditMessage({ message })), "@gjermundgaraba-designs/pixel-paper/src/editable-title/editable-title.js#toParentMessage~3"),
     }),
     InlineInput.errorView(edit, h),
-])), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#editView");
+])), "@gjermundgaraba-designs/pixel-paper/src/editable-title/editable-title.js#editView");
 /** A card's 16px title that edits in place: a button whose dotted rule on hover says so. A
  *  click opens the field with the title selected; Enter saves, Escape discards, and both put
  *  focus back on the title. Leaving the field saves too, without taking focus back. */
 export const view = defineView((model, viewInputs, h) => __foldkitBrandViewResult((Option.match(model.maybeEdit, {
-    onNone: () => __foldkitBrandViewResult((titleView(model, viewInputs, h)), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#onNone"),
-    onSome: (edit) => __foldkitBrandViewResult((editView(model, edit, viewInputs, h)), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#onSome"),
-})), "@gjermundgaraba-designs/pixel-paper/src/editableTitle/editableTitle.js#anonymous~3"));
+    onNone: () => __foldkitBrandViewResult((titleView(model, viewInputs, h)), "@gjermundgaraba-designs/pixel-paper/src/editable-title/editable-title.js#onNone"),
+    onSome: (edit) => __foldkitBrandViewResult((editView(model, edit, viewInputs, h)), "@gjermundgaraba-designs/pixel-paper/src/editable-title/editable-title.js#onSome"),
+})), "@gjermundgaraba-designs/pixel-paper/src/editable-title/editable-title.js#anonymous~3"));

package/dist/src/editable-title/index.d.ts

@@ -0,0 +1,4 @@
+export { Message, Model, OutMessage, failed, id, init, succeeded, update, view, } from "./editable-title.ts";
+export type { InitConfig, ViewInputs } from "./editable-title.ts";
+export { Focus } from "../focus/focus.ts";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/editable-title/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/editable-title/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,KAAK,EACL,UAAU,EACV,MAAM,EACN,EAAE,EACF,IAAI,EACJ,SAAS,EACT,MAAM,EACN,IAAI,GACL,MAAM,qBAAqB,CAAC;AAE7B,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAElE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/src/{editableTitle → editable-title}/index.js

@@ -1,2 +1,2 @@
-export { Message, Model, OutMessage, failed, id, init, succeeded, update, view, } from "./editableTitle.js";
+export { Message, Model, OutMessage, failed, id, init, succeeded, update, view, } from "./editable-title.js";
 export { Focus } from "../focus/focus.js";

package/dist/src/{emptyState/emptyState.d.ts → empty-state/empty-state.d.ts}

@@ -16,4 +16,4 @@ export type ViewConfig = Readonly<{
 }>;
 /** What a panel says when it has nothing to show, centred where its content would be. */
 export declare const view: <Message>(config: ViewConfig, h: HtmlBuilder<Message>) => Html;
-//# sourceMappingURL=emptyState.d.ts.map
+//# sourceMappingURL=empty-state.d.ts.map

package/dist/src/empty-state/empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../src/empty-state/empty-state.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEtD,8DAA8D;AAC9D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAC;IACd;;;;4BAIwB;IACxB,YAAY,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC;IAC/C,wCAAwC;IACxC,IAAI,CAAC,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACpC,kDAAkD;IAClD,OAAO,CAAC,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;CACxC,CAAC,CAAC;AAEH,yFAAyF;AACzF,eAAO,MAAM,IAAI,GAAI,OAAO,UAClB,UAAU,KACf,WAAW,CAAC,OAAO,CAAC,KACtB,IAgBF,CAAC"}

package/dist/src/{emptyState/emptyState.js → empty-state/empty-state.js}

@@ -7,7 +7,10 @@ export const view = (config, h) => {
         headingLevel === "Strong"
             ? h.strong([h.Class("empty-title")], [title])
             : h[`h${headingLevel}`]([h.Class("empty-title")], [title]),
-        ...Array.match(body, { onEmpty: () => __foldkitBrandViewResult(([]), "@gjermundgaraba-designs/pixel-paper/src/emptyState/emptyState.js#onEmpty"), onNonEmpty: (sentence) => __foldkitBrandViewResult(([h.p([], sentence)]), "@gjermundgaraba-designs/pixel-paper/src/emptyState/emptyState.js#onNonEmpty") }),
+        ...Array.match(body, {
+            onEmpty: () => __foldkitBrandViewResult(([]), "@gjermundgaraba-designs/pixel-paper/src/empty-state/empty-state.js#onEmpty"),
+            onNonEmpty: (sentence) => __foldkitBrandViewResult(([h.p([], sentence)]), "@gjermundgaraba-designs/pixel-paper/src/empty-state/empty-state.js#onNonEmpty"),
+        }),
         ...actions,
-    ])), "@gjermundgaraba-designs/pixel-paper/src/emptyState/emptyState.js#view");
+    ])), "@gjermundgaraba-designs/pixel-paper/src/empty-state/empty-state.js#view");
 };

package/dist/src/empty-state/index.d.ts

@@ -0,0 +1,3 @@
+export { view } from "./empty-state.ts";
+export type { ViewConfig } from "./empty-state.ts";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/empty-state/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/empty-state/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,YAAY,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/src/empty-state/index.js

@@ -0,0 +1 @@
+export { view } from "./empty-state.js";

package/dist/src/{errorSummary/errorSummary.d.ts → error-summary/error-summary.d.ts}

@@ -14,7 +14,7 @@ export type ViewConfig = Readonly<{
     id: string;
     /** The fields that failed, one entry per control, in the order of the form. With none,
      *  nothing renders. */
-    errors: ReadonlyArray<FieldError>;
+    errors: readonly FieldError[];
 }>;
 /**
  * Why a form was not sent, above its fields: the error Notice with a headline that counts the
@@ -32,4 +32,4 @@ export type ViewConfig = Readonly<{
  * focus there (`SkipLink.ScrollToFragment`).
  */
 export declare const view: <Message>(config: ViewConfig, h: HtmlBuilder<Message>) => Html;
-//# sourceMappingURL=errorSummary.d.ts.map
+//# sourceMappingURL=error-summary.d.ts.map

package/dist/src/error-summary/error-summary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-summary.d.ts","sourceRoot":"","sources":["../../../src/error-summary/error-summary.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAKtD;;0DAE0D;AAC1D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,yEAAyE;IACzE,EAAE,EAAE,MAAM,CAAC;IACX,qEAAqE;IACrE,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC,CAAC;AAEH,gEAAgE;AAChE,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,8EAA8E;IAC9E,EAAE,EAAE,MAAM,CAAC;IACX;2BACuB;IACvB,MAAM,EAAE,SAAS,UAAU,EAAE,CAAC;CAC/B,CAAC,CAAC;AAOH;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,IAAI,GAAI,OAAO,UAClB,UAAU,KACf,WAAW,CAAC,OAAO,CAAC,KACtB,IA6BF,CAAC"}

package/dist/src/{errorSummary/errorSummary.js → error-summary/error-summary.js}

@@ -2,7 +2,9 @@ import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Array } from "effect";
 import { LOCALE } from "../locale/locale.js";
 import * as Notice from "../notice/notice.js";
-const headline = (count) => __foldkitBrandViewResult((count === 1 ? "1 field needs attention" : `${count.toLocaleString(LOCALE)} fields need attention`), "@gjermundgaraba-designs/pixel-paper/src/errorSummary/errorSummary.js#headline");
+const headline = (count) => __foldkitBrandViewResult((count === 1
+    ? "1 field needs attention"
+    : `${count.toLocaleString(LOCALE)} fields need attention`), "@gjermundgaraba-designs/pixel-paper/src/error-summary/error-summary.js#headline");
 /**
  * Why a form was not sent, above its fields: the error Notice with a headline that counts the
  * failed fields and a link to each, one entry per control. Render it inside the form when a
@@ -21,13 +23,13 @@ const headline = (count) => __foldkitBrandViewResult((count === 1 ? "1 field nee
 export const view = (config, h) => {
     const { id, errors } = config;
     return __foldkitBrandViewResult((Array.match(errors, {
-        onEmpty: () => __foldkitBrandViewResult((h.empty), "@gjermundgaraba-designs/pixel-paper/src/errorSummary/errorSummary.js#onEmpty"),
+        onEmpty: () => __foldkitBrandViewResult((h.empty), "@gjermundgaraba-designs/pixel-paper/src/error-summary/error-summary.js#onEmpty"),
         onNonEmpty: (failed) => __foldkitBrandViewResult((h.div([h.Id(id), h.Tabindex(-1), h.Class("notice error error-summary")], [
             Notice.toneGlyphView({ tone: "Error" }, h),
             h.div([], [
                 h.strong([], [headline(failed.length)]),
-                h.ul([], Array.map(failed, ({ id: fieldId, message }) => __foldkitBrandViewResult((h.keyed("li")(fieldId, [], [h.a([h.Href(`#${fieldId}`)], [message])])), "@gjermundgaraba-designs/pixel-paper/src/errorSummary/errorSummary.js#anonymous"))),
+                h.ul([], Array.map(failed, ({ id: fieldId, message }) => __foldkitBrandViewResult((h.keyed("li")(fieldId, [], [h.a([h.Href(`#${fieldId}`)], [message])])), "@gjermundgaraba-designs/pixel-paper/src/error-summary/error-summary.js#anonymous"))),
             ]),
-        ])), "@gjermundgaraba-designs/pixel-paper/src/errorSummary/errorSummary.js#onNonEmpty"),
-    })), "@gjermundgaraba-designs/pixel-paper/src/errorSummary/errorSummary.js#view");
+        ])), "@gjermundgaraba-designs/pixel-paper/src/error-summary/error-summary.js#onNonEmpty"),
+    })), "@gjermundgaraba-designs/pixel-paper/src/error-summary/error-summary.js#view");
 };

package/dist/src/error-summary/index.d.ts

@@ -0,0 +1,3 @@
+export { view } from "./error-summary.ts";
+export type { FieldError, ViewConfig } from "./error-summary.ts";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/error-summary/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/error-summary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE1C,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/src/error-summary/index.js

@@ -0,0 +1 @@
+export { view } from "./error-summary.js";

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

@@ -1,17 +1,12 @@
 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>;
+export declare const errorView: <Message>(id: string, error: string | undefined, h: HtmlBuilder<Message>) => readonly Html[];
 /** Points the control at its error, then at its help line when it has one. After the
  *  `@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>;
+export declare const helpView: <Message>(help: string | undefined, description: ReadonlyArray<Attribute<Message>>, h: HtmlBuilder<Message>) => readonly 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,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"}
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../src/field/field.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,SAAS,EACT,IAAI,EACJ,WAAW,EACX,iBAAiB,EAClB,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAI9D,eAAO,MAAM,SAAS,GAAI,OAAO,MAC3B,MAAM,SACH,MAAM,GAAG,SAAS,KACtB,WAAW,CAAC,OAAO,CAAC,KACtB,SAAS,IAAI,EAGiD,CAAC;AAElE;;+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,CAOpC,CAAC;AAER,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;AAEF,eAAO,MAAM,QAAQ,GAAI,OAAO,QACxB,MAAM,GAAG,SAAS,eACX,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,KAC3C,WAAW,CAAC,OAAO,CAAC,KACtB,SAAS,IAAI,EAG4C,CAAC;AAE7D,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,UAClB,UAAU,CAAC,OAAO,CAAC,KACxB,WAAW,CAAC,OAAO,CAAC,KACtB,IAgDF,CAAC"}

package/dist/src/field/field.js

@@ -1,27 +1,24 @@
 import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Input as UiInput } from "@foldkit/ui";
-// ERROR
 const errorId = (id) => __foldkitBrandViewResult((`${id}-error`), "@gjermundgaraba-designs/pixel-paper/src/field/field.js#errorId");
-/** The red sentence under a field's control that says why it failed, given an error. */
-export const errorView = (id, error, h) => __foldkitBrandViewResult((error === undefined ? [] : [h.p([h.Id(errorId(id)), h.Class("field-error")], [error])]), "@gjermundgaraba-designs/pixel-paper/src/field/field.js#errorView");
+export const errorView = (id, error, h) => __foldkitBrandViewResult((error === undefined
+    ? []
+    : [h.p([h.Id(errorId(id)), h.Class("field-error")], [error])]), "@gjermundgaraba-designs/pixel-paper/src/field/field.js#errorView");
 /** Points the control at its error, then at its help line when it has one. After the
  *  `@foldkit/ui` attributes, whose `aria-describedby` names the help line alone; every
  *  `@foldkit/ui` control names that line `<id>-description`, as Input does. */
 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.
+    : [
+        h.AriaDescribedBy(hasHelp ? `${errorId(id)} ${UiInput.descriptionId(id)}` : errorId(id)),
+    ]), "@gjermundgaraba-designs/pixel-paper/src/field/field.js#describedByError");
 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");
+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`.
@@ -35,7 +32,9 @@ export const view = (config, h) => {
         isInvalid: error !== undefined,
         ...(type !== undefined && { type }),
         hasDescription: help !== undefined,
-        toView: (groups) => __foldkitBrandViewResult((h.div([h.Class(`field${isBoxed || type === "date" ? " boxed" : ""}${isMono ? " mono" : ""}`)], [
+        toView: (groups) => __foldkitBrandViewResult((h.div([
+            h.Class(`field${isBoxed || type === "date" ? " boxed" : ""}${isMono ? " mono" : ""}`),
+        ], [
             h.label([...groups.label, ...(isLabelHidden ? [h.Class("sr-only")] : [])], [label]),
             h.input([
                 ...inputAttributes,

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,YAAY,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAElC,YAAY,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC"}

package/dist/src/{fieldGrid/fieldGrid.d.ts → field-grid/field-grid.d.ts}

@@ -6,4 +6,4 @@ export type ViewConfig = Readonly<{
 }>;
 /** Fields side by side while they fit, 160px at least each. */
 export declare const view: <Message>(config: ViewConfig, h: HtmlBuilder<Message>) => Html;
-//# sourceMappingURL=fieldGrid.d.ts.map
+//# sourceMappingURL=field-grid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-grid.d.ts","sourceRoot":"","sources":["../../../src/field-grid/field-grid.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEtD,4DAA4D;AAC5D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,cAAc;IACd,IAAI,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;CACpC,CAAC,CAAC;AAEH,+DAA+D;AAC/D,eAAO,MAAM,IAAI,GAAI,OAAO,UAClB,UAAU,KACf,WAAW,CAAC,OAAO,CAAC,KACtB,IAIF,CAAC"}

package/dist/src/{fieldGrid/fieldGrid.js → field-grid/field-grid.js}

@@ -2,5 +2,5 @@ import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 /** Fields side by side while they fit, 160px at least each. */
 export const view = (config, h) => {
     const { body } = config;
-    return __foldkitBrandViewResult((h.div([h.Class("field-grid")], body)), "@gjermundgaraba-designs/pixel-paper/src/fieldGrid/fieldGrid.js#view");
+    return __foldkitBrandViewResult((h.div([h.Class("field-grid")], body)), "@gjermundgaraba-designs/pixel-paper/src/field-grid/field-grid.js#view");
 };

package/dist/src/field-grid/index.d.ts

@@ -0,0 +1,3 @@
+export { view } from "./field-grid.ts";
+export type { ViewConfig } from "./field-grid.ts";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/field-grid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/field-grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEvC,YAAY,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/src/field-grid/index.js

@@ -0,0 +1 @@
+export { view } from "./field-grid.js";

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

@@ -1 +1 @@
-{"version":3,"file":"fields.d.ts","sourceRoot":"","sources":["../../../src/fields/fields.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAItD,+DAA+D;AAC/D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,IAAI,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACnC;;oFAEgF;IAChF,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC,CAAC;AAEH;yBACyB;AACzB,eAAO,MAAM,IAAI,GAAI,OAAO,UAAU,UAAU,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IAO3E,CAAC"}
+{"version":3,"file":"fields.d.ts","sourceRoot":"","sources":["../../../src/fields/fields.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEtD,+DAA+D;AAC/D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,IAAI,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACnC;;oFAEgF;IAChF,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC,CAAC;AAEH;yBACyB;AACzB,eAAO,MAAM,IAAI,GAAI,OAAO,UAClB,UAAU,KACf,WAAW,CAAC,OAAO,CAAC,KACtB,IAUF,CAAC"}

package/dist/src/fields/fields.js

@@ -3,5 +3,8 @@ import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
  *  `isBusy` disables. */
 export const view = (config, h) => {
     const { body, isBusy = false } = config;
-    return __foldkitBrandViewResult((h.fieldset([...(isBusy ? [h.Disabled(true), h.AriaBusy(true)] : []), h.Class("stack gap-m")], body)), "@gjermundgaraba-designs/pixel-paper/src/fields/fields.js#view");
+    return __foldkitBrandViewResult((h.fieldset([
+        ...(isBusy ? [h.Disabled(true), h.AriaBusy(true)] : []),
+        h.Class("stack gap-m"),
+    ], body)), "@gjermundgaraba-designs/pixel-paper/src/fields/fields.js#view");
 };

package/dist/src/fields/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC"}