@gjermundgaraba-designs/plain-garden 0.7.0 → 0.9.0

package/DESIGN.md

@@ -278,7 +278,7 @@ Derived, not separate colours: the link underline is ink at 28% and the soft und
 **Label/Mono Font:** Atkinson Hyperlegible Mono (with ui-monospace, Menlo, Consolas)
 **Hand:** Architects Daughter (with Atkinson Hyperlegible Next)
 
-**Character:** A heavy, tight grotesque that can stand on a drawing, over a sans drawn so letters are hard to mistake for one another. The drawings letter in the Mono, in tracked capitals, like a drawing sheet; the writer's margin notes are in a draftsman's hand. All four faces are self-hosted from `fonts/` under the SIL Open Font License.
+**Character:** A heavy, tight grotesque that can stand on a drawing, over a sans drawn so letters are hard to mistake for one another. The drawings letter in the Mono, in tracked capitals, like a drawing sheet; the writer's margin notes are in a draftsman's hand. All four faces are self-hosted from `fonts/` under the SIL Open Font License. The files come from Fontsource 5.3.0, Latin subset: Atkinson Hyperlegible Next 2.0 and Mono 2.0 (variable 200–800, roman and italic), Bricolage Grotesque (variable 200–800) and Architects Daughter.
 
 ### Hierarchy
 
@@ -386,7 +386,7 @@ Summary: a plain `h2` ("In short") and an `ol`.
 
 ### Drawing (signature)
 
-`<svg class="drawing" viewBox="0 0 W H">` holding the scene's marks; with a label it is `role="img"` and `aria-label`, without one `aria-hidden`. The renderer writes classes and the stylesheet colours them from tokens: `pen` (a pencil stroke, a filled shape), `ln` (a ruled line), `solid` (an arrowhead, a dot, an ink fill), `paper` (hides), `faint` (construction lines at 0.45), `hatch` (the line of a hatching pattern, its colour set on it as `--hatch: var(--draw-<colour>)`), `tech` (lettering). Hatching is one `<pattern>` per colour in the drawing's `<defs>`, paper with a line every 4.5 units at 45°, 1.2 thick in the sketch and 1 in the drafting, its id the drawing's own; a hatched shape is a single path filled `url(#…)` with it, under its outline. The sketch's hatching is as regular as the drafting's: the hand is in the outlines. Given a figure number, each named group is a `<g id="fig-N-<name>">`; while a note points at it, its lines are drawn heavier.
+`<svg id="…" class="drawing" viewBox="0 0 W H">` holding the scene's marks; with a label it is `role="img"` and `aria-label`, without one `aria-hidden`. The renderer writes classes and the stylesheet colours them from tokens: `pen` (a pencil stroke, a filled shape), `ln` (a ruled line), `solid` (an arrowhead, a dot, an ink fill), `paper` (hides), `faint` (construction lines at 0.45), `hatch` (the line of a hatching pattern, its colour set on it as `--hatch: var(--draw-<colour>)`), `tech` (lettering). Hatching is one `<pattern>` per colour in the drawing's `<defs>`, paper with a line every 4.5 units at 45°, 1.2 thick in the sketch and 1 in the drafting, its id `<drawing id>-<colour>`; a hatched shape is a single path filled `url(#…)` with it, under its outline. The sketch's hatching is as regular as the drafting's: the hand is in the outlines. Given a figure number, each named group is a `<g id="fig-N-<name>">`; while a note points at it, its lines are drawn heavier.
 
 ### Drawn title
 
