@gjermundgaraba-designs/plain-garden 0.7.0 → 0.9.0

package/dist/src/drawing/scene.d.ts

@@ -1,5 +1,4 @@
 export type Point = readonly [x: number, y: number];
-/** The colours that become hatching, each drawn in its --draw-<colour> token. */
 export declare const HATCHES: readonly ["red", "blue", "yellow", "green", "brown", "glass"];
 export type Hatch = (typeof HATCHES)[number];
 /** A colour role: a hatching colour; paper, which hides what is behind without colour; or
@@ -12,7 +11,12 @@ export type Look = Readonly<{
     stroke?: "detail" | "dashed" | "none";
 }>;
 export type Shape = (Look & Readonly<{
-    rect: readonly [x: number, y: number, width: number, height: number];
+    rect: readonly [
+        x: number,
+        y: number,
+        width: number,
+        height: number
+    ];
     radius?: number;
     turn?: number;
 } | {
@@ -26,13 +30,13 @@ export type Shape = (Look & Readonly<{
     to?: number;
     closed?: boolean;
 } | {
-    poly: ReadonlyArray<Point>;
+    poly: readonly Point[];
     open?: boolean;
     turn?: number;
 }
 /** A smooth curve through its points. */
  | {
-    curve: ReadonlyArray<Point>;
+    curve: readonly Point[];
     closed?: boolean;
 }
 /** Half an ellipse standing on its base: a loaf, a hill, a dome. */
