@gjermundgaraba-designs/pixel-paper 0.26.0 → 0.27.0

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,IAwB3E,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;AAItD,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,UAClB,UAAU,KACf,WAAW,CAAC,OAAO,CAAC,KACtB,IAwBF,CAAC"}

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

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

package/dist/src/{fileTree/fileTree.d.ts → file-tree/file-tree.d.ts}

@@ -41,7 +41,7 @@ export type OutMessage = typeof OutMessage.Type;
  *  start shut; every other folder starts open. */
 export type InitConfig = Readonly<{
     id: string;
-    folded?: ReadonlyArray<string>;
+    folded?: readonly string[];
 }>;
 /** Creates a file tree. */
 export declare const init: (config: InitConfig) => Model;
@@ -94,7 +94,7 @@ export type FileNode = Readonly<{
     /** Unique across the tree: what `OpenedFile` reports. */
     path: string;
     /** A folder when present, even if empty. */
-    children?: ReadonlyArray<FileNode>;
+    children?: readonly FileNode[];
     /** Defaults to `page` for a file. */
     glyph?: GlyphName;
     /** A small tag after a file's name: `"main"`, `"new"`. */
@@ -104,7 +104,7 @@ export type FileNode = Readonly<{
 export type ViewInputs = Readonly<{
     /** Names the tree: `"Files in config"`. */
     label: string;
-    nodes: ReadonlyArray<FileNode>;
+    nodes: readonly FileNode[];
     /** The open file, which prints inverted (`aria-current`). */
     currentPath?: string;
 }>;
@@ -137,8 +137,8 @@ export declare const view: import("foldkit/submodel").View<{
 }, Readonly<{
     /** Names the tree: `"Files in config"`. */
     label: string;
-    nodes: ReadonlyArray<FileNode>;
+    nodes: readonly FileNode[];
     /** The open file, which prints inverted (`aria-current`). */
     currentPath?: string;
 }>>;
-//# sourceMappingURL=fileTree.d.ts.map
+//# sourceMappingURL=file-tree.d.ts.map

package/dist/src/file-tree/file-tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-tree.d.ts","sourceRoot":"","sources":["../../../src/file-tree/file-tree.ts"],"names":[],"mappings":"AACA,OAAO,EAKL,MAAM,EAEN,MAAM,EAGP,MAAM,QAAQ,CAAC;AAGhB,OAAO,KAAK,KAAK,MAAM,eAAe,CAAC;AAGvC,OAAO,KAAK,KAAK,MAAM,MAAM,gBAAgB,CAAC;AAI9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGpD;4CAC4C;AAC5C,eAAO,MAAM,KAAK;;;;EAIhB,CAAC;AAEH,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAC;AAEtC,qDAAqD;AACrD,eAAO,MAAM,OAAO;;QACD,IAAI;;;QACN,IAAI;;;QACA,IAAI;;;QACC,IAAI;;;QACH,IAAI;;EAC7B,CAAC;AAEH,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAC;AAE1C;2DAC2D;AAC3D,eAAO,MAAM,UAAU;;QACP,IAAI;;EAClB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC,IAAI,CAAC;AAEhD;kDACkD;AAClD,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAC5B,CAAC,CAAC;AAEH,2BAA2B;AAC3B,eAAO,MAAM,IAAI,WAAY,UAAU,KAAG,KAIxC,CAAC;AAEH,kDAAkD;AAClD,eAAO,MAAM,EAAE,UAAW,KAAK,KAAG,MAAkB,CAAC;AAarD,+EAA+E;AAC/E,eAAO,MAAM,MAAM,UAAW,KAAK,WAAW,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBlD,CAAC;AA0JJ;;mEAEmE;AACnE,eAAO,MAAM,YAAY;;;;;;;;;EAwDvB,CAAC;AAEH,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,SAAS,QAAQ,EAAE,CAAC;IAC/B,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,SAAS,QAAQ,EAAE,CAAC;IAC3B,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC,CAAC;AA4KH;;;;;;GAMG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;IAxLf,2CAA2C;WACpC,MAAM;WACN,SAAS,QAAQ,EAAE;IAC1B,6DAA6D;kBAC/C,MAAM;GA2MrB,CAAC"}

package/dist/src/file-tree/file-tree.js

@@ -0,0 +1,242 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { Button as UiButton } from "@foldkit/ui";
+import { Array, Data, Effect, Match, Option, Queue, Schema, Stream, pipe, } from "effect";
+import { defineMessageUnion } from "foldkit/message";
+import * as Mount from "foldkit/mount";
+import { modifyFields } from "foldkit/struct";
+import { defineView } from "foldkit/submodel";
+import * as Glyph from "../glyph/glyph.js";
+import { isPlain } from "../keys/keys.js";
+/** Schema for a file tree: the folders folded shut, and the item the keyboard was last on,
+ *  which is the tree's one stop for Tab. */
+export const Model = Schema.Struct({
+    id: Schema.String,
+    foldedPaths: Schema.Array(Schema.String),
+    maybeFocusedPath: Schema.Option(Schema.String),
+});
+/** Union of all Messages a file tree can produce. */
+export const Message = defineMessageUnion({
+    ClickedFolder: { path: Schema.String },
+    ClickedFile: { path: Schema.String },
+    FocusedTreeItem: { path: Schema.String },
+    PressedOpenFolderKey: { path: Schema.String },
+    PressedCloseFolderKey: { path: Schema.String },
+});
+/** Union of OutMessages a file tree reports: a file was chosen (a press, Enter or Space).
+ *  Show it, and pass its path back in as `currentPath`. */
+export const OutMessage = defineMessageUnion({
+    OpenedFile: { path: Schema.String },
+});
+/** Creates a file tree. */
+export const init = (config) => (__foldkitBrandViewResult(({
+    id: config.id,
+    foldedPaths: config.folded ?? [],
+    maybeFocusedPath: Option.none(),
+}), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#init"));
+/** The file tree's id, unique in the document. */
+export const id = (model) => __foldkitBrandViewResult((model.id), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#id");
+const isFolderOpen = (model, path) => __foldkitBrandViewResult((!Array.contains(model.foldedPaths, path)), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#isFolderOpen");
+const withFolder = (model, path, isOpen) => __foldkitBrandViewResult((modifyFields(model, {
+    foldedPaths: (foldedPaths) => __foldkitBrandViewResult((isOpen
+        ? Array.filter(foldedPaths, (folded) => __foldkitBrandViewResult((folded !== path), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous"))
+        : Array.dedupe(Array.append(foldedPaths, path))), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#foldedPaths"),
+})), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#withFolder");
+/** Processes a file tree Message and returns the next Model and OutMessage. */
+export const update = (model, message) => __foldkitBrandViewResult((Message.match(message, {
+    ClickedFolder: ({ path }) => (__foldkitBrandViewResult(({
+        model: withFolder(model, path, !isFolderOpen(model, path)),
+    }), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#ClickedFolder")),
+    ClickedFile: ({ path }) => (__foldkitBrandViewResult(({
+        model,
+        outMessage: OutMessage.OpenedFile({ path }),
+    }), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#ClickedFile")),
+    FocusedTreeItem: ({ path }) => (__foldkitBrandViewResult(({
+        model: modifyFields(model, {
+            maybeFocusedPath: () => __foldkitBrandViewResult((Option.some(path)), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#maybeFocusedPath"),
+        }),
+    }), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#FocusedTreeItem")),
+    PressedOpenFolderKey: ({ path }) => (__foldkitBrandViewResult(({
+        model: withFolder(model, path, true),
+    }), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#PressedOpenFolderKey")),
+    PressedCloseFolderKey: ({ path }) => (__foldkitBrandViewResult(({
+        model: withFolder(model, path, false),
+    }), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#PressedCloseFolderKey")),
+})), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#update");
+const ITEM_SELECTOR = '[role="treeitem"]';
+const PATH_ATTRIBUTE = "data-path";
+const TreeKeyAction = Data.taggedEnum();
+const ownItems = (tree) => __foldkitBrandViewResult((Array.filter(Array.fromIterable(tree.querySelectorAll(ITEM_SELECTOR)), (item) => __foldkitBrandViewResult((item.closest('[role="tree"]') === tree), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~2"))), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#ownItems");
+const pathOf = (item) => __foldkitBrandViewResult((Option.fromNullishOr(item.getAttribute(PATH_ATTRIBUTE))), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#pathOf");
+const levelOf = (item) => __foldkitBrandViewResult((Number(item.getAttribute("aria-level") ?? "1")), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#levelOf");
+const nameOf = (item) => __foldkitBrandViewResult(((item.querySelector(".name")?.textContent ?? "").trim().toLowerCase()), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#nameOf");
+const isTypeahead = (event) => __foldkitBrandViewResult((event.key.length === 1 &&
+    event.key !== " " &&
+    !event.altKey &&
+    !event.ctrlKey &&
+    !event.metaKey), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#isTypeahead");
+const parentItem = (items, index) => __foldkitBrandViewResult((pipe(Array.get(items, index), Option.flatMap((item) => __foldkitBrandViewResult((Array.findLast(Array.take(items, index), (candidate) => __foldkitBrandViewResult((levelOf(candidate) === levelOf(item) - 1), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~4"))), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~3")))), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#parentItem");
+const itemStartingWith = (items, index, letter) => __foldkitBrandViewResult((Array.findFirst([...Array.drop(items, index + 1), ...Array.take(items, index + 1)], (item) => __foldkitBrandViewResult((nameOf(item).startsWith(letter.toLowerCase())), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~5"))), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#itemStartingWith");
+const moveTo = (maybeItem) => __foldkitBrandViewResult((Option.map(maybeItem, (item) => __foldkitBrandViewResult((TreeKeyAction.MoveFocus({ item })), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~6"))), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#moveTo");
+const fold = (item, isOpen, toMessage) => __foldkitBrandViewResult((Option.map(Option.filter(pathOf(item), () => __foldkitBrandViewResult((item.getAttribute("aria-expanded") === (isOpen ? "true" : "false")), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~7")), (path) => __foldkitBrandViewResult((TreeKeyAction.Fold({ message: toMessage(path) })), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~8"))), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#fold");
+const actOnKey = (items, index, item, key) => __foldkitBrandViewResult((Match.value(key).pipe(Match.withReturnType(), Match.when("ArrowDown", () => __foldkitBrandViewResult((moveTo(Array.get(items, index + 1))), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~9")), Match.when("ArrowUp", () => __foldkitBrandViewResult((moveTo(Array.get(items, index - 1))), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~10")), Match.when("Home", () => __foldkitBrandViewResult((moveTo(Array.head(items))), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~11")), Match.when("End", () => __foldkitBrandViewResult((moveTo(Array.last(items))), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~12")), Match.when("ArrowRight", () => __foldkitBrandViewResult((Option.orElse(fold(item, false, (path) => __foldkitBrandViewResult((Message.PressedOpenFolderKey({ path })), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~14")), () => __foldkitBrandViewResult((item.getAttribute("aria-expanded") === "true"
+    ? moveTo(Option.filter(Array.get(items, index + 1), (next) => __foldkitBrandViewResult((levelOf(next) === levelOf(item) + 1), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~16")))
+    : Option.none()), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~15"))), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~13")), Match.when("ArrowLeft", () => __foldkitBrandViewResult((Option.orElse(fold(item, true, (path) => __foldkitBrandViewResult((Message.PressedCloseFolderKey({ path })), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~18")), () => __foldkitBrandViewResult((moveTo(parentItem(items, index))), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~19"))), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~17")), Match.orElse(() => __foldkitBrandViewResult((Option.none()), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~20")))), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#actOnKey");
+const moveInTree = (tree, event) => {
+    if (event.isComposing || event.defaultPrevented) {
+        return __foldkitBrandViewResult((Option.none()), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#moveInTree");
+    }
+    const items = ownItems(tree);
+    return __foldkitBrandViewResult((pipe(Array.findFirstWithIndex(items, (item) => __foldkitBrandViewResult((item === event.target), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~21")), Option.flatMap(([item, index]) => {
+        if (isTypeahead(event)) {
+            return __foldkitBrandViewResult((moveTo(itemStartingWith(items, index, event.key))), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~22");
+        }
+        else if (isPlain(event)) {
+            return __foldkitBrandViewResult((actOnKey(items, index, item, event.key)), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~22");
+        }
+        return __foldkitBrandViewResult((Option.none()), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~22");
+    }))), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#moveInTree");
+};
+const focusInMessage = (event) => __foldkitBrandViewResult((Option.map(Option.flatMap(Option.liftPredicate(event.target, (target) => __foldkitBrandViewResult((target instanceof Element), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~23")), (target) => __foldkitBrandViewResult((Option.flatMap(Option.fromNullishOr(target.closest(ITEM_SELECTOR)), pathOf)), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~24")), (path) => __foldkitBrandViewResult((Message.FocusedTreeItem({ path })), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~25"))), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.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`. */
+export const BindTreeKeys = Mount.defineStream("BindTreeKeys", {
+    messages: [
+        Message.FocusedTreeItem,
+        Message.PressedOpenFolderKey,
+        Message.PressedCloseFolderKey,
+    ],
+    execute: ({ element }) => __foldkitBrandViewResult((Stream.callback((queue) => {
+        const onFocusIn = (event) => {
+            const maybeMessage = focusInMessage(event);
+            if (Option.isSome(maybeMessage)) {
+                Queue.offerUnsafe(queue, maybeMessage.value);
+            }
+        };
+        return __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/file-tree/file-tree.js#anonymous~29")), (keyEvent) => __foldkitBrandViewResult((moveInTree(element, keyEvent)), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~30"));
+                    if (Option.isSome(maybeAction)) {
+                        event.preventDefault();
+                        TreeKeyAction.$match(maybeAction.value, {
+                            MoveFocus: ({ item }) => {
+                                item.focus();
+                            },
+                            Fold: ({ message }) => {
+                                Queue.offerUnsafe(queue, message);
+                            },
+                        });
+                    }
+                };
+                element.addEventListener("keydown", onKeyDown);
+                element.addEventListener("focusin", onFocusIn);
+                return __foldkitBrandViewResult(({ onKeyDown }), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~28");
+            }), ({ onKeyDown }) => __foldkitBrandViewResult((Effect.sync(() => {
+                element.removeEventListener("keydown", onKeyDown);
+                element.removeEventListener("focusin", onFocusIn);
+            })), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~31"));
+            return __foldkitBrandViewResult((yield* Effect.never), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~27");
+        })), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~26");
+    })), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.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/file-tree/file-tree.js#anonymous~33"))), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#visiblePaths");
+const tabStop = (model, nodes, maybeCurrentPath) => {
+    const visible = visiblePaths(model, nodes);
+    const isVisible = (path) => __foldkitBrandViewResult((Array.contains(visible, path)), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#isVisible");
+    return __foldkitBrandViewResult((pipe(Option.filter(model.maybeFocusedPath, isVisible), Option.orElse(() => __foldkitBrandViewResult((Option.filter(maybeCurrentPath, isVisible)), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~34")), Option.orElse(() => __foldkitBrandViewResult((Array.head(visible)), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~35")))), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#tabStop");
+};
+const groupId = (model, path) => __foldkitBrandViewResult((`${model.id}-group-${path}`), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#groupId");
+const itemAttributes = (context, level, node, index) => {
+    const { h, maybeTabStop } = context;
+    return __foldkitBrandViewResult(([
+        h.Role("treeitem"),
+        h.AriaLevel(level.level),
+        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/file-tree/file-tree.js#anonymous~36")) ? 0 : -1),
+        h.Class("file"),
+    ]), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#itemAttributes");
+};
+const fileView = (context, level, node, index) => {
+    const { h, maybeCurrentPath } = context;
+    return __foldkitBrandViewResult((UiButton.view({
+        onClick: Message.ClickedFile({ path: node.path }),
+        toView: (groups) => __foldkitBrandViewResult((h.button([
+            ...groups.button,
+            ...(Option.contains(maybeCurrentPath, node.path)
+                ? [h.AriaCurrent("true")]
+                : []),
+            ...itemAttributes(context, level, node, index),
+        ], [
+            h.span([h.Class("glyph")], [Glyph.view({ name: node.glyph ?? "page" }, h)]),
+            h.span([h.Class("name")], [node.name]),
+            ...(node.tag === undefined
+                ? []
+                : [" ", h.span([h.Class("tag")], [node.tag])]),
+        ])), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#toView"),
+    }, h)), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#fileView");
+};
+const folderView = (context, level, node, index, hasGroup) => {
+    const { h, model } = context;
+    const isOpen = isFolderOpen(model, node.path);
+    return __foldkitBrandViewResult((UiButton.view({
+        onClick: Message.ClickedFolder({ path: node.path }),
+        toView: (groups) => __foldkitBrandViewResult((h.button([
+            ...groups.button,
+            h.AriaExpanded(isOpen),
+            ...(hasGroup ? [h.AriaOwns(groupId(model, node.path))] : []),
+            ...itemAttributes(context, level, node, index),
+        ], [
+            h.span([h.Class("glyph")], [Glyph.view({ name: isOpen ? "folder-open" : "folder" }, h)]),
+            h.span([h.Class("name")], [`${node.name}/`]),
+        ])), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#toView~2"),
+    }, h)), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#folderView");
+};
+const branchView = (context, level, listAttributes) => {
+    const { h, model } = context;
+    const folderAndGroup = (node, index, children) => {
+        const hasGroup = isFolderOpen(model, node.path) && Array.isReadonlyArrayNonEmpty(children);
+        return __foldkitBrandViewResult(([
+            folderView(context, level, node, index, hasGroup),
+            ...(hasGroup
+                ? [
+                    branchView(context, { level: level.level + 1, nodes: children }, [
+                        h.Role("group"),
+                        h.Id(groupId(model, node.path)),
+                    ]),
+                ]
+                : []),
+        ]), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#folderAndGroup");
+    };
+    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)]
+        : folderAndGroup(node, index, node.children))), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~37")))), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#branchView");
+};
+/**
+ * Files and folders in the system monospace, nested on a 1px rule guide, as an ARIA tree:
+ * `div.file-tree > ul[role="tree"]` of `button.file[role="treeitem"]` (`aria-expanded` on a
+ * folder, `aria-current` on the open file), each folder's children in a `ul[role="group"]`.
+ * The tree is one stop for Tab; Down, Up, Home and End move, Right opens and Left shuts a
+ * folder (see `moveInTree`), and Enter, Space or a press opens a file or folds a folder.
+ */
+export const view = defineView((model, viewInputs, h) => {
+    const { label, nodes } = viewInputs;
+    const maybeCurrentPath = Option.fromNullishOr(viewInputs.currentPath);
+    const context = {
+        model,
+        maybeCurrentPath,
+        maybeTabStop: tabStop(model, nodes, maybeCurrentPath),
+        h,
+    };
+    return __foldkitBrandViewResult((h.div([h.Class("file-tree")], [
+        branchView(context, { level: 1, nodes }, [
+            h.Role("tree"),
+            h.AriaLabel(label),
+            h.OnMount(BindTreeKeys()),
+        ]),
+    ])), "@gjermundgaraba-designs/pixel-paper/src/file-tree/file-tree.js#anonymous~38");
+});

package/dist/src/file-tree/index.d.ts

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

package/dist/src/file-tree/index.d.ts.map

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

package/dist/src/{fileTree → file-tree}/index.js

@@ -1 +1 @@
-export { BindTreeKeys, Message, Model, OutMessage, id, init, update, view } from "./fileTree.js";
+export { BindTreeKeys, Message, Model, OutMessage, id, init, update, view, } from "./file-tree.js";

package/dist/src/{filterChip/filterChip.d.ts → filter-chip/filter-chip.d.ts}

@@ -21,4 +21,4 @@ export type ViewConfig<Message> = Readonly<{
  *  `aria-pressed` while in force; without, a label, inverted while pinned. With `full`, screen
  *  readers hear the full words and the eye gets them as a tip. */
 export declare const view: <Message>(config: ViewConfig<Message>, h: HtmlBuilder<Message>) => Html;
-//# sourceMappingURL=filterChip.d.ts.map
+//# sourceMappingURL=filter-chip.d.ts.map

package/dist/src/filter-chip/filter-chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-chip.d.ts","sourceRoot":"","sources":["../../../src/filter-chip/filter-chip.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAKtD,6DAA6D;AAC7D,MAAM,MAAM,UAAU,CAAC,OAAO,IAAI,QAAQ,CAAC;IACzC,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;6FACyF;IACzF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mFAAmF;IACnF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0FAA0F;IAC1F,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAEH;;kEAEkE;AAClE,eAAO,MAAM,IAAI,GAAI,OAAO,UAClB,UAAU,CAAC,OAAO,CAAC,KACxB,WAAW,CAAC,OAAO,CAAC,KACtB,IAwDF,CAAC"}

package/dist/src/{filterChip/filterChip.js → filter-chip/filter-chip.js}

@@ -5,14 +5,18 @@ import { pressedAttribute } from "../button/button.js";
  *  `aria-pressed` while in force; without, a label, inverted while pinned. With `full`, screen
  *  readers hear the full words and the eye gets them as a tip. */
 export const view = (config, h) => {
-    const { label, name, full, isPressed = false, onToggle, isReset = false, key } = config;
+    const { label, name, full, isPressed = false, onToggle, isReset = false, key, } = config;
     const fullAttributes = full === undefined ? [] : [h.DataAttribute("tip", full)];
-    // the space keeps the name and the value two words in the accessible name ("status open");
-    // the chip's flex gap swallows it on screen
-    const nameView = (attributes) => __foldkitBrandViewResult((name === undefined ? [] : [h.span([...attributes, h.Class("fchip-name")], [name]), " "]), "@gjermundgaraba-designs/pixel-paper/src/filterChip/filterChip.js#nameView");
+    const nameView = (attributes) => __foldkitBrandViewResult((name === undefined
+        ? []
+        : [h.span([...attributes, h.Class("fchip-name")], [name]), " "]), "@gjermundgaraba-designs/pixel-paper/src/filter-chip/filter-chip.js#nameView");
     const keyAttributes = key === undefined ? [] : [h.Key(key)];
     return __foldkitBrandViewResult((onToggle === undefined
-        ? h.span([...keyAttributes, ...fullAttributes, h.Class(isPressed ? "fchip pinned" : "fchip")], full === undefined
+        ? h.span([
+            ...keyAttributes,
+            ...fullAttributes,
+            h.Class(isPressed ? "fchip pinned" : "fchip"),
+        ], full === undefined
             ? [...nameView([]), label]
             : [
                 ...nameView([h.AriaHidden(true)]),
@@ -28,6 +32,6 @@ export const view = (config, h) => {
                 ...(full === undefined ? [] : [h.AriaLabel(full)]),
                 ...(isReset ? [] : [pressedAttribute(isPressed, h)]),
                 h.Class(isReset ? "fchip reset" : "fchip"),
-            ], [...nameView([]), label])), "@gjermundgaraba-designs/pixel-paper/src/filterChip/filterChip.js#toView"),
-        }, h)), "@gjermundgaraba-designs/pixel-paper/src/filterChip/filterChip.js#view");
+            ], [...nameView([]), label])), "@gjermundgaraba-designs/pixel-paper/src/filter-chip/filter-chip.js#toView"),
+        }, h)), "@gjermundgaraba-designs/pixel-paper/src/filter-chip/filter-chip.js#view");
 };

package/dist/src/filter-chip/index.d.ts

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

package/dist/src/filter-chip/index.d.ts.map

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

package/dist/src/filter-chip/index.js

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

package/dist/src/{filterStrip/filterStrip.d.ts → filter-strip/filter-strip.d.ts}

@@ -10,4 +10,4 @@ export type ViewConfig = Readonly<{
 /** A printed strip of filters above a list, on a 3px shadow: a `role="group"` named by its
  *  label. */
 export declare const view: <Message>(config: ViewConfig, h: HtmlBuilder<Message>) => Html;
-//# sourceMappingURL=filterStrip.d.ts.map
+//# sourceMappingURL=filter-strip.d.ts.map

package/dist/src/filter-strip/filter-strip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-strip.d.ts","sourceRoot":"","sources":["../../../src/filter-strip/filter-strip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEtD,8DAA8D;AAC9D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC;yBACqB;IACrB,IAAI,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACnC,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEH;aACa;AACb,eAAO,MAAM,IAAI,GAAI,OAAO,UAClB,UAAU,KACf,WAAW,CAAC,OAAO,CAAC,KACtB,IAIF,CAAC"}

package/dist/src/{filterStrip/filterStrip.js → filter-strip/filter-strip.js}

@@ -3,5 +3,5 @@ import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
  *  label. */
 export const view = (config, h) => {
     const { body, label = "Filters" } = config;
-    return __foldkitBrandViewResult((h.div([h.Role("group"), h.AriaLabel(label), h.Class("strip")], body)), "@gjermundgaraba-designs/pixel-paper/src/filterStrip/filterStrip.js#view");
+    return __foldkitBrandViewResult((h.div([h.Role("group"), h.AriaLabel(label), h.Class("strip")], body)), "@gjermundgaraba-designs/pixel-paper/src/filter-strip/filter-strip.js#view");
 };

package/dist/src/filter-strip/index.d.ts

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

package/dist/src/filter-strip/index.d.ts.map

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

package/dist/src/filter-strip/index.js

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

package/dist/src/{flashWord/flashWord.d.ts → flash-word/flash-word.d.ts}

@@ -19,7 +19,7 @@ export type ViewConfig = Readonly<{
  *
  * ```ts
  * const WaitBeforeClearFlashWord = Command.define("WaitBeforeClearFlashWord", {
- *   args: { count: Schema.Number },
+ *   args: { count: Schema.Finite },
  *   messages: [Message.CompletedWaitBeforeClearFlashWord],
  *   execute: ({ count }) =>
  *     Effect.sleep(FlashWord.HOLD).pipe(
@@ -29,4 +29,4 @@ export type ViewConfig = Readonly<{
  * ```
  */
 export declare const view: <Message>(config: ViewConfig, h: HtmlBuilder<Message>) => Html;
-//# sourceMappingURL=flashWord.d.ts.map
+//# sourceMappingURL=flash-word.d.ts.map

package/dist/src/flash-word/flash-word.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flash-word.d.ts","sourceRoot":"","sources":["../../../src/flash-word/flash-word.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAC1C,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEtD,mEAAmE;AACnE,eAAO,MAAM,IAAI,mBAAwB,CAAC;AAE1C,4DAA4D;AAC5D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,qFAAqF;IACrF,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;CAClC,CAAC,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,IAAI,GAAI,OAAO,UAClB,UAAU,KACf,WAAW,CAAC,OAAO,CAAC,KACtB,IAOF,CAAC"}

package/dist/src/{flashWord/flashWord.js → flash-word/flash-word.js}

@@ -1,6 +1,5 @@
 import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Duration, Option } from "effect";
-// HOLD
 /** How long a flash word stays before the caller takes it back. */
 export const HOLD = Duration.millis(1800);
 /**
@@ -15,7 +14,7 @@ export const HOLD = Duration.millis(1800);
  *
  * ```ts
  * const WaitBeforeClearFlashWord = Command.define("WaitBeforeClearFlashWord", {
- *   args: { count: Schema.Number },
+ *   args: { count: Schema.Finite },
  *   messages: [Message.CompletedWaitBeforeClearFlashWord],
  *   execute: ({ count }) =>
  *     Effect.sleep(FlashWord.HOLD).pipe(
@@ -26,5 +25,5 @@ export const HOLD = Duration.millis(1800);
  */
 export const view = (config, h) => {
     const { maybeWord } = config;
-    return __foldkitBrandViewResult((h.span([h.Role("status"), h.Class("flash-word")], Option.toArray(maybeWord))), "@gjermundgaraba-designs/pixel-paper/src/flashWord/flashWord.js#view");
+    return __foldkitBrandViewResult((h.span([h.Role("status"), h.Class("flash-word")], Option.toArray(maybeWord))), "@gjermundgaraba-designs/pixel-paper/src/flash-word/flash-word.js#view");
 };

package/dist/src/flash-word/index.d.ts

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

package/dist/src/flash-word/index.d.ts.map

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

package/dist/src/flash-word/index.js

@@ -0,0 +1 @@
+export { HOLD, view } from "./flash-word.js";

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

@@ -1 +1 @@
-{"version":3,"file":"focus.d.ts","sourceRoot":"","sources":["../../../src/focus/focus.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAC;AAM3C;;2EAE2E;AAC3E,eAAO,MAAM,OAAO;;EAElB,CAAC;AACH,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAC;AAI1C,wFAAwF;AACxF,eAAO,MAAM,KAAK;;;;iBAKhB,CAAC"}
+{"version":3,"file":"focus.d.ts","sourceRoot":"","sources":["../../../src/focus/focus.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAC;AAI3C;;2EAE2E;AAC3E,eAAO,MAAM,OAAO;;EAElB,CAAC;AAEH,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAC;AAE1C,wFAAwF;AACxF,eAAO,MAAM,KAAK;;;;iBAQhB,CAAC"}

package/dist/src/focus/focus.js

@@ -3,14 +3,12 @@ import { Effect, Schema } from "effect";
 import * as Command from "foldkit/command";
 import * as Dom from "foldkit/dom";
 import { defineMessageUnion } from "foldkit/message";
-// MESSAGE
 /** What `Focus` reports. A component that runs `Focus` puts `CompletedFocus: {}` in its own
  *  Message union, which this tag matches; code that returns `Focus` with no union of its own
  *  (a helper shared by several forms) types its Commands with this one. */
 export const Message = defineMessageUnion({
     CompletedFocus: {},
 });
-// COMMAND
 /** Focuses the element with this id, once it is in the page; nothing when it is not. */
 export const Focus = Command.define("Focus", {
     args: { id: Schema.String },

package/dist/src/format/format.d.ts

@@ -1,17 +1,10 @@
 import { Option } from "effect";
-/** How a clock prints when the time is not known. */
 export declare const UNKNOWN_CLOCK = "-:--";
 /** A day as `"12 Mar 2026"`, in the reader's zone unless `timeZone` names another. Always
  *  English, so the server and every browser write the same words. */
 export declare const formatDate: (at: Date, timeZone?: Option.Option<string>) => string;
-/** A moment as `"12 Mar 2026, 14:05"`, in the reader's zone unless `timeZone` names another. */
 export declare const formatDateTime: (at: Date, timeZone?: Option.Option<string>) => string;
-/** How long, in the fewest words that still say it: `"45s"`, `"12m"`, `"3h"`, `"19d"`. Below
- *  two days a span counts hours. The sign of `milliseconds` is ignored. */
 export declare const formatSpan: (milliseconds: number) => string;
-/** Time left, one unit finer than a span: `"45s"`, `"12m"`, `"1h 41m"`, `"3d 4h"`. */
 export declare const formatRemaining: (milliseconds: number) => string;
-/** A place in something that plays, as a clock: `"0:07"`, `"12:40"`, `"1:02:09"`. A place not
- *  known yet (no duration, or a stream) prints `"-:--"`. */
 export declare const formatClock: (seconds: number) => string;
 //# sourceMappingURL=format.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../src/format/format.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,MAAM,EAAQ,MAAM,QAAQ,CAAC;AAYvD,qDAAqD;AACrD,eAAO,MAAM,aAAa,SAAS,CAAC;AAuBpC;qEACqE;AACrE,eAAO,MAAM,UAAU,OAAQ,IAAI,aAAY,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,KAAmB,MACtD,CAAC;AAElC,gGAAgG;AAChG,eAAO,MAAM,cAAc,OAAQ,IAAI,aAAY,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,KAAmB,MACtD,CAAC;AAItC;2EAC2E;AAC3E,eAAO,MAAM,UAAU,iBAAkB,MAAM,KAAG,MAkBjD,CAAC;AAYF,sFAAsF;AACtF,eAAO,MAAM,eAAe,iBAAkB,MAAM,KAAG,MAQtD,CAAC;AAMF;4DAC4D;AAC5D,eAAO,MAAM,WAAW,YAAa,MAAM,KAAG,MAc3C,CAAC"}
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../src/format/format.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,MAAM,EAAQ,MAAM,QAAQ,CAAC;AAWvD,eAAO,MAAM,aAAa,SAAS,CAAC;AAqBpC;qEACqE;AACrE,eAAO,MAAM,UAAU,OACjB,IAAI,aACE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,KAC9B,MAAyC,CAAC;AAE7C,eAAO,MAAM,cAAc,OACrB,IAAI,aACE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,KAC9B,MAA6C,CAAC;AAEjD,eAAO,MAAM,UAAU,iBAAkB,MAAM,KAAG,MAkBjD,CAAC;AAmBF,eAAO,MAAM,eAAe,iBAAkB,MAAM,KAAG,MAQtD,CAAC;AAIF,eAAO,MAAM,WAAW,YAAa,MAAM,KAAG,MAuB3C,CAAC"}

package/dist/src/format/format.js

@@ -1,16 +1,13 @@
 import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Duration, Match, Option, pipe } from "effect";
 import { LOCALE } from "../locale/locale.js";
-// CONSTANT
 const SECOND = Duration.toMillis(Duration.seconds(1));
 const MINUTE = Duration.toMillis(Duration.minutes(1));
 const HOUR = Duration.toMillis(Duration.hours(1));
 const DAY = Duration.toMillis(Duration.days(1));
 const SECONDS_PER_MINUTE = 60;
 const SECONDS_PER_HOUR = 3600;
-/** How a clock prints when the time is not known. */
 export const UNKNOWN_CLOCK = "-:--";
-// DATES
 const dateFormat = (timeZone) => __foldkitBrandViewResult((new Intl.DateTimeFormat(LOCALE, {
     day: "numeric",
     month: "short",
@@ -29,11 +26,7 @@ const dateTimeFormat = (timeZone) => __foldkitBrandViewResult((new Intl.DateTime
 /** A day as `"12 Mar 2026"`, in the reader's zone unless `timeZone` names another. Always
  *  English, so the server and every browser write the same words. */
 export const formatDate = (at, timeZone = Option.none()) => __foldkitBrandViewResult((dateFormat(timeZone).format(at)), "@gjermundgaraba-designs/pixel-paper/src/format/format.js#formatDate");
-/** A moment as `"12 Mar 2026, 14:05"`, in the reader's zone unless `timeZone` names another. */
 export const formatDateTime = (at, timeZone = Option.none()) => __foldkitBrandViewResult((dateTimeFormat(timeZone).format(at)), "@gjermundgaraba-designs/pixel-paper/src/format/format.js#formatDateTime");
-// SPANS
-/** How long, in the fewest words that still say it: `"45s"`, `"12m"`, `"3h"`, `"19d"`. Below
- *  two days a span counts hours. The sign of `milliseconds` is ignored. */
 export const formatSpan = (milliseconds) => {
     const span = Math.abs(milliseconds);
     return __foldkitBrandViewResult((Match.value(span).pipe(Match.when((value) => __foldkitBrandViewResult((value < MINUTE), "@gjermundgaraba-designs/pixel-paper/src/format/format.js#anonymous"), (value) => __foldkitBrandViewResult((`${Math.floor(value / SECOND)}s`), "@gjermundgaraba-designs/pixel-paper/src/format/format.js#anonymous~2")), Match.when((value) => __foldkitBrandViewResult((value < HOUR), "@gjermundgaraba-designs/pixel-paper/src/format/format.js#anonymous~3"), (value) => __foldkitBrandViewResult((`${Math.floor(value / MINUTE)}m`), "@gjermundgaraba-designs/pixel-paper/src/format/format.js#anonymous~4")), Match.when((value) => __foldkitBrandViewResult((value < 2 * DAY), "@gjermundgaraba-designs/pixel-paper/src/format/format.js#anonymous~5"), (value) => __foldkitBrandViewResult((`${Math.floor(value / HOUR)}h`), "@gjermundgaraba-designs/pixel-paper/src/format/format.js#anonymous~6")), Match.orElse((value) => __foldkitBrandViewResult((`${Math.floor(value / DAY)}d`), "@gjermundgaraba-designs/pixel-paper/src/format/format.js#anonymous~7")))), "@gjermundgaraba-designs/pixel-paper/src/format/format.js#formatSpan");
@@ -41,9 +34,10 @@ export const formatSpan = (milliseconds) => {
 const twoUnits = (milliseconds, [large, small, largeUnit, smallUnit]) => {
     const whole = Math.floor(milliseconds / large);
     const rest = Math.floor((milliseconds % large) / small);
-    return __foldkitBrandViewResult((rest === 0 ? `${whole}${largeUnit}` : `${whole}${largeUnit} ${rest}${smallUnit}`), "@gjermundgaraba-designs/pixel-paper/src/format/format.js#twoUnits");
+    return __foldkitBrandViewResult((rest === 0
+        ? `${whole}${largeUnit}`
+        : `${whole}${largeUnit} ${rest}${smallUnit}`), "@gjermundgaraba-designs/pixel-paper/src/format/format.js#twoUnits");
 };
-/** Time left, one unit finer than a span: `"45s"`, `"12m"`, `"1h 41m"`, `"3d 4h"`. */
 export const formatRemaining = (milliseconds) => {
     if (milliseconds < HOUR) {
         return __foldkitBrandViewResult((formatSpan(milliseconds)), "@gjermundgaraba-designs/pixel-paper/src/format/format.js#formatRemaining");
@@ -51,20 +45,17 @@ export const formatRemaining = (milliseconds) => {
     else if (milliseconds < 2 * DAY) {
         return __foldkitBrandViewResult((twoUnits(milliseconds, [HOUR, MINUTE, "h", "m"])), "@gjermundgaraba-designs/pixel-paper/src/format/format.js#formatRemaining");
     }
-    else {
-        return __foldkitBrandViewResult((twoUnits(milliseconds, [DAY, HOUR, "d", "h"])), "@gjermundgaraba-designs/pixel-paper/src/format/format.js#formatRemaining");
-    }
+    return __foldkitBrandViewResult((twoUnits(milliseconds, [DAY, HOUR, "d", "h"])), "@gjermundgaraba-designs/pixel-paper/src/format/format.js#formatRemaining");
 };
-// CLOCK
 const twoDigits = (value) => __foldkitBrandViewResult((`${value}`.padStart(2, "0")), "@gjermundgaraba-designs/pixel-paper/src/format/format.js#twoDigits");
-/** A place in something that plays, as a clock: `"0:07"`, `"12:40"`, `"1:02:09"`. A place not
- *  known yet (no duration, or a stream) prints `"-:--"`. */
 export const formatClock = (seconds) => __foldkitBrandViewResult((pipe(Option.liftPredicate(seconds, (value) => __foldkitBrandViewResult((Number.isFinite(value) && value >= 0), "@gjermundgaraba-designs/pixel-paper/src/format/format.js#anonymous~8")), Option.map(Math.floor), Option.match({
     onNone: () => __foldkitBrandViewResult((UNKNOWN_CLOCK), "@gjermundgaraba-designs/pixel-paper/src/format/format.js#onNone"),
     onSome: (whole) => {
         const hours = Math.floor(whole / SECONDS_PER_HOUR);
         const minutes = Math.floor((whole % SECONDS_PER_HOUR) / SECONDS_PER_MINUTE);
         const rest = twoDigits(whole % SECONDS_PER_MINUTE);
-        return __foldkitBrandViewResult((hours > 0 ? `${hours}:${twoDigits(minutes)}:${rest}` : `${minutes}:${rest}`), "@gjermundgaraba-designs/pixel-paper/src/format/format.js#onSome");
+        return __foldkitBrandViewResult((hours > 0
+            ? `${hours}:${twoDigits(minutes)}:${rest}`
+            : `${minutes}:${rest}`), "@gjermundgaraba-designs/pixel-paper/src/format/format.js#onSome");
     },
 }))), "@gjermundgaraba-designs/pixel-paper/src/format/format.js#formatClock");

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/format/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/format/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC"}

package/dist/src/glyph/glyph.d.ts

@@ -1,12 +1,11 @@
 import type { Html, HtmlBuilder } from "foldkit/html";
-import { type Cell, type GlyphName } from "./glyphs.ts";
+import type { Cell, GlyphName } from "./glyphs.ts";
 /** Configuration for rendering a glyph with `view`. */
 export type ViewConfig = Readonly<{
     name: GlyphName;
     /** Rendered size in px. The grid is always 12x12; 12 is the size it was drawn for. */
     size?: number;
 }>;
-/** One inked rectangle of a drawing, in `currentColor`. */
 export declare const cellView: <Message>(h: HtmlBuilder<Message>) => ([x, y, width, height]: Cell) => Html;
 /** One glyph from the inventory, in `currentColor`. Decorative: label the control that holds
  *  it. */