@@ -487,10 +487,13 @@ Writers never draw. A writer says what they want ("a bucket with a tap dripping
 
 **13. Which component.**
 
-- **DrawnTitle.view**: a page's title standing on its drawing; two elements (the title on its drawing, the parts list), spread into the page. The front page uses it directly; a note passes `drawing: { scene, label }` to NoteHeader and the note's stage draws it.
+- **DrawnTitle.view**: a page's title standing on its drawing; two elements (the title on its drawing, the parts list), spread into the page. The front page uses it directly; a note passes `drawing: { id, scene, label }` to NoteHeader and the note's stage draws it.
 - **Illustration.view**: a drawing inside the text, at the note's stage; full measure, or `isSmall` floated right. Put a small one in the section it belongs to (every `h2` clears right floats).
 - **MarginNote.view**: the writer's pencil; place it immediately before the paragraph it points at. Its words are `words`; the sketch is decorative.
 - **Drawing.view**: the bare SVG, for anything else. Give it a label saying what it shows; leave the label out only when it decorates.
+
+Each takes an `id`, unique in the document, which names the drawing's SVG and its hatching; Diagram's is `drawing-fig-N`, from its number.
+
 - **Diagram.view**: a figure the prose reasons about, always drawn settled. Put each part a note names, with its words and arrows, in a group with that `name`; the note's `at` is the name. About 520 units wide, so its lettering stays readable when a phone scales it down.
 
 **14. Labels for readers.** Every DrawnTitle, Illustration and labelled Drawing needs an `aria-label`-ready sentence saying what the drawing shows, not how it looks ("A bucket of tokens with a tap near its base, dripping into a cup."). Sample drawings start with "Sample drawing:".
@@ -609,6 +612,7 @@ export const bucketTapCup: Drawing.Scene = {
 ```ts
 Illustration.view(
   {
+    id: "bucket",
     scene: bucketTapCup,
     stage, // the note's own stage
     label: "A bucket of water on a block, its tap dripping into a cup.",
@@ -624,7 +628,7 @@ Why it is built so: the water polygon's top corners sit on the bucket's walls an
 
 How a component in this package is made. The components follow these rules, and a new one follows them too; a review finding against one of them is a defect, not a style note.
 
-**The two kinds.** A **View** is a stateless render helper, `X.view(config, h)`: the caller owns any state and passes its Messages in the config. Copy `src/ring/` (a plain one), `src/figure/` (a container with a `body` slot and `tools`) or `src/drawnTitle/` (a View over the drawing renderer). A **Submodel** has a Model, Message, `init`, `update` and a `view` made with `defineView`, embedded with `h.submodel`: `src/scheme/` (`switch.ts` holds the Model, Messages, update and the Commands from `init` and `update` that read and pin the scheme on the page; `schemeSwitch.ts` adds the view) and `src/copyButton/` (Commands that write the clipboard and wait out a beat).
+**The two kinds.** A **View** is a stateless render helper, `X.view(config, h)`: the caller owns any state and passes its Messages in the config. Copy `src/ring/` (a plain one), `src/figure/` (a container with a `body` slot and `tools`) or `src/drawn-title/` (a View over the drawing renderer). A **Submodel** has a Model, Message, `init`, `update` and a `view` made with `defineView`, embedded with `h.submodel`: `src/scheme/` (`switch.ts` holds the Model, Messages, update and the Commands from `init` and `update` that read and pin the scheme on the page; `scheme-switch.ts` adds the view) and `src/copy-button/` (Commands that write the clipboard and wait out a beat).
 
 Each component is `src/<name>/<name>.ts` with an explicit `index.ts` (its public surface: what a page uses, a Submodel's Model, Message, `init`, `update`, `view`, Commands and accessors, and the config types), a colocated `<name>.test.ts` (a Story for update, a Scene for view), an `export * as` line in `src/index.ts`, a section with an example file on the specimen's components page (`site/src/example/`; the page shows its source and the markup it renders) and an entry in this document. Only `src/index.ts` reaches an `index.ts`: inside `src/` a file, tests included, imports the file that defines what it needs (`../stage/stage.ts`). What only other components use has no `index.ts` and is not exported (`src/time/`, the written-out date in a note header and What's new).
 

package/dist/src/box/box.d.ts

@@ -4,7 +4,7 @@ export type ViewConfig = Readonly<{
     /** The heading's id, which names the box; unique in the document. */
     id: string;
     heading: string;
-    body: ReadonlyArray<Html>;
+    body: readonly Html[];
 }>;
 /** A set-apart group under a hairline and a small heading: What's new, the pages that
     link here. */

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

@@ -1 +1 @@
-{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../../src/box/box.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEtD,qDAAqD;AACrD,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,qEAAqE;IACrE,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;CAC3B,CAAC,CAAC;AAEH;iBACiB;AACjB,eAAO,MAAM,IAAI,GAAI,OAAO,UAAU,UAAU,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IAIzE,CAAC"}
+{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../../src/box/box.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEtD,qDAAqD;AACrD,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,qEAAqE;IACrE,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,SAAS,IAAI,EAAE,CAAC;CACvB,CAAC,CAAC;AAEH;iBACiB;AACjB,eAAO,MAAM,IAAI,GAAI,OAAO,UAClB,UAAU,KACf,WAAW,CAAC,OAAO,CAAC,KACtB,IAIA,CAAC"}

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

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

package/dist/src/changes/changes.d.ts

@@ -6,7 +6,7 @@ export type Change = Readonly<{
 }>;
 /** Configuration for rendering the changes with `view`. */
 export type ViewConfig = Readonly<{
-    changes: ReadonlyArray<Change>;
+    changes: readonly Change[];
 }>;
 /** What's new: what changed in the garden, a date and a line each. Newest first is the
     writer's call; the list keeps the order it is given. */

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

@@ -1 +1 @@
-{"version":3,"file":"changes.d.ts","sourceRoot":"","sources":["../../../src/changes/changes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAItD,MAAM,MAAM,MAAM,GAAG,QAAQ,CAAC;IAC5B,gBAAgB;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;CACpC,CAAC,CAAC;AAEH,2DAA2D;AAC3D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAAE,OAAO,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;CAAE,CAAC,CAAC;AAEtE;2DAC2D;AAC3D,eAAO,MAAM,IAAI,GAAI,OAAO,UAAU,UAAU,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IAMzE,CAAC"}
+{"version":3,"file":"changes.d.ts","sourceRoot":"","sources":["../../../src/changes/changes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAItD,MAAM,MAAM,MAAM,GAAG,QAAQ,CAAC;IAC5B,gBAAgB;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;CACpC,CAAC,CAAC;AAEH,2DAA2D;AAC3D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAAE,OAAO,EAAE,SAAS,MAAM,EAAE,CAAA;CAAE,CAAC,CAAC;AAElE;2DAC2D;AAC3D,eAAO,MAAM,IAAI,GAAI,OAAO,UAClB,UAAU,KACf,WAAW,CAAC,OAAO,CAAC,KACtB,IASA,CAAC"}

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

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

package/dist/src/{codeFigure/codeFigure.d.ts → code-figure/code-figure.d.ts}

@@ -1,16 +1,16 @@
 import type { Html, HtmlBuilder } from "foldkit/html";
-import type { ViewInputs as CopyInputs } from "../copyButton/copyButton.ts";
+import type { ViewInputs as CopyInputs } from "../copy-button/copy-button.ts";
 import * as Figure from "../figure/figure.ts";
 /** Configuration for rendering a code figure with `view`. */
 export type ViewConfig = Readonly<{
     number: number;
     caption: string;
     code: string;
-    notes?: ReadonlyArray<Figure.Note> | undefined;
+    notes?: readonly Figure.Note[] | undefined;
     /** The Copy button: the page's `CopyButton`, rendered with what the figure gives it (its
         name and its code). Without one the caption is just the caption. */
     copy?: ((inputs: CopyInputs) => Html) | undefined;
 }>;
 /** Code with numbered lines, a caption, Copy, and notes that link to single lines. */
 export declare const view: <Message>(config: ViewConfig, h: HtmlBuilder<Message>) => Html;
-//# sourceMappingURL=codeFigure.d.ts.map
+//# sourceMappingURL=code-figure.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"code-figure.d.ts","sourceRoot":"","sources":["../../../src/code-figure/code-figure.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEtD,OAAO,KAAK,EAAE,UAAU,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAG9C,6DAA6D;AAC7D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,MAAM,CAAC,IAAI,EAAE,GAAG,SAAS,CAAC;IAC3C;2EACuE;IACvE,IAAI,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACnD,CAAC,CAAC;AAEH,sFAAsF;AACtF,eAAO,MAAM,IAAI,GAAI,OAAO,UAClB,UAAU,KACf,WAAW,CAAC,OAAO,CAAC,KACtB,IAgCF,CAAC"}

package/dist/src/{codeFigure/codeFigure.js → code-figure/code-figure.js}

@@ -9,15 +9,20 @@ export const view = (config, h) => {
         .flatMap((line, index) => __foldkitBrandViewResult(([
         ...(index > 0 ? ["\n"] : []),
         h.span([h.Class("line"), h.Id(noteId(number, index + 1))], [line]),
-    ]), "@gjermundgaraba-designs/plain-garden/src/codeFigure/codeFigure.js#anonymous"));
+    ]), "@gjermundgaraba-designs/plain-garden/src/code-figure/code-figure.js#anonymous"));
     return __foldkitBrandViewResult((Figure.view({
         number,
         caption,
         notes,
-        tools: copy === undefined ? [] : [copy({ name: `Fig. ${number}`, text: code })],
-        // A scrolling region the keyboard can reach.
+        tools: copy === undefined
+            ? []
+            : [copy({ name: `Fig. ${number}`, text: code })],
         body: [
-            h.pre([h.Tabindex(0), h.Role("region"), h.AriaLabel(`Fig. ${number}, code`)], [h.code([], lines)]),
+            h.pre([
+                h.Tabindex(0),
+                h.Role("region"),
+                h.AriaLabel(`Fig. ${number}, code`),
+            ], [h.code([], lines)]),
         ],
-    }, h)), "@gjermundgaraba-designs/plain-garden/src/codeFigure/codeFigure.js#view");
+    }, h)), "@gjermundgaraba-designs/plain-garden/src/code-figure/code-figure.js#view");
 };

package/dist/src/code-figure/index.d.ts

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

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

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

package/dist/src/code-figure/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"copy.d.ts","sourceRoot":"","sources":["../../../src/copy/copy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAY,MAAM,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAC;AAI3C,OAAO,KAAK,KAAK,MAAM,MAAM,gBAAgB,CAAC;AAM9C,4FAA4F;AAC5F,eAAO,MAAM,SAAS;;;;;EAKpB,CAAC;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,IAAI,CAAC;AAE9C,2DAA2D;AAC3D,eAAO,MAAM,KAAK;;;;;;;;EAGhB,CAAC;AACH,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAC;AAItC,wDAAwD;AACxD,eAAO,MAAM,OAAO;;QACH,IAAI;;;;;EAInB,CAAC;AACH,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAC;AAI1C,6FAA6F;AAC7F,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAElD,sDAAsD;AACtD,eAAO,MAAM,IAAI,WAAY,UAAU,KAAG,KAGxC,CAAC;AAIH,gDAAgD;AAChD,eAAO,MAAM,EAAE,UAAW,KAAK,KAAG,MAAkB,CAAC;AAOrD;0FAC0F;AAC1F,eAAO,MAAM,QAAQ;;;;;;+BASnB,CAAC;AAEH,+CAA+C;AAC/C,eAAO,MAAM,kBAAkB;;iBAG7B,CAAC;AAWH;;mCAEmC;AACnC,eAAO,MAAM,MAAM,UAAW,KAAK,WAAW,OAAO;;;;;;;;;;;;;;;;;;;;;;;;EAcjD,CAAC"}
+{"version":3,"file":"copy.d.ts","sourceRoot":"","sources":["../../../src/copy/copy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAY,MAAM,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAC;AAI3C,OAAO,KAAK,KAAK,MAAM,MAAM,gBAAgB,CAAC;AAE9C,4FAA4F;AAC5F,eAAO,MAAM,SAAS;;;;;EAKpB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,IAAI,CAAC;AAE9C,2DAA2D;AAC3D,eAAO,MAAM,KAAK;;;;;;;;EAGhB,CAAC;AAEH,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAC;AAEtC,wDAAwD;AACxD,eAAO,MAAM,OAAO;;QACH,IAAI;;;;;EAInB,CAAC;AAEH,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAC;AAE1C,6FAA6F;AAC7F,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAElD,sDAAsD;AACtD,eAAO,MAAM,IAAI,WAAY,UAAU,KAAG,KAGxC,CAAC;AAEH,gDAAgD;AAChD,eAAO,MAAM,EAAE,UAAW,KAAK,KAAG,MAAkB,CAAC;AAIrD;0FAC0F;AAC1F,eAAO,MAAM,QAAQ;;;;;;+BAUnB,CAAC;AAEH,+CAA+C;AAC/C,eAAO,MAAM,kBAAkB;;iBAK7B,CAAC;AASH;;mCAEmC;AACnC,eAAO,MAAM,MAAM,UAAW,KAAK,WAAW,OAAO;;;;;;;;;;;;;;;;;;;;;;;;EAcjD,CAAC"}

package/dist/src/copy/copy.js

@@ -5,8 +5,6 @@ import * as Command from "foldkit/command";
 import { defineMessageUnion } from "foldkit/message";
 import { defineTaggedUnion } from "foldkit/schema";
 import { modifyFields } from "foldkit/struct";
-// A copy to the clipboard, without its view: the system's own control renders it.
-// MODEL
 /** Where a copy is: nothing yet, writing to the clipboard, just copied, or just refused. */
 export const CopyState = defineTaggedUnion({
     Idle: {},
@@ -19,7 +17,6 @@ export const Model = Schema.Struct({
     id: Schema.String,
     state: CopyState,
 });
-// MESSAGE
 /** Union of all Messages a copy control can produce. */
 export const Message = defineMessageUnion({
     ClickedCopy: { text: Schema.String },
@@ -32,11 +29,8 @@ export const init = (config) => (__foldkitBrandViewResult(({
     id: config.id,
     state: CopyState.Idle(),
 }), "@gjermundgaraba-designs/plain-garden/src/copy/copy.js#init"));
-// ACCESSORS
 /** The control's id, unique in the document. */
 export const id = (model) => __foldkitBrandViewResult((model.id), "@gjermundgaraba-designs/plain-garden/src/copy/copy.js#id");
-// COMMAND
-/** How long the control answers for: that it copied, or that the copy failed. */
 const WORD_BEAT = Duration.millis(1600);
 /** Writes the text to the clipboard through Effect's `Clipboard` port. Provide
     `Clipboard.layer` from `@effect/platform-browser` in the application's `resources`. */
@@ -47,7 +41,7 @@ export const CopyText = Command.define("CopyText", {
         const clipboard = yield* Clipboard.Clipboard;
         yield* clipboard.writeString(text);
         return __foldkitBrandViewResult((Message.SucceededCopyText()), "@gjermundgaraba-designs/plain-garden/src/copy/copy.js#anonymous");
-    }).pipe(Effect.catch(() => __foldkitBrandViewResult((Effect.succeed(Message.FailedCopyText())), "@gjermundgaraba-designs/plain-garden/src/copy/copy.js#anonymous~2")))), "@gjermundgaraba-designs/plain-garden/src/copy/copy.js#execute"),
+    }).pipe(Effect.orElseSucceed(() => __foldkitBrandViewResult((Message.FailedCopyText()), "@gjermundgaraba-designs/plain-garden/src/copy/copy.js#anonymous~2")))), "@gjermundgaraba-designs/plain-garden/src/copy/copy.js#execute"),
 });
 /** Waits out the beat the answer shows for. */
 export const WaitBeforeSettling = Command.define("WaitBeforeSettling", {

package/dist/src/{copyButton/copyButton.d.ts → copy-button/copy-button.d.ts}

@@ -1,4 +1,7 @@
-export * from "../copy/copy.ts";
+import type { Html, HtmlBuilder } from "foldkit/html";
+import { CopyState } from "../copy/copy.ts";
+export { CopyState, CopyText, Message, Model, WaitBeforeSettling, id, init, update, } from "../copy/copy.ts";
+export type { InitConfig } from "../copy/copy.ts";
 /** Per-render inputs passed to `view` through `h.submodel`'s `viewInputs`. */
 export type ViewInputs = Readonly<{
     /** What is copied: the figure's name ("Fig. 4"), for the button's name and what is said. */
@@ -37,4 +40,7 @@ export declare const view: import("foldkit/submodel").View<{
     /** What goes on the clipboard. */
     text: string;
 }>>;
-//# sourceMappingURL=copyButton.d.ts.map
+/** The button as it prints in one state, inert: a picture for a specimen, with no Model and
+    nothing to press or announce. */
+export declare const stateView: <ParentMessage>(state: CopyState, h: HtmlBuilder<ParentMessage>) => Html;
+//# sourceMappingURL=copy-button.d.ts.map

package/dist/src/copy-button/copy-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-button.d.ts","sourceRoot":"","sources":["../../../src/copy-button/copy-button.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGjE,OAAO,EAAE,SAAS,EAAW,MAAM,iBAAiB,CAAC;AAGrD,OAAO,EACL,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,EACL,kBAAkB,EAClB,EAAE,EACF,IAAI,EACJ,MAAM,GACP,MAAM,iBAAiB,CAAC;AAEzB,YAAY,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,8EAA8E;AAC9E,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,4FAA4F;IAC5F,IAAI,EAAE,MAAM,CAAC;IACb,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAsCH;;;;8FAI8F;AAC9F,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;IA/Cf,4FAA4F;UACtF,MAAM;IACZ,kCAAkC;UAC5B,MAAM;GA+Db,CAAC;AAEF;oCACoC;AACpC,eAAO,MAAM,SAAS,GAAI,aAAa,SAC9B,SAAS,KACb,WAAW,CAAC,aAAa,CAAC,KAC5B,IAA6D,CAAC"}

package/dist/src/copy-button/copy-button.js

@@ -0,0 +1,37 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { Button as UiButton } from "@foldkit/ui";
+import { defineView } from "foldkit/submodel";
+import { CopyState, Message } from "../copy/copy.js";
+export { CopyState, CopyText, Message, Model, WaitBeforeSettling, id, init, update, } from "../copy/copy.js";
+const word = (state) => __foldkitBrandViewResult((CopyState.match(state, {
+    Idle: () => __foldkitBrandViewResult(("Copy"), "@gjermundgaraba-designs/plain-garden/src/copy-button/copy-button.js#Idle"),
+    Copying: () => __foldkitBrandViewResult(("Copy"), "@gjermundgaraba-designs/plain-garden/src/copy-button/copy-button.js#Copying"),
+    Copied: () => __foldkitBrandViewResult(("Copied"), "@gjermundgaraba-designs/plain-garden/src/copy-button/copy-button.js#Copied"),
+    Failed: () => __foldkitBrandViewResult(("Copy"), "@gjermundgaraba-designs/plain-garden/src/copy-button/copy-button.js#Failed"),
+})), "@gjermundgaraba-designs/plain-garden/src/copy-button/copy-button.js#word");
+const said = (state, name) => __foldkitBrandViewResult((CopyState.match(state, {
+    Idle: () => __foldkitBrandViewResult((""), "@gjermundgaraba-designs/plain-garden/src/copy-button/copy-button.js#Idle~2"),
+    Copying: () => __foldkitBrandViewResult((""), "@gjermundgaraba-designs/plain-garden/src/copy-button/copy-button.js#Copying~2"),
+    Copied: () => __foldkitBrandViewResult((`${name} copied`), "@gjermundgaraba-designs/plain-garden/src/copy-button/copy-button.js#Copied~2"),
+    Failed: () => __foldkitBrandViewResult(("copy failed"), "@gjermundgaraba-designs/plain-garden/src/copy-button/copy-button.js#Failed~2"),
+})), "@gjermundgaraba-designs/plain-garden/src/copy-button/copy-button.js#said");
+const buttonView = (state, { attributes, ...press }, h) => __foldkitBrandViewResult((UiButton.view({
+    ...press,
+    isDisabled: !CopyState.guards.Idle(state),
+    toView: ({ button }) => __foldkitBrandViewResult((h.button([...button, h.Class("copy"), ...attributes], [word(state)])), "@gjermundgaraba-designs/plain-garden/src/copy-button/copy-button.js#toView"),
+}, h)), "@gjermundgaraba-designs/plain-garden/src/copy-button/copy-button.js#buttonView");
+/** Copy, a button built on `@foldkit/ui`'s Button and dressed as a link, that reads Copied
+    in ink for a beat and says so to screen readers; held while it does. Where the clipboard
+    is refused it still reads Copy, held for the same beat, and the status says "copy failed".
+    Its `CopyText` Command needs `Clipboard.layer` in the application's resources. Spread it
+    into a figure's `tools`: a button, then the status region that is announced, not shown. */
+export const view = defineView((model, { name, text }, h) => __foldkitBrandViewResult((h.span([h.Id(model.id)], [
+    buttonView(model.state, {
+        attributes: [h.AriaLabel(`Copy ${name}`)],
+        onClick: Message.ClickedCopy({ text }),
+    }, h),
+    h.span([h.Class("sr-only"), h.Role("status")], [said(model.state, name)]),
+])), "@gjermundgaraba-designs/plain-garden/src/copy-button/copy-button.js#anonymous"));
+/** The button as it prints in one state, inert: a picture for a specimen, with no Model and
+    nothing to press or announce. */
+export const stateView = (state, h) => __foldkitBrandViewResult((buttonView(state, { attributes: [h.Inert(true)] }, h)), "@gjermundgaraba-designs/plain-garden/src/copy-button/copy-button.js#stateView");

package/dist/src/copy-button/index.d.ts

@@ -0,0 +1,3 @@
+export { CopyState, CopyText, Message, Model, WaitBeforeSettling, id, init, stateView, update, view, } from "./copy-button.ts";
+export type { InitConfig, ViewInputs } from "./copy-button.ts";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/copy-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/copy-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,EACL,kBAAkB,EAClB,EAAE,EACF,IAAI,EACJ,SAAS,EACT,MAAM,EACN,IAAI,GACL,MAAM,kBAAkB,CAAC;AAE1B,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/src/{copyButton → copy-button}/index.js

@@ -1 +1 @@
-export { CopyState, CopyText, Message, Model, WaitBeforeSettling, id, init, update, view, } from "./copyButton.js";
+export { CopyState, CopyText, Message, Model, WaitBeforeSettling, id, init, stateView, update, view, } from "./copy-button.js";

package/dist/src/diagram/diagram.d.ts

@@ -5,7 +5,7 @@ import * as Figure from "../figure/figure.ts";
 export type ViewConfig = Readonly<{
     number: number;
     caption: string;
-    notes?: ReadonlyArray<Figure.Note> | undefined;
+    notes?: readonly Figure.Note[] | undefined;
     scene: Scene;
     label: string;
 }>;

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

@@ -1 +1 @@
-{"version":3,"file":"diagram.d.ts","sourceRoot":"","sources":["../../../src/diagram/diagram.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,MAAM,MAAM,qBAAqB,CAAC;AAE9C,yDAAyD;AACzD,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC;IAC/C,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH;;mDAEmD;AACnD,eAAO,MAAM,IAAI,GAAI,OAAO,UAAU,UAAU,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IAW3E,CAAC"}
+{"version":3,"file":"diagram.d.ts","sourceRoot":"","sources":["../../../src/diagram/diagram.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,MAAM,MAAM,qBAAqB,CAAC;AAG9C,yDAAyD;AACzD,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,MAAM,CAAC,IAAI,EAAE,GAAG,SAAS,CAAC;IAC3C,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH;;mDAEmD;AACnD,eAAO,MAAM,IAAI,GAAI,OAAO,UAClB,UAAU,KACf,WAAW,CAAC,OAAO,CAAC,KACtB,IAuBF,CAAC"}

package/dist/src/diagram/diagram.js

@@ -1,6 +1,7 @@
 import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import * as Drawing from "../drawing/drawing.js";
 import * as Figure from "../figure/figure.js";
+import { figureId } from "../figure/figures.js";
 /** A figure the prose reasons about: a numbered Figure holding the scene, drawn settled, so
     it reads as exact whatever the note's stage. Each note's `at` names a group in the scene;
     following the note draws that group heavier. */
@@ -10,6 +11,14 @@ export const view = (config, h) => {
         number,
         caption,
         notes,
-        body: [Drawing.view({ scene, stage: "settled", label, figure: number }, h)],
+        body: [
+            Drawing.view({
+                id: `drawing-${figureId(number)}`,
+                scene,
+                stage: "settled",
+                label,
+                figure: number,
+            }, h),
+        ],
     }, h)), "@gjermundgaraba-designs/plain-garden/src/diagram/diagram.js#view");
 };

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

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

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

@@ -3,6 +3,8 @@ import type { StageName } from "../stage/stage.ts";
 import type { Scene } from "./scene.ts";
 /** Configuration for rendering a drawing with `view`. */
 export type ViewConfig = Readonly<{
+    /** The drawing's id, unique in the document; its hatching patterns are named from it. */
+    id: string;
     scene: Scene;
     stage: StageName;
     /** What the drawing shows; without one it only decorates, and is hidden. */
@@ -16,7 +18,5 @@ export type ViewConfig = Readonly<{
     label saying what it shows; leave the label out only when it decorates. The marks come
     from the renderer, the same on the server and in the browser. */
 export declare const view: <Message>(config: ViewConfig, h: HtmlBuilder<Message>) => Html;
-/** The scene's numbered parts, named in order, as on a drawing sheet; nothing when it
-    numbers none. */
-export declare const partsView: <Message>(scene: Scene, h: HtmlBuilder<Message>) => ReadonlyArray<Html>;
+export declare const partsView: <Message>(scene: Scene, h: HtmlBuilder<Message>) => readonly Html[];
 //# sourceMappingURL=drawing.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"drawing.d.ts","sourceRoot":"","sources":["../../../src/drawing/drawing.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAExC,yDAAyD;AACzD,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;mCAC+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC,CAAC;AAEH;;;oEAGoE;AACpE,eAAO,MAAM,IAAI,GAAI,OAAO,UAAU,UAAU,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IAQ3E,CAAC;AAEF;oBACoB;AACpB,eAAO,MAAM,SAAS,GAAI,OAAO,SAAS,KAAK,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,aAAa,CAAC,IAAI,CASzF,CAAC"}
+{"version":3,"file":"drawing.d.ts","sourceRoot":"","sources":["../../../src/drawing/drawing.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAExC,yDAAyD;AACzD,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,yFAAyF;IACzF,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;mCAC+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC,CAAC;AAEH;;;oEAGoE;AACpE,eAAO,MAAM,IAAI,GAAI,OAAO,UAClB,UAAU,KACf,WAAW,CAAC,OAAO,CAAC,KACtB,IAYF,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,SACxB,KAAK,KACT,WAAW,CAAC,OAAO,CAAC,KACtB,SAAS,IAAI,EASZ,CAAC"}

package/dist/src/drawing/drawing.js

@@ -6,16 +6,17 @@ import { drawingMarks, partNames } from "./render.js";
     label saying what it shows; leave the label out only when it decorates. The marks come
     from the renderer, the same on the server and in the browser. */
 export const view = (config, h) => {
-    const { scene, stage, label, figure } = config;
+    const { id, scene, stage, label, figure } = config;
     return __foldkitBrandViewResult((h.svg([
+        h.Id(id),
         h.Class("drawing"),
         h.ViewBox(`0 0 ${scene.width} ${scene.height}`),
-        ...(label ? [h.Role("img"), h.AriaLabel(label)] : [h.AriaHidden(true)]),
-        h.InnerHTML(drawingMarks(scene, stage, figure)),
+        ...(label !== undefined && label !== ""
+            ? [h.Role("img"), h.AriaLabel(label)]
+            : [h.AriaHidden(true)]),
+        h.InnerHTML(drawingMarks(scene, stage, id, figure)),
     ])), "@gjermundgaraba-designs/plain-garden/src/drawing/drawing.js#view");
 };
-/** The scene's numbered parts, named in order, as on a drawing sheet; nothing when it
-    numbers none. */
 export const partsView = (scene, h) => __foldkitBrandViewResult((Array.match(partNames(scene), {
     onEmpty: () => __foldkitBrandViewResult(([]), "@gjermundgaraba-designs/plain-garden/src/drawing/drawing.js#onEmpty"),
     onNonEmpty: (parts) => __foldkitBrandViewResult(([

package/dist/src/drawing/fnv1a-utf16.d.ts

@@ -0,0 +1,2 @@
+export declare const fnv1aUtf16: (text: string) => number;
+//# sourceMappingURL=fnv1a-utf16.d.ts.map

package/dist/src/drawing/fnv1a-utf16.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fnv1a-utf16.d.ts","sourceRoot":"","sources":["../../../src/drawing/fnv1a-utf16.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,SAAU,MAAM,KAAG,MAQzC,CAAC"}

package/dist/src/drawing/fnv1a-utf16.js

@@ -0,0 +1,8 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+export const fnv1aUtf16 = (text) => {
+    let h = 2_166_136_261;
+    for (let i = 0; i < text.length; i += 1) {
+        h = Math.imul(h ^ text.charCodeAt(i), 16_777_619);
+    }
+    return __foldkitBrandViewResult((h >>> 0), "@gjermundgaraba-designs/plain-garden/src/drawing/fnv1a-utf16.js#fnv1aUtf16");
+};

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

@@ -1,4 +1,4 @@
 export { view } from "./drawing.ts";
 export type { ViewConfig } from "./drawing.ts";
-export type { Colour, Hatch, Look, Mark, Point, Scene, Shape } from "./scene.ts";
+export type { Colour, Hatch, Look, Mark, Point, Scene, Shape, } from "./scene.ts";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/drawing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,YAAY,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/drawing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,YAAY,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,YAAY,EACV,MAAM,EACN,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,KAAK,GACN,MAAM,YAAY,CAAC"}

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

@@ -1,11 +1,6 @@
 import type { StageName } from "../stage/stage.ts";
-import { type Scene } from "./scene.ts";
-/** The marks inside a drawing's <svg viewBox="0 0 width height">, as the stage draws them.
-    With a figure number, each named group is a <g> a note in that figure can point at. */
-export declare function drawingMarks(scene: Scene, stage: StageName, figure?: number): string;
-/** Where a DrawnTitle's title stands (--ground, up from the drawing's foot) and how a phone
-    crops the drawing to the scene's focus (--focus-width, --focus-start). */
-export declare function titlePlacement(scene: Scene): Readonly<Record<`--${string}`, string>>;
-/** The names of the scene's numbered parts, in their numbers' order. */
-export declare function partNames(scene: Scene): ReadonlyArray<string>;
+import type { Scene } from "./scene.ts";
+export declare const drawingMarks: (scene: Scene, stage: StageName, id: string, figure?: number) => string;
+export declare const titlePlacement: (scene: Scene) => Readonly<Record<`--${string}`, string>>;
+export declare const partNames: (scene: Scene) => readonly string[];
 //# sourceMappingURL=render.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/drawing/render.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAOL,KAAK,KAAK,EAEX,MAAM,YAAY,CAAC;AA2kBpB;0FAC0F;AAC1F,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CA+IpF;AAED;6EAC6E;AAC7E,wBAAgB,cAAc,CAAC,KAAK,EAAE,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,MAAM,EAAE,EAAE,MAAM,CAAC,CAAC,CASpF;AAED,wEAAwE;AACxE,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,aAAa,CAAC,MAAM,CAAC,CAI7D"}
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/drawing/render.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGnD,OAAO,KAAK,EAMV,KAAK,EAEN,MAAM,YAAY,CAAC;AAyuBpB,eAAO,MAAM,YAAY,UAChB,KAAK,SACL,SAAS,MACZ,MAAM,WACD,MAAM,KACd,MA6KF,CAAC;AAIF,eAAO,MAAM,cAAc,UAClB,KAAK,KACX,QAAQ,CAAC,MAAM,CAAC,KAAK,MAAM,EAAE,EAAE,MAAM,CAAC,CASxC,CAAC;AAEF,eAAO,MAAM,SAAS,UAAW,KAAK,KAAG,SAAS,MAAM,EAKvD,CAAC"}