@@ -43,7 +47,7 @@ export type Shape = (Look & Readonly<{
 }
 /** An arrow through its points (two make a straight one), its head on the last. */
  | {
-    arrow: ReadonlyArray<Point>;
+    arrow: readonly Point[];
 }
 /** Short words in the drawing itself, centred on `at` (a baseline) unless aligned to
     start or end there. */
@@ -57,7 +61,7 @@ export type Shape = (Look & Readonly<{
     (lower case, digits and hyphens; once per scene; not inside another named group) is
     what a figure's notes point at. */
  | Readonly<{
-    group: ReadonlyArray<Shape>;
+    group: readonly Shape[];
     name?: string;
     origin?: Point;
     place?: Point;
@@ -97,6 +101,6 @@ export type Scene = Readonly<{
     /** The x-range to keep when a phone crops the drawing. */
     focus?: readonly [from: number, to: number];
     /** Back to front: later shapes hide earlier ones. */
-    shapes: ReadonlyArray<Shape>;
+    shapes: readonly Shape[];
 }>;
 //# sourceMappingURL=scene.d.ts.map

package/dist/src/drawing/scene.d.ts.map

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

package/dist/src/drawing/scene.js

@@ -1,5 +1,8 @@
-/* A drawing, described once: the renderer draws it in the style of a note's stage. Writers
-   do not draw these; they say what they want and an agent writes the Scene. The guide for
-   that agent, with a worked scene, is DESIGN.md, "Authoring drawings". */
-/** The colours that become hatching, each drawn in its --draw-<colour> token. */
-export const HATCHES = ["red", "blue", "yellow", "green", "brown", "glass"];
+export const HATCHES = [
+    "red",
+    "blue",
+    "yellow",
+    "green",
+    "brown",
+    "glass",
+];

package/dist/src/{drawnTitle/drawnTitle.d.ts → drawn-title/drawn-title.d.ts}

@@ -3,6 +3,7 @@ import type { Scene } from "../drawing/scene.ts";
 import type { StageName } from "../stage/stage.ts";
 /** Configuration for rendering a drawn title with `view`. */
 export type ViewConfig = Readonly<{
+    id: string;
     scene: Scene;
     stage: StageName;
     label: string;
@@ -12,5 +13,5 @@ export type ViewConfig = Readonly<{
     title stands on the scene's ground line at the left, the parts list follows. On a phone
     the drawing, cropped to the scene's focus, stands above the title. Two things, the
     wrapper and the parts list: spread them into the page. */
-export declare const view: <Message>(config: ViewConfig, h: HtmlBuilder<Message>) => ReadonlyArray<Html>;
-//# sourceMappingURL=drawnTitle.d.ts.map
+export declare const view: <Message>(config: ViewConfig, h: HtmlBuilder<Message>) => readonly Html[];
+//# sourceMappingURL=drawn-title.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawn-title.d.ts","sourceRoot":"","sources":["../../../src/drawn-title/drawn-title.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAItD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,6DAA6D;AAC7D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH;;;6DAG6D;AAC7D,eAAO,MAAM,IAAI,GAAI,OAAO,UAClB,UAAU,KACf,WAAW,CAAC,OAAO,CAAC,KACtB,SAAS,IAAI,EAUf,CAAC"}

package/dist/src/{drawnTitle/drawnTitle.js → drawn-title/drawn-title.js}

@@ -6,9 +6,9 @@ import { titlePlacement } from "../drawing/render.js";
     the drawing, cropped to the scene's focus, stands above the title. Two things, the
     wrapper and the parts list: spread them into the page. */
 export const view = (config, h) => {
-    const { scene, stage, label, title } = config;
+    const { id, scene, stage, label, title } = config;
     return __foldkitBrandViewResult(([
-        h.div([h.Class("drawn-title"), h.Style(titlePlacement(scene))], [h.h1([], [title]), Drawing.view({ scene, stage, label }, h)]),
+        h.div([h.Class("drawn-title"), h.Style(titlePlacement(scene))], [h.h1([], [title]), Drawing.view({ id, scene, stage, label }, h)]),
         ...Drawing.partsView(scene, h),
-    ]), "@gjermundgaraba-designs/plain-garden/src/drawnTitle/drawnTitle.js#view");
+    ]), "@gjermundgaraba-designs/plain-garden/src/drawn-title/drawn-title.js#view");
 };

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

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

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

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

package/dist/src/drawn-title/index.js

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

package/dist/src/{figRef/figRef.d.ts → fig-ref/fig-ref.d.ts}

@@ -5,4 +5,4 @@ export type ViewConfig = Readonly<{
 }>;
 /** A reference to a figure from the prose: "Fig. 3", linked. */
 export declare const view: <Message>(config: ViewConfig, h: HtmlBuilder<Message>) => Html;
-//# sourceMappingURL=figRef.d.ts.map
+//# sourceMappingURL=fig-ref.d.ts.map

package/dist/src/fig-ref/fig-ref.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fig-ref.d.ts","sourceRoot":"","sources":["../../../src/fig-ref/fig-ref.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAItD,2DAA2D;AAC3D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC,CAAC;AAEH,gEAAgE;AAChE,eAAO,MAAM,IAAI,GAAI,OAAO,UAClB,UAAU,KACf,WAAW,CAAC,OAAO,CAAC,KACtB,IAAuE,CAAC"}

package/dist/src/{figRef/figRef.js → fig-ref/fig-ref.js}

@@ -1,4 +1,4 @@
 import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { figureId } from "../figure/figures.js";
 /** A reference to a figure from the prose: "Fig. 3", linked. */
-export const view = (config, h) => __foldkitBrandViewResult((h.a([h.Href(`#${figureId(config.to)}`)], [`Fig. ${config.to}`])), "@gjermundgaraba-designs/plain-garden/src/figRef/figRef.js#view");
+export const view = (config, h) => __foldkitBrandViewResult((h.a([h.Href(`#${figureId(config.to)}`)], [`Fig. ${config.to}`])), "@gjermundgaraba-designs/plain-garden/src/fig-ref/fig-ref.js#view");

package/dist/src/fig-ref/index.d.ts

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

package/dist/src/fig-ref/index.d.ts.map

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

package/dist/src/fig-ref/index.js

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

package/dist/src/figure/figure.d.ts

@@ -9,10 +9,10 @@ export type Note = Readonly<{
 export type ViewConfig = Readonly<{
     number: number;
     caption: string;
-    notes?: ReadonlyArray<Note> | undefined;
+    notes?: readonly Note[] | undefined;
     /** What sits after the caption: a code figure's Copy button. */
-    tools?: ReadonlyArray<Html>;
-    body: ReadonlyArray<Html>;
+    tools?: readonly Html[];
+    body: readonly Html[];
 }>;
 /** A numbered figure: its body (a table, an image, code, a drawing), "Fig. N. caption" with
     any tools, and the notes that point into it. A drawing in a figure takes the same number,

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

@@ -1 +1 @@
-{"version":3,"file":"figure.d.ts","sourceRoot":"","sources":["../../../src/figure/figure.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAItD,MAAM,MAAM,IAAI,GAAG,QAAQ,CAAC;IAC1B;gEAC4D;IAC5D,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,IAAI,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;CACpC,CAAC,CAAC;AAEH,wDAAwD;AACxD,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC;IACxC,gEAAgE;IAChE,KAAK,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IAC5B,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;CAC3B,CAAC,CAAC;AAKH;;uDAEuD;AACvD,eAAO,MAAM,IAAI,GAAI,OAAO,UAAU,UAAU,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IAqC3E,CAAC"}
+{"version":3,"file":"figure.d.ts","sourceRoot":"","sources":["../../../src/figure/figure.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAItD,MAAM,MAAM,IAAI,GAAG,QAAQ,CAAC;IAC1B;gEAC4D;IAC5D,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,IAAI,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;CACpC,CAAC,CAAC;AAEH,wDAAwD;AACxD,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,IAAI,EAAE,GAAG,SAAS,CAAC;IACpC,gEAAgE;IAChE,KAAK,CAAC,EAAE,SAAS,IAAI,EAAE,CAAC;IACxB,IAAI,EAAE,SAAS,IAAI,EAAE,CAAC;CACvB,CAAC,CAAC;AAOH;;uDAEuD;AACvD,eAAO,MAAM,IAAI,GAAI,OAAO,UAClB,UAAU,KACf,WAAW,CAAC,OAAO,CAAC,KACtB,IAyCF,CAAC"}

package/dist/src/figure/figure.js

@@ -1,7 +1,9 @@
 import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
-import { Array } from "effect";
+import { Array, Predicate } from "effect";
 import { figureId, noteId } from "./figures.js";
-const noteLabel = (note) => __foldkitBrandViewResult((typeof note.at === "number" ? `Line ${note.at}` : note.at.replaceAll("-", " ")), "@gjermundgaraba-designs/plain-garden/src/figure/figure.js#noteLabel");
+const noteLabel = (note) => __foldkitBrandViewResult((Predicate.isNumber(note.at)
+    ? `Line ${note.at}`
+    : note.at.replaceAll("-", " ")), "@gjermundgaraba-designs/plain-garden/src/figure/figure.js#noteLabel");
 /** A numbered figure: its body (a table, an image, code, a drawing), "Fig. N. caption" with
     any tools, and the notes that point into it. A drawing in a figure takes the same number,
     so its named groups are what the notes point at. */

package/dist/src/figure/figures.d.ts

@@ -1,4 +1,3 @@
-/** A figure's id: fig-3. */
 export declare const figureId: (figure: number) => string;
 /** The id of a place inside a figure a note can point at: a line of code by its number
     (fig-3-l5), or a group in a drawing by its name (fig-3-lease). */

package/dist/src/figure/figures.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"figures.d.ts","sourceRoot":"","sources":["../../../src/figure/figures.ts"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,eAAO,MAAM,QAAQ,WAAY,MAAM,KAAG,MAAyB,CAAC;AAEpE;qEACqE;AACrE,eAAO,MAAM,MAAM,WAAY,MAAM,MAAM,MAAM,GAAG,MAAM,KAAG,MACI,CAAC"}
+{"version":3,"file":"figures.d.ts","sourceRoot":"","sources":["../../../src/figure/figures.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,WAAY,MAAM,KAAG,MAAyB,CAAC;AAEpE;qEACqE;AACrE,eAAO,MAAM,MAAM,WAAY,MAAM,MAAM,MAAM,GAAG,MAAM,KAAG,MACI,CAAC"}

package/dist/src/figure/figures.js

@@ -1,6 +1,6 @@
 import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
-/** A figure's id: fig-3. */
+import { Predicate } from "effect";
 export const figureId = (figure) => __foldkitBrandViewResult((`fig-${figure}`), "@gjermundgaraba-designs/plain-garden/src/figure/figures.js#figureId");
 /** The id of a place inside a figure a note can point at: a line of code by its number
     (fig-3-l5), or a group in a drawing by its name (fig-3-lease). */
-export const noteId = (figure, at) => __foldkitBrandViewResult((`${figureId(figure)}-${typeof at === "number" ? `l${at}` : at}`), "@gjermundgaraba-designs/plain-garden/src/figure/figures.js#noteId");
+export const noteId = (figure, at) => __foldkitBrandViewResult((`${figureId(figure)}-${Predicate.isNumber(at) ? `l${at}` : at}`), "@gjermundgaraba-designs/plain-garden/src/figure/figures.js#noteId");

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

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

package/dist/src/illustration/illustration.d.ts

@@ -3,6 +3,7 @@ import type { Scene } from "../drawing/scene.ts";
 import type { StageName } from "../stage/stage.ts";
 /** Configuration for rendering an illustration with `view`. */
 export type ViewConfig = Readonly<{
+    id: string;
     scene: Scene;
     stage: StageName;
     label: string;

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

@@ -1 +1 @@
-{"version":3,"file":"illustration.d.ts","sourceRoot":"","sources":["../../../src/illustration/illustration.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,+DAA+D;AAC/D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH;+EAC+E;AAC/E,eAAO,MAAM,IAAI,GAAI,OAAO,UAAU,UAAU,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IAU3E,CAAC"}
+{"version":3,"file":"illustration.d.ts","sourceRoot":"","sources":["../../../src/illustration/illustration.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,+DAA+D;AAC/D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH;+EAC+E;AAC/E,eAAO,MAAM,IAAI,GAAI,OAAO,UAClB,UAAU,KACf,WAAW,CAAC,OAAO,CAAC,KACtB,IAWF,CAAC"}

package/dist/src/illustration/illustration.js

@@ -3,9 +3,9 @@ import * as Drawing from "../drawing/drawing.js";
 /** A drawing inside the text: across the measure, or small at the right with the text
     wrapping round it. Pass the note's stage, so it is drawn as the note is. */
 export const view = (config, h) => {
-    const { scene, stage, label, caption, isSmall = false } = config;
+    const { id, scene, stage, label, caption, isSmall = false } = config;
     return __foldkitBrandViewResult((h.figure([h.Class(isSmall ? "illustration small" : "illustration")], [
-        Drawing.view({ scene, stage, label }, h),
+        Drawing.view({ id, scene, stage, label }, h),
         ...Drawing.partsView(scene, h),
         ...(caption === undefined ? [] : [h.figcaption([], [caption])]),
     ])), "@gjermundgaraba-designs/plain-garden/src/illustration/illustration.js#view");

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

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

package/dist/src/index.d.ts

@@ -1,21 +1,21 @@
 export * as Box from "./box/index.ts";
 export * as Changes from "./changes/index.ts";
-export * as CodeFigure from "./codeFigure/index.ts";
-export * as CopyButton from "./copyButton/index.ts";
+export * as CodeFigure from "./code-figure/index.ts";
+export * as CopyButton from "./copy-button/index.ts";
 export * as Diagram from "./diagram/index.ts";
 export * as Drawing from "./drawing/index.ts";
-export * as DrawnTitle from "./drawnTitle/index.ts";
-export * as FigRef from "./figRef/index.ts";
+export * as DrawnTitle from "./drawn-title/index.ts";
+export * as FigRef from "./fig-ref/index.ts";
 export * as Figure from "./figure/index.ts";
 export * as Illustration from "./illustration/index.ts";
-export * as LinksHere from "./linksHere/index.ts";
-export * as MarginNote from "./marginNote/index.ts";
+export * as LinksHere from "./links-here/index.ts";
+export * as MarginNote from "./margin-note/index.ts";
 export * as Masthead from "./masthead/index.ts";
-export * as NoteHeader from "./noteHeader/index.ts";
-export * as NoteList from "./noteList/index.ts";
+export * as NoteHeader from "./note-header/index.ts";
+export * as NoteList from "./note-list/index.ts";
 export * as Ring from "./ring/index.ts";
 export * as Scheme from "./scheme/index.ts";
-export * as SkipLink from "./skipLink/index.ts";
+export * as SkipLink from "./skip-link/index.ts";
 export * as Stage from "./stage/index.ts";
 export * as Summary from "./summary/index.ts";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,gBAAgB,CAAC;AACtC,OAAO,KAAK,OAAO,MAAM,oBAAoB,CAAC;AAC9C,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,OAAO,MAAM,oBAAoB,CAAC;AAC9C,OAAO,KAAK,OAAO,MAAM,oBAAoB,CAAC;AAC9C,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,MAAM,MAAM,mBAAmB,CAAC;AAC5C,OAAO,KAAK,MAAM,MAAM,mBAAmB,CAAC;AAC5C,OAAO,KAAK,YAAY,MAAM,yBAAyB,CAAC;AACxD,OAAO,KAAK,SAAS,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,UAAU,MAAM,uBAAuB,CAAC;AACpD,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,IAAI,MAAM,iBAAiB,CAAC;AACxC,OAAO,KAAK,MAAM,MAAM,mBAAmB,CAAC;AAC5C,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,KAAK,MAAM,kBAAkB,CAAC;AAC1C,OAAO,KAAK,OAAO,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,GAAG,MAAM,gBAAgB,CAAC;AAEtC,OAAO,KAAK,OAAO,MAAM,oBAAoB,CAAC;AAE9C,OAAO,KAAK,UAAU,MAAM,wBAAwB,CAAC;AAErD,OAAO,KAAK,UAAU,MAAM,wBAAwB,CAAC;AAErD,OAAO,KAAK,OAAO,MAAM,oBAAoB,CAAC;AAE9C,OAAO,KAAK,OAAO,MAAM,oBAAoB,CAAC;AAE9C,OAAO,KAAK,UAAU,MAAM,wBAAwB,CAAC;AAErD,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAC;AAE7C,OAAO,KAAK,MAAM,MAAM,mBAAmB,CAAC;AAE5C,OAAO,KAAK,YAAY,MAAM,yBAAyB,CAAC;AAExD,OAAO,KAAK,SAAS,MAAM,uBAAuB,CAAC;AAEnD,OAAO,KAAK,UAAU,MAAM,wBAAwB,CAAC;AAErD,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,OAAO,KAAK,UAAU,MAAM,wBAAwB,CAAC;AAErD,OAAO,KAAK,QAAQ,MAAM,sBAAsB,CAAC;AAEjD,OAAO,KAAK,IAAI,MAAM,iBAAiB,CAAC;AAExC,OAAO,KAAK,MAAM,MAAM,mBAAmB,CAAC;AAE5C,OAAO,KAAK,QAAQ,MAAM,sBAAsB,CAAC;AAEjD,OAAO,KAAK,KAAK,MAAM,kBAAkB,CAAC;AAE1C,OAAO,KAAK,OAAO,MAAM,oBAAoB,CAAC"}

package/dist/src/index.js

@@ -1,20 +1,20 @@
 export * as Box from "./box/index.js";
 export * as Changes from "./changes/index.js";
-export * as CodeFigure from "./codeFigure/index.js";
-export * as CopyButton from "./copyButton/index.js";
+export * as CodeFigure from "./code-figure/index.js";
+export * as CopyButton from "./copy-button/index.js";
 export * as Diagram from "./diagram/index.js";
 export * as Drawing from "./drawing/index.js";
-export * as DrawnTitle from "./drawnTitle/index.js";
-export * as FigRef from "./figRef/index.js";
+export * as DrawnTitle from "./drawn-title/index.js";
+export * as FigRef from "./fig-ref/index.js";
 export * as Figure from "./figure/index.js";
 export * as Illustration from "./illustration/index.js";
-export * as LinksHere from "./linksHere/index.js";
-export * as MarginNote from "./marginNote/index.js";
+export * as LinksHere from "./links-here/index.js";
+export * as MarginNote from "./margin-note/index.js";
 export * as Masthead from "./masthead/index.js";
-export * as NoteHeader from "./noteHeader/index.js";
-export * as NoteList from "./noteList/index.js";
+export * as NoteHeader from "./note-header/index.js";
+export * as NoteList from "./note-list/index.js";
 export * as Ring from "./ring/index.js";
 export * as Scheme from "./scheme/index.js";
-export * as SkipLink from "./skipLink/index.js";
+export * as SkipLink from "./skip-link/index.js";
 export * as Stage from "./stage/index.js";
 export * as Summary from "./summary/index.js";

package/dist/src/links-here/index.d.ts

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

package/dist/src/links-here/index.d.ts.map

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

package/dist/src/links-here/index.js

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

package/dist/src/{linksHere/linksHere.d.ts → links-here/links-here.d.ts}

@@ -5,9 +5,9 @@ export type Link = Readonly<{
 }>;
 /** Configuration for rendering the box with `view`. */
 export type ViewConfig = Readonly<{
-    links: ReadonlyArray<Link>;
+    links: readonly Link[];
 }>;
 /** The notes that link to this one, in a box at the end of it, its heading id `links-here`:
     one box per note. */
 export declare const view: <Message>(config: ViewConfig, h: HtmlBuilder<Message>) => Html;
-//# sourceMappingURL=linksHere.d.ts.map
+//# sourceMappingURL=links-here.d.ts.map

package/dist/src/links-here/links-here.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"links-here.d.ts","sourceRoot":"","sources":["../../../src/links-here/links-here.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAItD,MAAM,MAAM,IAAI,GAAG,QAAQ,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAE7D,uDAAuD;AACvD,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,KAAK,EAAE,SAAS,IAAI,EAAE,CAAC;CACxB,CAAC,CAAC;AAEH;wBACwB;AACxB,eAAO,MAAM,IAAI,GAAI,OAAO,UAClB,UAAU,KACf,WAAW,CAAC,OAAO,CAAC,KACtB,IAmBA,CAAC"}

package/dist/src/{linksHere/linksHere.js → links-here/links-here.js}

@@ -6,6 +6,6 @@ export const view = (config, h) => __foldkitBrandViewResult((Box.view({
     id: "links-here",
     heading: "Pages that link here",
     body: [
-        h.ul([], config.links.map((link) => __foldkitBrandViewResult((h.keyed("li")(link.href, [], [h.a([h.Href(link.href)], [link.title])])), "@gjermundgaraba-designs/plain-garden/src/linksHere/linksHere.js#anonymous"))),
+        h.ul([], config.links.map((link) => __foldkitBrandViewResult((h.keyed("li")(link.href, [], [h.a([h.Href(link.href)], [link.title])])), "@gjermundgaraba-designs/plain-garden/src/links-here/links-here.js#anonymous"))),
     ],
-}, h)), "@gjermundgaraba-designs/plain-garden/src/linksHere/linksHere.js#view");
+}, h)), "@gjermundgaraba-designs/plain-garden/src/links-here/links-here.js#view");

package/dist/src/margin-note/index.d.ts

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

package/dist/src/margin-note/index.d.ts.map

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

package/dist/src/margin-note/index.js

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

package/dist/src/{marginNote/marginNote.d.ts → margin-note/margin-note.d.ts}

@@ -2,6 +2,7 @@ import type { Html, HtmlBuilder } from "foldkit/html";
 import type { Scene } from "../drawing/scene.ts";
 /** Configuration for rendering a margin note with `view`. */
 export type ViewConfig = Readonly<{
+    id: string;
     scene: Scene;
     /** The writer's words, in the hand. */
     words: string;
@@ -10,4 +11,4 @@ export type ViewConfig = Readonly<{
     an arrow at the text, and a few words in hand lettering. Put it just before the paragraph
     it points at. On a narrow screen it sits in the column, the text wrapping round it. */
 export declare const view: <Message>(config: ViewConfig, h: HtmlBuilder<Message>) => Html;
-//# sourceMappingURL=marginNote.d.ts.map
+//# sourceMappingURL=margin-note.d.ts.map

package/dist/src/margin-note/margin-note.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"margin-note.d.ts","sourceRoot":"","sources":["../../../src/margin-note/margin-note.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAEjD,6DAA6D;AAC7D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC;IACb,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH;;0FAE0F;AAC1F,eAAO,MAAM,IAAI,GAAI,OAAO,UAClB,UAAU,KACf,WAAW,CAAC,OAAO,CAAC,KACtB,IAOA,CAAC"}

package/dist/src/{marginNote/marginNote.js → margin-note/margin-note.js}

@@ -3,4 +3,7 @@ import * as Drawing from "../drawing/drawing.js";
 /** The writer's pencil in the margin beside the next paragraph: a small hatched sketch with
     an arrow at the text, and a few words in hand lettering. Put it just before the paragraph
     it points at. On a narrow screen it sits in the column, the text wrapping round it. */
-export const view = (config, h) => __foldkitBrandViewResult((h.div([h.Class("margin-note"), h.Role("note")], [Drawing.view({ scene: config.scene, stage: "growing" }, h), h.p([], [config.words])])), "@gjermundgaraba-designs/plain-garden/src/marginNote/marginNote.js#view");
+export const view = (config, h) => __foldkitBrandViewResult((h.div([h.Class("margin-note"), h.Role("note")], [
+    Drawing.view({ id: config.id, scene: config.scene, stage: "growing" }, h),
+    h.p([], [config.words]),
+])), "@gjermundgaraba-designs/plain-garden/src/margin-note/margin-note.js#view");

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

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

package/dist/src/masthead/masthead.d.ts

@@ -8,7 +8,7 @@ export type ViewConfig = Readonly<{
     name: string;
     /** Where the site's name links: its front page. */
     home: string;
-    items: ReadonlyArray<MenuItem>;
+    items: readonly MenuItem[];
     /** The href of the page being read. */
     current?: string;
     /** The nav's accessible name. */

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

@@ -1 +1 @@
-{"version":3,"file":"masthead.d.ts","sourceRoot":"","sources":["../../../src/masthead/masthead.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEtD,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEjE,4DAA4D;AAC5D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,mDAAmD;IACnD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC/B,uCAAuC;IACvC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEH;;sBAEsB;AACtB,eAAO,MAAM,IAAI,GAAI,OAAO,UAAU,UAAU,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IAwB3E,CAAC"}
+{"version":3,"file":"masthead.d.ts","sourceRoot":"","sources":["../../../src/masthead/masthead.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEtD,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEjE,4DAA4D;AAC5D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,mDAAmD;IACnD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,SAAS,QAAQ,EAAE,CAAC;IAC3B,uCAAuC;IACvC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAEH;;sBAEsB;AACtB,eAAO,MAAM,IAAI,GAAI,OAAO,UAClB,UAAU,KACf,WAAW,CAAC,OAAO,CAAC,KACtB,IA0BF,CAAC"}

package/dist/src/masthead/masthead.js

@@ -14,9 +14,7 @@ export const view = (config, h) => {
             toHref: (href) => __foldkitBrandViewResult((href), "@gjermundgaraba-designs/plain-garden/src/masthead/masthead.js#toHref"),
             isItemCurrent: (href) => __foldkitBrandViewResult((href === current), "@gjermundgaraba-designs/plain-garden/src/masthead/masthead.js#isItemCurrent"),
             toView: (render) => __foldkitBrandViewResult((h.nav(render.nav, [
-                h.ul([h.Class("site-nav")], 
-                // Nav renders one item per href it was given, in order, so each pairs with its own.
-                Array.map(Array.zip(render.items, items), ([item, { label }]) => __foldkitBrandViewResult((h.keyed("li")(item.value, [], [h.a(item.link, [label])])), "@gjermundgaraba-designs/plain-garden/src/masthead/masthead.js#anonymous~2"))),
+                h.ul([h.Class("site-nav")], Array.map(Array.zip(render.items, items), ([item, { label: itemLabel }]) => __foldkitBrandViewResult((h.keyed("li")(item.value, [], [h.a(item.link, [itemLabel])])), "@gjermundgaraba-designs/plain-garden/src/masthead/masthead.js#anonymous~2"))),
             ])), "@gjermundgaraba-designs/plain-garden/src/masthead/masthead.js#toView"),
         }),
     ])), "@gjermundgaraba-designs/plain-garden/src/masthead/masthead.js#view");

package/dist/src/note-header/index.d.ts

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

package/dist/src/note-header/index.d.ts.map

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

package/dist/src/note-header/index.js

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

package/dist/src/{noteHeader/noteHeader.d.ts → note-header/note-header.d.ts}

@@ -14,6 +14,7 @@ export type ViewConfig = Readonly<{
     standfirst?: string;
     /** The note's drawing and what it shows; the title stands on its ground line. */
     drawing?: Readonly<{
+        id: string;
         scene: Scene;
         label: string;
     }>;
@@ -22,4 +23,4 @@ export type ViewConfig = Readonly<{
     note's stage draws), a meta line (its stage, when it was started and last updated, its
     length), and an optional standfirst. */
 export declare const view: <Message>(config: ViewConfig, h: HtmlBuilder<Message>) => Html;
-//# sourceMappingURL=noteHeader.d.ts.map
+//# sourceMappingURL=note-header.d.ts.map

package/dist/src/note-header/note-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"note-header.d.ts","sourceRoot":"","sources":["../../../src/note-header/note-header.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAEjD,OAAO,KAAK,KAAK,MAAM,mBAAmB,CAAC;AAG3C,6DAA6D;AAC7D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,sDAAsD;IACtD,OAAO,EAAE,MAAM,CAAC;IAChB,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iFAAiF;IACjF,OAAO,CAAC,EAAE,QAAQ,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACjE,CAAC,CAAC;AAEH;;2CAE2C;AAC3C,eAAO,MAAM,IAAI,GAAI,OAAO,UAClB,UAAU,KACf,WAAW,CAAC,OAAO,CAAC,KACtB,IAmCF,CAAC"}

package/dist/src/{noteHeader/noteHeader.js → note-header/note-header.js}

@@ -1,5 +1,5 @@
 import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
-import * as DrawnTitle from "../drawnTitle/drawnTitle.js";
+import * as DrawnTitle from "../drawn-title/drawn-title.js";
 import * as Stage from "../stage/stage.js";
 import * as Time from "../time/time.js";
 /** A note's head: the title (standing on the note's drawing, when it has one, drawn as the
@@ -10,7 +10,13 @@ export const view = (config, h) => {
     return __foldkitBrandViewResult((h.header([h.Class("note-head")], [
         ...(drawing === undefined
             ? [h.h1([], [title])]
-            : DrawnTitle.view({ scene: drawing.scene, stage, label: drawing.label, title }, h)),
+            : DrawnTitle.view({
+                id: drawing.id,
+                scene: drawing.scene,
+                stage,
+                label: drawing.label,
+                title,
+            }, h)),
         h.p([h.Class("meta")], [
             Stage.view(stage, h),
             h.span([], ["Started ", Time.view({ datetime: started }, h)]),
@@ -19,6 +25,8 @@ export const view = (config, h) => {
                 : [h.span([], ["Updated ", Time.view({ datetime: updated }, h)])]),
             ...(length === undefined ? [] : [h.span([], [`${length} read`])]),
         ]),
-        ...(standfirst === undefined ? [] : [h.p([h.Class("standfirst")], [standfirst])]),
-    ])), "@gjermundgaraba-designs/plain-garden/src/noteHeader/noteHeader.js#view");
+        ...(standfirst === undefined
+            ? []
+            : [h.p([h.Class("standfirst")], [standfirst])]),
+    ])), "@gjermundgaraba-designs/plain-garden/src/note-header/note-header.js#view");
 };

package/dist/src/note-list/index.d.ts

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

package/dist/src/note-list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/note-list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAEtC,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/src/note-list/index.js

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

package/dist/src/{noteList/noteList.d.ts → note-list/note-list.d.ts}

@@ -12,10 +12,10 @@ export type NoteLink = Readonly<{
 }>;
 /** Configuration for rendering a note list with `view`. */
 export type ViewConfig = Readonly<{
-    notes: ReadonlyArray<NoteLink>;
+    notes: readonly NoteLink[];
 }>;
 /** A curated list of notes: each with its stage mark in the margin column, its title, a flag
     when it is fresh, and a line with its stage and what it holds. The list keeps the order
     it is given: the writer's, not the calendar's. */
 export declare const view: <Message>(config: ViewConfig, h: HtmlBuilder<Message>) => Html;
-//# sourceMappingURL=noteList.d.ts.map
+//# sourceMappingURL=note-list.d.ts.map

package/dist/src/note-list/note-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"note-list.d.ts","sourceRoot":"","sources":["../../../src/note-list/note-list.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEtD,OAAO,KAAK,KAAK,MAAM,mBAAmB,CAAC;AAE3C,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;gBACY;IACZ,IAAI,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;CAC1B,CAAC,CAAC;AAEH,2DAA2D;AAC3D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAAE,KAAK,EAAE,SAAS,QAAQ,EAAE,CAAA;CAAE,CAAC,CAAC;AAElE;;qDAEqD;AACrD,eAAO,MAAM,IAAI,GAAI,OAAO,UAClB,UAAU,KACf,WAAW,CAAC,OAAO,CAAC,KACtB,IAiCA,CAAC"}

package/dist/src/{noteList/noteList.js → note-list/note-list.js}

@@ -8,8 +8,13 @@ export const view = (config, h) => __foldkitBrandViewResult((h.ul([h.Class("note
     h.div([], [
         h.p([], [
             h.a([h.Href(note.href)], [note.title]),
-            ...(note.flag === undefined ? [] : [h.span([h.Class("flag")], [note.flag])]),
+            ...(note.flag === undefined
+                ? []
+                : [h.span([h.Class("flag")], [note.flag])]),
+        ]),
+        h.p([h.Class("about")], [
+            Stage.word(note.stage),
+            ...(note.about === undefined ? [] : [` · ${note.about}`]),
         ]),
-        h.p([h.Class("about")], [Stage.word(note.stage), ...(note.about === undefined ? [] : [` · ${note.about}`])]),
     ]),
-])), "@gjermundgaraba-designs/plain-garden/src/noteList/noteList.js#anonymous")))), "@gjermundgaraba-designs/plain-garden/src/noteList/noteList.js#view");
+])), "@gjermundgaraba-designs/plain-garden/src/note-list/note-list.js#anonymous")))), "@gjermundgaraba-designs/plain-garden/src/note-list/note-list.js#view");

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

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

package/dist/src/ring/ring.d.ts

@@ -1,5 +1,5 @@
 import type { Html, HtmlBuilder } from "foldkit/html";
-import type { Link } from "../linksHere/linksHere.ts";
+import type { Link } from "../links-here/links-here.ts";
 /** Configuration for rendering the ring with `view`. */
 export type ViewConfig = Readonly<{
     previous?: Link;