@gjermundgaraba-designs/simple-rat 0.7.0 → 0.8.0

package/DESIGN.md

@@ -298,7 +298,7 @@ The components are Foldkit: Views and Submodels over `foldkit`, each a namespace
 ### Code
 
 - **Inline:** code fill, 1px code-rule border, 0.1em 0.25em padding, body size.
-- **`CodeBlock`** writes `pre > code`: code fill, 1px code-rule border, 0.75rem 1rem padding, 0.875em / 1.25, scrolls sideways. `lang` (one of `Code.LANGUAGES`: `ts`, `tsx`, `sh`, `json`, `css`, `html`, `diff`) sets `code.language-*`, which gives the block the code-ink. `lines` colours the code: spans whose inline colour is a `var(--t-*)` token, italic for comments and shell commands; the rest takes code-ink, and a block without `lines` is plain text. The lines are data, made by Shiki with the package's theme while the site is built, so a page carries the colours and no highlighter: an import with the query `?lines=<lang>` is a file's `{ code, lines }`, spread into the config (`codeLines()`, see Adopting the system). Only a block that actually overflows takes focus: `Scrolls.WatchOverflow`, a Mount on the `pre`, makes it `role="region"` named "Code: <file or first line>, scrolls sideways" with `tabindex="0"`, re-checked whenever the block changes size, and takes the attributes away when the block leaves the page; blocks that fit stay out of the tab order. The Mount reports through `toParentMessage`, which the page may ignore.
+- **`CodeBlock`** writes `pre > code`: code fill, 1px code-rule border, 0.75rem 1rem padding, 0.875em / 1.25, scrolls sideways. `lang` (one of `Code.LANGUAGES`: `ts`, `tsx`, `sh`, `json`, `css`, `html`, `diff`) sets `code.language-*`, which gives the block the code-ink. `lines` colours the code: spans whose inline colour is a `var(--t-*)` token, italic for comments and shell commands; the rest takes code-ink, and a block without `lines` is plain text. The lines are data, made by Highlights with the package's theme while the site is built, so a page carries the colours and no highlighter: an import with the query `?lines=<lang>` is a file's `{ code, lines }`, spread into the config (`codeLines()`, see Adopting the system). Only a block that actually overflows takes focus: `Scrolls.WatchOverflow`, a Mount on the `pre`, makes it `role="region"` named "Code: <file or first line>, scrolls sideways" with `tabindex="0"`, re-checked whenever the block changes size, and takes the attributes away when the block leaves the page; blocks that fit stay out of the tab order. The Mount reports through `toParentMessage`, which the page may ignore.
 - **Prose block:** a block with a `copy` tab and no `lang`; same fill and border, body size, 1.5 leading, wrapping.
 - **File tab:** a `file` wraps the block in `figure.file` with the name in its `figcaption`, a muted tab on the top-left edge. The tabs stand in a row of their own on the block's top edge: a long name wraps inside its tab, and the copy tab keeps its width beside it, so the two never overlap and the page never widens.
 - **Copy tab:** `copy` is the page's **`CopyTab`** (a Submodel) rendered through `h.submodel` with `CodeBlock.copyInputs(code, file?)` and the block's `toBlockView`; it sets `pre[data-copy]` and wraps it in `div.copyable` with a `button[type=button][tabindex="0"]` after it, built on `@foldkit/ui`'s Button, and a visually hidden `role="status"`. The link-blue `copy` tab on the top-right answers `copied` (or `select and copy` when the clipboard refuses) and turns back after 1.6s; it takes a press only while it reads `copy`, so one answer ends before the next copy starts (from the press until it reads `copy` again, the button is held: `aria-disabled="true"` and `data-disabled`, with no click handler); its accessible name is "Copy <file name or first line>". It writes through Effect's `Clipboard` port: provide `Clipboard.layer` from `@effect/platform-browser` in the application's `resources`. Both tabs: code fill, 1px code-rule border with no bottom edge, 0 1ch padding, 1.5 leading; a block with only the copy tab gets 2.25rem of room above for it.
@@ -339,8 +339,8 @@ The components are Foldkit: Views and Submodels over `foldkit`, each a namespace
 
 Install the package (README.md beside this file says how), install its peers (`foldkit`, `@foldkit/ui`, `effect`, `@effect/platform-browser`, and `@foldkit/vite-plugin` for `./highlight/vite`) and import the stylesheet once. The package is compiled JavaScript with its types and its views already branded, so the site's build needs only `foldkit()` beside what it imports:
 
-- `.`: every component above as a namespace, `Code` (`LANGUAGES` and the types of a block's coloured lines), `Scheme` (`Scheme`, `SchemeSwitch`, `schemeScript`) and `Scrolls`. Nothing it reaches imports Shiki. Every component renders on a server.
-- `./highlight`: `highlight(code, lang)`, which colours code with Shiki and the package's theme (its scopes mapped to the `--t-*` tokens) and returns the lines `CodeBlock` takes. It is for a build, never a page: importing it builds the highlighter. Shiki comes with the package.
+- `.`: every component above as a namespace, `Code` (`LANGUAGES` and the types of a block's coloured lines), `Scheme` (`Scheme`, `SchemeSwitch`, `schemeScript`) and `Scrolls`. Nothing it reaches imports the highlighter. Every component renders on a server.
+- `./highlight`: `highlight(code, lang)`, which colours code with Highlights (`@pierre/highlights`) and the package's theme (its token types mapped to the `--t-*` tokens) and returns the lines `CodeBlock` takes. It is for a build, never a page: importing it loads the highlighter's WebAssembly. Highlights comes with the package.
 - `./highlight/vite`: `codeLines()`, a Vite plugin that runs `highlight` while the site is built; add it to the build's `plugins`, beside `foldkit()`. An import with the query `?lines=<lang>`, as in `import retry from "./code/retry.txt?lines=ts"`, is the file's text and its lines, `{ code, lines }`, and the file is watched, so a change colours it again. Code the toolchain should not check or format goes in a `.txt`; a source file can be imported twice, to run and to show. The imports are typed by `src/code/lines.d.ts`, an ambient module declaration for each language, which `src/code/code.ts` references: a program that imports `simple-rat` has them, with nothing to add to its `tsconfig`. A build without Vite calls `highlight` itself and passes the lines on.
 - `./scheme`: `schemeScript`, `SCHEME_STORAGE_KEY` and `SCHEME_ATTRIBUTE` alone, for a build that writes `schemeScript` into a page's head.
 - `./tokens.css`: the tokens alone.
@@ -352,7 +352,7 @@ Without Foldkit, link `simple-rat.css` (with `tokens.css` beside it) and write t
 
 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/note/` or `src/footer/`; a View that owns a Mount (`src/codeBlock/`, `src/diagram/`) takes a required `toParentMessage`. A **Submodel** has a Model, Message, `init`, `update` and a `view` made with `defineView`, embedded with `h.submodel`. Copy `src/copyTab/` (a Command through a platform port; `src/copy/copy.ts` holds the Model, Messages, Commands and update, the same file in every system, and `copyTab.ts` adds this system's view) or `src/scheme/` (Commands that touch the document directly and a Command from `init`; `switch.ts` holds the Model, Messages, Commands and update, the same file in every system, and `schemeSwitch.ts` adds this system's view). A browser service that Effect already ports (`Clipboard`) is required from the application; what the component can do itself in a Command (an attribute on `<html>`, a `localStorage` entry) it does there, with no service.
+**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/note/` or `src/footer/`; a View that owns a Mount (`src/code-block/`, `src/diagram/`) takes a required `toParentMessage`. A **Submodel** has a Model, Message, `init`, `update` and a `view` made with `defineView`, embedded with `h.submodel`. Copy `src/copy-tab/` (a Command through a platform port; `src/copy/copy.ts` holds the Model, Messages, Commands and update, the same file in every system, and `copy-tab.ts` adds this system's view) or `src/scheme/` (Commands that touch the document directly and a Command from `init`; `switch.ts` holds the Model, Messages, Commands and update, the same file in every system, and `scheme-switch.ts` adds this system's view). A browser service that Effect already ports (`Clipboard`) is required from the application; what the component can do itself in a Command (an attribute on `<html>`, a `localStorage` entry) it does there, with no service.
 
 Each component is `src/<name>/<name>.ts` with an explicit `index.ts` (its public surface, which only `src/index.ts` imports; a sibling or a test imports the file that defines what it needs), a colocated `<name>.test.ts` (a Story for update, a Scene for view), an `export * as` line in `src/index.ts`, a place on the specimen (the reference page, or for the blog pieces the blog and post pages), and an entry in this document.
 
@@ -365,7 +365,7 @@ Each component is `src/<name>/<name>.ts` with an explicit `index.ts` (its public
 7. **Platform services are the application's.** A component that needs one says so in its TSDoc and here (`CopyTab` writes through Effect's `Clipboard`), and the application provides the Layer in its `resources`; `SchemeSwitch` needs none.
 8. **A Scene test for every accessibility contract** a component adds: roles, accessible names, `aria-pressed`, `aria-current`, `data-label`, the status region. Behaviour that only a real element shows (the overflow Mount) gets a test with real DOM in happy-dom, no mocks.
 9. **Fragment links go back to the browser.** A link to `#id` (the skip link, footnotes, heading links) is routed by Foldkit, so the application hands a fragment on the page being read back to the browser with `load(href)` from `foldkit/navigation`, which marks `:target` and moves the keyboard.
-10. **No module-level state and no clocks in views.** Build-time code lives in `highlight/`, beside `src/` and never inside it: Shiki's highlighter, built once as a module constant (`highlight/highlight.ts`), and the Vite plugin that reads files (`highlight/vite.ts`), published as `./highlight` and `./highlight/vite`. The folder is the boundary: `highlight/` may import from `src/`, and nothing in `src/` imports from `highlight/`. Everything that changes lives in a Model or inside a Mount's scope.
+10. **No module-level state and no clocks in views.** Build-time code lives in `highlight/`, beside `src/` and never inside it: the highlighter and its themes, made once as module constants (`highlight/highlight.ts`), and the Vite plugin that reads files (`highlight/vite.ts`), published as `./highlight` and `./highlight/vite`. The folder is the boundary: `highlight/` may import from `src/`, and nothing in `src/` imports from `highlight/`. Everything that changes lives in a Model or inside a Mount's scope.
 
 ## Do's and Don'ts
 

package/dist/highlight/highlight.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"highlight.d.ts","sourceRoot":"","sources":["../../highlight/highlight.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAwG3D;8BAC8B;AAC9B,eAAO,MAAM,SAAS,SAAU,MAAM,QAAQ,QAAQ,KAAG,KAQtD,CAAC"}
+{"version":3,"file":"highlight.d.ts","sourceRoot":"","sources":["../../highlight/highlight.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AA4D3D;8BAC8B;AAC9B,eAAO,MAAM,SAAS,SAAU,MAAM,QAAQ,QAAQ,KAAG,KAgCxD,CAAC"}

package/dist/highlight/highlight.js

@@ -1,120 +1,71 @@
 import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
-// Syntax colours for code blocks, by Shiki, for a build to run: the theme maps TextMate
-// scopes to the --t-* tokens in tokens.css (Catppuccin: Latte in light, darkened for AA;
-// Mocha in dark), so the colours switch with the page. It sits outside src/, which never
-// imports it: a page is given the lines `highlight` made (vite.ts makes them of a file).
-import { createHighlighterCoreSync } from "shiki/core";
-import { createJavaScriptRawEngine } from "shiki/engine/javascript";
-import css from "@shikijs/langs-precompiled/css";
-import diff from "@shikijs/langs-precompiled/diff";
-import html from "@shikijs/langs-precompiled/html";
-import json from "@shikijs/langs-precompiled/json";
-import shellscript from "@shikijs/langs-precompiled/shellscript";
-import tsx from "@shikijs/langs-precompiled/tsx";
-const t = (token) => __foldkitBrandViewResult((`var(--t-${token})`), "@gjermundgaraba-designs/simple-rat/highlight/highlight.js#t");
-const codeTheme = {
+import { codeToTokens } from "@pierre/highlights";
+const ITALIC_FONT_STYLE_BIT = 1;
+const SYNTAX = {
+    comment: { color: "com", font_style: "italic" },
+    string: "str",
+    "diff.plus": "str",
+    number: "num",
+    boolean: "num",
+    constant: "num",
+    "variable.special": "num",
+    keyword: "kw",
+    "keyword.operator": "op",
+    operator: "op",
+    "punctuation.bracket.html": "op",
+    "punctuation.bracket.jsx": "op",
+    type: "ty",
+    attribute: "ty",
+    selector: "ty",
+    function: "fn",
+    tag: "fn",
+    "property.json_key": "fn",
+    property: "prop",
+    "diff.minus": "del",
+};
+const OVERRIDES = {
+    css: { property: "fn", variable: "prop", function: "kw", tag: "ty" },
+    sh: { function: { color: "fn", font_style: "italic" } },
+    diff: { attribute: "kw" },
+};
+const themeOf = (syntax) => (__foldkitBrandViewResult(({
     name: "simple-rat",
-    type: "light",
-    colors: { "editor.foreground": "var(--code-ink)", "editor.background": "var(--code-fill)" },
-    tokenColors: [
-        {
-            scope: ["comment", "punctuation.definition.comment", "meta.diff.header"],
-            settings: { foreground: t("com"), fontStyle: "italic" },
-        },
-        {
-            scope: [
-                "string",
-                "punctuation.definition.string",
-                "string.unquoted.argument",
-                "markup.inserted",
-            ],
-            settings: { foreground: t("str") },
-        },
-        {
-            scope: [
-                "constant.numeric",
-                "constant.language",
-                "constant.character",
-                "constant.other.color",
-                "keyword.other.unit",
-                "support.constant.property-value",
-                "variable.language.this",
-            ],
-            settings: { foreground: t("num") },
-        },
-        {
-            scope: [
-                "keyword",
-                "storage.type",
-                "storage.modifier",
-                "keyword.control.at-rule",
-                "support.function.misc.css",
-                "support.function.transform.css",
-                "meta.diff.range",
-            ],
-            settings: { foreground: t("kw") },
-        },
-        {
-            scope: [
-                "keyword.operator",
-                "punctuation.definition.tag",
-                "storage.type.function.arrow",
-                "punctuation.separator.pipe",
-            ],
-            settings: { foreground: t("op") },
-        },
-        {
-            scope: [
-                "entity.name.type",
-                "support.type.primitive",
-                "support.class",
-                "entity.other.inherited-class",
-                "entity.other.attribute-name",
-                "entity.name.tag.css",
-                "support.type.builtin",
-            ],
-            settings: { foreground: t("ty") },
-        },
-        {
-            scope: [
-                "entity.name.function",
-                "support.function",
-                "entity.name.tag",
-                "support.class.component",
-                "support.type.property-name",
-                "variable.css",
-            ],
-            settings: { foreground: t("fn") },
-        },
-        {
-            scope: ["entity.name.command", "support.function.builtin.shell"],
-            settings: { foreground: t("fn"), fontStyle: "italic" },
-        },
-        {
-            scope: [
-                "variable.other.property",
-                "variable.other.object.property",
-                "meta.object-literal.key",
-                "variable.argument.css",
-            ],
-            settings: { foreground: t("prop") },
-        },
-        { scope: "markup.deleted", settings: { foreground: t("del") } },
-    ],
+    appearance: "light",
+    style: { syntax },
+    cssVariables: { prefix: "--t-" },
+}), "@gjermundgaraba-designs/simple-rat/highlight/highlight.js#themeOf"));
+const BASE = themeOf(SYNTAX);
+const THEMES = {
+    ts: BASE,
+    tsx: BASE,
+    json: BASE,
+    html: BASE,
+    css: themeOf({ ...SYNTAX, ...OVERRIDES.css }),
+    sh: themeOf({ ...SYNTAX, ...OVERRIDES.sh }),
+    diff: themeOf({ ...SYNTAX, ...OVERRIDES.diff }),
 };
-// Built once, when a build first imports this file. The grammars come precompiled, so
-// nothing translates their patterns. TypeScript is read with the TSX grammar.
-const highlighter = createHighlighterCoreSync({
-    themes: [codeTheme],
-    langs: [css, diff, html, json, shellscript, tsx],
-    langAlias: { ts: "tsx" },
-    engine: createJavaScriptRawEngine(),
-});
 /** A block's runs, line by line, for `CodeBlock`'s `lines`. A run in the plain code ink,
     upright, has no colour. */
-export const highlight = (code, lang) => __foldkitBrandViewResult((highlighter.codeToTokens(code, { lang, theme: "simple-rat" }).tokens.map((line) => __foldkitBrandViewResult((line.map((token) => {
-    // Italic is bit 1 of Shiki's font style.
-    const isItalic = ((token.fontStyle ?? 0) & 1) === 1;
-    const isPlain = token.color === "var(--code-ink)" && !isItalic;
-    return __foldkitBrandViewResult(({ content: token.content, color: isPlain ? undefined : token.color, isItalic }), "@gjermundgaraba-designs/simple-rat/highlight/highlight.js#anonymous~2");
-})), "@gjermundgaraba-designs/simple-rat/highlight/highlight.js#anonymous"))), "@gjermundgaraba-designs/simple-rat/highlight/highlight.js#highlight");
+export const highlight = (code, lang) => {
+    const { tokens, fg } = codeToTokens(code, { lang, theme: THEMES[lang] });
+    return __foldkitBrandViewResult((tokens.map((line) => {
+        const runs = [];
+        for (const token of line) {
+            const isBlank = token.content.trim() === "";
+            const isItalic = !isBlank &&
+                ((token.fontStyle ?? 0) & ITALIC_FONT_STYLE_BIT) ===
+                    ITALIC_FONT_STYLE_BIT;
+            const color = isBlank || (token.color === fg && !isItalic) ? undefined : token.color;
+            const last = runs.at(-1);
+            if (last !== undefined &&
+                last.color === color &&
+                last.isItalic === isItalic) {
+                last.content += token.content;
+            }
+            else {
+                runs.push({ content: token.content, color, isItalic });
+            }
+        }
+        return __foldkitBrandViewResult((runs), "@gjermundgaraba-designs/simple-rat/highlight/highlight.js#anonymous");
+    })), "@gjermundgaraba-designs/simple-rat/highlight/highlight.js#highlight");
+};

package/dist/highlight/vite.d.ts

@@ -1,4 +1,5 @@
-type Plugin = ReturnType<typeof import("@foldkit/vite-plugin").foldkitViewIdentity>;
+import type { foldkitViewIdentity } from "@foldkit/vite-plugin";
+type Plugin = ReturnType<typeof foldkitViewIdentity>;
 /**
  * Colours code while the site is built, so no page loads the highlighter. An import with the
  * query `?lines=<lang>` (one of `LANGUAGES`) is the file's text and its coloured lines,

package/dist/highlight/vite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vite.d.ts","sourceRoot":"","sources":["../../highlight/vite.ts"],"names":[],"mappings":"AAKA,KAAK,MAAM,GAAG,UAAU,CAAC,cAAc,sBAAsB,EAAE,mBAAmB,CAAC,CAAC;AAOpF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,SAAS,QAAO,MAc3B,CAAC"}
+{"version":3,"file":"vite.d.ts","sourceRoot":"","sources":["../../highlight/vite.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAMhE,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAOrD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,SAAS,QAAO,MAqB3B,CAAC"}

package/dist/highlight/vite.js

@@ -2,8 +2,7 @@ import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { readFile } from "node:fs/promises";
 import { LANGUAGES } from "../src/code/code.js";
 import { highlight } from "./highlight.js";
-// A file's path, then `lines=<lang>` anywhere in its query.
-const LINES_IMPORT = /^([^?]+)\?(?:.*&)?lines=([^&]*)/;
+const LINES_IMPORT = /^(?<file>[^?]+)\?(?:.*&)?lines=(?<lang>[^&]*)/u;
 const isLanguage = (lang) => __foldkitBrandViewResult((LANGUAGES.some((known) => __foldkitBrandViewResult((known === lang), "@gjermundgaraba-designs/simple-rat/highlight/vite.js#anonymous"))), "@gjermundgaraba-designs/simple-rat/highlight/vite.js#isLanguage");
 /**
  * Colours code while the site is built, so no page loads the highlighter. An import with the
@@ -22,17 +21,17 @@ const isLanguage = (lang) => __foldkitBrandViewResult((LANGUAGES.some((known) =>
  */
 export const codeLines = () => (__foldkitBrandViewResult(({
     name: "simple-rat:code-lines",
-    // Before Vite's own loaders, which would take a .txt for an asset.
     enforce: "pre",
     async load(id) {
-        const [, file, lang] = LINES_IMPORT.exec(id) ?? [];
-        if (file === undefined || lang === undefined)
+        const { file, lang } = LINES_IMPORT.exec(id)?.groups ?? {};
+        if (file === undefined || lang === undefined) {
             return __foldkitBrandViewResult((null), "@gjermundgaraba-designs/simple-rat/highlight/vite.js#load");
+        }
         if (!isLanguage(lang)) {
             return __foldkitBrandViewResult((this.error(`simple-rat: ?lines=${lang} is none of ${LANGUAGES.join(", ")}`)), "@gjermundgaraba-designs/simple-rat/highlight/vite.js#load");
         }
         this.addWatchFile(file);
-        const code = await readFile(file, "utf8");
+        const code = await readFile(file, "utf-8");
         return __foldkitBrandViewResult((`export default ${JSON.stringify({ code, lines: highlight(code, lang) })};`), "@gjermundgaraba-designs/simple-rat/highlight/vite.js#load");
     },
 }), "@gjermundgaraba-designs/simple-rat/highlight/vite.js#codeLines"));

package/dist/src/code/code.d.ts

@@ -1,20 +1,20 @@
+/// <reference path="../../../src/code/lines.d.ts" preserve="true" />
 /** The languages a block can be coloured in. */
 export declare const LANGUAGES: readonly ["ts", "tsx", "sh", "json", "css", "html", "diff"];
 export type Language = (typeof LANGUAGES)[number];
-/** One coloured run of a line: its text, the `--t-*` colour Shiki gave it, and whether it
+/** One coloured run of a line: its text, the `--t-*` colour the highlighter gave it, and whether it
     is italic. */
-type Run = Readonly<{
+export type Run = Readonly<{
     content: string;
     color: string | undefined;
     isItalic: boolean;
 }>;
 /** A block's runs, line by line. A run in the plain code ink, upright, has no colour. */
-export type Lines = ReadonlyArray<ReadonlyArray<Run>>;
+export type Lines = ReadonlyArray<readonly Run[]>;
 /** A file's text and its coloured lines: what an import with `?lines=<lang>` gives (see
     lines.d.ts). */
 export type Highlighted = Readonly<{
     code: string;
     lines: Lines;
 }>;
-export {};
 //# sourceMappingURL=code.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../../src/code/code.ts"],"names":[],"mappings":"AASA,gDAAgD;AAChD,eAAO,MAAM,SAAS,YAAI,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAU,CAAC;AACrF,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;AAElD;iBACiB;AACjB,KAAK,GAAG,GAAG,QAAQ,CAAC;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAEvF,yFAAyF;AACzF,MAAM,MAAM,KAAK,GAAG,aAAa,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC;AAEtD;mBACmB;AACnB,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,KAAK,CAAA;CAAE,CAAC,CAAC"}
+{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../../src/code/code.ts"],"names":[],"mappings":";AAGA,gDAAgD;AAChD,eAAO,MAAM,SAAS,YACpB,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,MAAM,EACN,KAAK,EACL,MAAM,EACN,MAAM,CACE,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;AAElD;iBACiB;AACjB,MAAM,MAAM,GAAG,GAAG,QAAQ,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,yFAAyF;AACzF,MAAM,MAAM,KAAK,GAAG,aAAa,CAAC,SAAS,GAAG,EAAE,CAAC,CAAC;AAElD;mBACmB;AACnB,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,KAAK,CAAA;CAAE,CAAC,CAAC"}

package/dist/src/code/code.js

@@ -1,9 +1,12 @@
-// The `?lines=<lang>` imports are declared for every program that reaches this file, which
-// is every one that imports the package: an ambient declaration has no import to travel by.
 // oxlint-disable-next-line typescript/triple-slash-reference
-/// <reference path="./lines.d.ts" />
-// A code block's colours as data, with no highlighter: what `CodeBlock` renders and what a
-// build makes with `highlight` (highlight/highlight.ts), so a page carries the colours and
-// not Shiki.
+/// <reference path="./lines.d.ts" preserve="true" />
 /** The languages a block can be coloured in. */
-export const LANGUAGES = ["ts", "tsx", "sh", "json", "css", "html", "diff"];
+export const LANGUAGES = [
+    "ts",
+    "tsx",
+    "sh",
+    "json",
+    "css",
+    "html",
+    "diff",
+];

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/code/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/code/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC"}

package/dist/src/{codeBlock/codeBlock.d.ts → code-block/code-block.d.ts}

@@ -1,6 +1,6 @@
 import type { Html, HtmlBuilder } from "foldkit/html";
 import type { Language, Lines } from "../code/code.ts";
-import type { ViewInputs as CopyInputs } from "../copyTab/copyTab.ts";
+import type { ViewInputs as CopyInputs } from "../copy-tab/copy-tab.ts";
 import * as Scrolls from "../scrolls/scrolls.ts";
 /** Configuration for rendering a code block with `view`. */
 export type ViewConfig<ParentMessage> = Readonly<{
@@ -21,7 +21,6 @@ export type ViewConfig<ParentMessage> = Readonly<{
     /** The overflow Mount's report, lifted into the page's Messages, which may ignore it. */
     toParentMessage: (message: Scrolls.Message) => ParentMessage;
 }>;
-/** The block's name for assistive technology: its file, or its first line. */
 export declare const nameOf: (code: string, file?: string) => string;
 /** What a block's `CopyTab` is given: the block's name and its code, without a trailing
     newline. */
@@ -29,4 +28,4 @@ export declare const copyInputs: (code: string, file?: string) => Omit<CopyInput
 /** A code block: coloured where it is given its lines, optionally with a file tab and a
     copy tab. Only a block that overflows takes focus, through `Scrolls.WatchOverflow`. */
 export declare const view: <ParentMessage>(config: ViewConfig<ParentMessage>, h: HtmlBuilder<ParentMessage>) => Html;
-//# sourceMappingURL=codeBlock.d.ts.map
+//# sourceMappingURL=code-block.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../../src/code-block/code-block.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGtD,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,KAAK,EAAE,UAAU,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,KAAK,OAAO,MAAM,uBAAuB,CAAC;AAEjD,4DAA4D;AAC5D,MAAM,MAAM,UAAU,CAAC,aAAa,IAAI,QAAQ,CAAC;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb;wEACoE;IACpE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;2DAEuD;IACvD,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;yBAEqB;IACrB,IAAI,CAAC,EAAE,CAAC,CAAC,WAAW,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACvD,yFAAyF;IACzF,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,KAAK,aAAa,CAAC;CAC9D,CAAC,CAAC;AAEH,eAAO,MAAM,MAAM,SAAU,MAAM,SAAS,MAAM,KAAG,MAMpD,CAAC;AAEF;eACe;AACf,eAAO,MAAM,UAAU,SACf,MAAM,SACL,MAAM,KACZ,IAAI,CAAC,UAAU,EAAE,aAAa,CAG/B,CAAC;AAuBH;0FAC0F;AAC1F,eAAO,MAAM,IAAI,GAAI,aAAa,UACxB,UAAU,CAAC,aAAa,CAAC,KAC9B,WAAW,CAAC,aAAa,CAAC,KAC5B,IA4BF,CAAC"}

package/dist/src/{codeBlock/codeBlock.js → code-block/code-block.js}

@@ -2,23 +2,27 @@ import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Option } from "effect";
 import * as Mount from "foldkit/mount";
 import * as Scrolls from "../scrolls/scrolls.js";
-/** The block's name for assistive technology: its file, or its first line. */
 export const nameOf = (code, file) => {
     const firstLine = code.trim().split("\n")[0] ?? "";
-    return __foldkitBrandViewResult((file ?? (firstLine.length > 40 ? `${firstLine.slice(0, 40)}…` : firstLine)), "@gjermundgaraba-designs/simple-rat/src/codeBlock/codeBlock.js#nameOf");
+    return (__foldkitBrandViewResult((file ?? (firstLine.length > 40 ? `${firstLine.slice(0, 40)}…` : firstLine)), "@gjermundgaraba-designs/simple-rat/src/code-block/code-block.js#nameOf"));
 };
 /** What a block's `CopyTab` is given: the block's name and its code, without a trailing
     newline. */
 export const copyInputs = (code, file) => (__foldkitBrandViewResult(({
     name: nameOf(code, file),
     text: code.trimEnd(),
-}), "@gjermundgaraba-designs/simple-rat/src/codeBlock/codeBlock.js#copyInputs"));
+}), "@gjermundgaraba-designs/simple-rat/src/code-block/code-block.js#copyInputs"));
 const linesView = (lines, h) => __foldkitBrandViewResult((lines.flatMap((line, index) => __foldkitBrandViewResult(([
     ...(index > 0 ? ["\n"] : []),
     ...line.map((run) => __foldkitBrandViewResult((run.color === undefined
         ? run.content
-        : h.span([h.Style({ color: run.color, ...(run.isItalic ? { fontStyle: "italic" } : {}) })], [run.content])), "@gjermundgaraba-designs/simple-rat/src/codeBlock/codeBlock.js#anonymous~2")),
-]), "@gjermundgaraba-designs/simple-rat/src/codeBlock/codeBlock.js#anonymous"))), "@gjermundgaraba-designs/simple-rat/src/codeBlock/codeBlock.js#linesView");
+        : h.span([
+            h.Style({
+                color: run.color,
+                ...(run.isItalic ? { fontStyle: "italic" } : {}),
+            }),
+        ], [run.content])), "@gjermundgaraba-designs/simple-rat/src/code-block/code-block.js#anonymous~2")),
+]), "@gjermundgaraba-designs/simple-rat/src/code-block/code-block.js#anonymous"))), "@gjermundgaraba-designs/simple-rat/src/code-block/code-block.js#linesView");
 /** A code block: coloured where it is given its lines, optionally with a file tab and a
     copy tab. Only a block that overflows takes focus, through `Scrolls.WatchOverflow`. */
 export const view = (config, h) => {
@@ -29,7 +33,9 @@ export const view = (config, h) => {
         h.OnMount(Mount.mapMessage(Scrolls.WatchOverflow({ maybeName: Option.some(name) }), toParentMessage)),
     ], [
         h.code(lang === undefined ? [] : [h.Class(`language-${lang}`)], lines === undefined ? [code] : linesView(lines, h)),
-    ])), "@gjermundgaraba-designs/simple-rat/src/codeBlock/codeBlock.js#toBlockView");
+    ])), "@gjermundgaraba-designs/simple-rat/src/code-block/code-block.js#toBlockView");
     const body = copy === undefined ? toBlockView() : copy(toBlockView);
-    return __foldkitBrandViewResult((file === undefined ? body : h.figure([h.Class("file")], [h.figcaption([], [file]), body])), "@gjermundgaraba-designs/simple-rat/src/codeBlock/codeBlock.js#view");
+    return __foldkitBrandViewResult((file === undefined
+        ? body
+        : h.figure([h.Class("file")], [h.figcaption([], [file]), body])), "@gjermundgaraba-designs/simple-rat/src/code-block/code-block.js#view");
 };

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

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

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

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

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

@@ -0,0 +1 @@
+export { copyInputs, view } from "./code-block.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/simple-rat/src/copy/copy.js#init"));
-// ACCESSORS
 /** The control's id, unique in the document. */
 export const id = (model) => __foldkitBrandViewResult((model.id), "@gjermundgaraba-designs/simple-rat/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/simple-rat/src/copy/copy.js#anonymous");
-    }).pipe(Effect.catch(() => __foldkitBrandViewResult((Effect.succeed(Message.FailedCopyText())), "@gjermundgaraba-designs/simple-rat/src/copy/copy.js#anonymous~2")))), "@gjermundgaraba-designs/simple-rat/src/copy/copy.js#execute"),
+    }).pipe(Effect.orElseSucceed(() => __foldkitBrandViewResult((Message.FailedCopyText()), "@gjermundgaraba-designs/simple-rat/src/copy/copy.js#anonymous~2")))), "@gjermundgaraba-designs/simple-rat/src/copy/copy.js#execute"),
 });
 /** Waits out the beat the answer shows for. */
 export const WaitBeforeSettling = Command.define("WaitBeforeSettling", {

package/dist/src/{copyTab/copyTab.d.ts → copy-tab/copy-tab.d.ts}

@@ -1,5 +1,6 @@
 import type { Html } from "foldkit/html";
-export * 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, for the tab's accessible name: the block's file or first line. */
@@ -44,4 +45,4 @@ export declare const view: import("foldkit/submodel").View<{
         boundary, so its Mount reports to the page). */
     toBlockView: () => Html;
 }>>;
-//# sourceMappingURL=copyTab.d.ts.map
+//# sourceMappingURL=copy-tab.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"copy-tab.d.ts","sourceRoot":"","sources":["../../../src/copy-tab/copy-tab.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAMzC,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,qFAAqF;IACrF,IAAI,EAAE,MAAM,CAAC;IACb,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb;uDACmD;IACnD,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC,CAAC;AAkBH;;;;sEAIsE;AACtE,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;IA9Bf,qFAAqF;UAC/E,MAAM;IACZ,kCAAkC;UAC5B,MAAM;IACZ;uDACmD;iBACtC,MAAM,IAAI;GAgDxB,CAAC"}

package/dist/src/{copyTab/copyTab.js → copy-tab/copy-tab.js}

@@ -2,19 +2,19 @@ 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 * 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/simple-rat/src/copyTab/copyTab.js#Idle"),
-    Copying: () => __foldkitBrandViewResult(("copy"), "@gjermundgaraba-designs/simple-rat/src/copyTab/copyTab.js#Copying"),
-    Copied: () => __foldkitBrandViewResult(("copied"), "@gjermundgaraba-designs/simple-rat/src/copyTab/copyTab.js#Copied"),
-    Failed: () => __foldkitBrandViewResult(("select and copy"), "@gjermundgaraba-designs/simple-rat/src/copyTab/copyTab.js#Failed"),
-})), "@gjermundgaraba-designs/simple-rat/src/copyTab/copyTab.js#word");
+    Idle: () => __foldkitBrandViewResult(("copy"), "@gjermundgaraba-designs/simple-rat/src/copy-tab/copy-tab.js#Idle"),
+    Copying: () => __foldkitBrandViewResult(("copy"), "@gjermundgaraba-designs/simple-rat/src/copy-tab/copy-tab.js#Copying"),
+    Copied: () => __foldkitBrandViewResult(("copied"), "@gjermundgaraba-designs/simple-rat/src/copy-tab/copy-tab.js#Copied"),
+    Failed: () => __foldkitBrandViewResult(("select and copy"), "@gjermundgaraba-designs/simple-rat/src/copy-tab/copy-tab.js#Failed"),
+})), "@gjermundgaraba-designs/simple-rat/src/copy-tab/copy-tab.js#word");
 const said = (state) => __foldkitBrandViewResult((CopyState.match(state, {
-    Idle: () => __foldkitBrandViewResult((""), "@gjermundgaraba-designs/simple-rat/src/copyTab/copyTab.js#Idle~2"),
-    Copying: () => __foldkitBrandViewResult((""), "@gjermundgaraba-designs/simple-rat/src/copyTab/copyTab.js#Copying~2"),
-    Copied: () => __foldkitBrandViewResult(("Copied"), "@gjermundgaraba-designs/simple-rat/src/copyTab/copyTab.js#Copied~2"),
-    Failed: () => __foldkitBrandViewResult(("Copy failed. Select the text and copy it by hand."), "@gjermundgaraba-designs/simple-rat/src/copyTab/copyTab.js#Failed~2"),
-})), "@gjermundgaraba-designs/simple-rat/src/copyTab/copyTab.js#said");
+    Idle: () => __foldkitBrandViewResult((""), "@gjermundgaraba-designs/simple-rat/src/copy-tab/copy-tab.js#Idle~2"),
+    Copying: () => __foldkitBrandViewResult((""), "@gjermundgaraba-designs/simple-rat/src/copy-tab/copy-tab.js#Copying~2"),
+    Copied: () => __foldkitBrandViewResult(("Copied"), "@gjermundgaraba-designs/simple-rat/src/copy-tab/copy-tab.js#Copied~2"),
+    Failed: () => __foldkitBrandViewResult(("Copy failed. Select the text and copy it by hand."), "@gjermundgaraba-designs/simple-rat/src/copy-tab/copy-tab.js#Failed~2"),
+})), "@gjermundgaraba-designs/simple-rat/src/copy-tab/copy-tab.js#said");
 /** `div.copyable`: the block, a `copy` tab on its top-right edge, built on `@foldkit/ui`'s
     Button, that answers `copied` (or `select and copy` when the browser refuses) for a beat
     and says so to screen readers through a visually hidden status. The tab takes a press only
@@ -25,7 +25,7 @@ export const view = defineView((model, { name, text, toBlockView }, h) => __fold
     UiButton.view({
         isDisabled: !CopyState.guards.Idle(model.state),
         onClick: Message.ClickedCopy({ text }),
-        toView: ({ button }) => __foldkitBrandViewResult((h.button([...button, h.AriaLabel(`Copy ${name}`)], [word(model.state)])), "@gjermundgaraba-designs/simple-rat/src/copyTab/copyTab.js#toView"),
+        toView: ({ button }) => __foldkitBrandViewResult((h.button([...button, h.AriaLabel(`Copy ${name}`)], [word(model.state)])), "@gjermundgaraba-designs/simple-rat/src/copy-tab/copy-tab.js#toView"),
     }, h),
     h.span([h.Class("visually-hidden"), h.Role("status")], [said(model.state)]),
-])), "@gjermundgaraba-designs/simple-rat/src/copyTab/copyTab.js#anonymous"));
+])), "@gjermundgaraba-designs/simple-rat/src/copy-tab/copy-tab.js#anonymous"));

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

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

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

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

package/dist/src/{copyTab → copy-tab}/index.js

@@ -1 +1 @@
-export { CopyText, Message, Model, WaitBeforeSettling, id, init, update, view } from "./copyTab.js";
+export { CopyText, Message, Model, WaitBeforeSettling, id, init, update, view, } from "./copy-tab.js";

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

@@ -1 +1 @@
-{"version":3,"file":"diagram.d.ts","sourceRoot":"","sources":["../../../src/diagram/diagram.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGtD,OAAO,KAAK,OAAO,MAAM,uBAAuB,CAAC;AAEjD,yDAAyD;AACzD,MAAM,MAAM,UAAU,CAAC,aAAa,IAAI,QAAQ,CAAC;IAC/C,8CAA8C;IAC9C,OAAO,EAAE,MAAM,CAAC;IAChB,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,OAAO,CAAC,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACvC,yFAAyF;IACzF,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,KAAK,aAAa,CAAC;CAC9D,CAAC,CAAC;AAEH;;oDAEoD;AACpD,eAAO,MAAM,IAAI,GAAI,aAAa,UACxB,UAAU,CAAC,aAAa,CAAC,KAC9B,WAAW,CAAC,aAAa,CAAC,KAC5B,IAkBF,CAAC"}
+{"version":3,"file":"diagram.d.ts","sourceRoot":"","sources":["../../../src/diagram/diagram.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGtD,OAAO,KAAK,OAAO,MAAM,uBAAuB,CAAC;AAEjD,yDAAyD;AACzD,MAAM,MAAM,UAAU,CAAC,aAAa,IAAI,QAAQ,CAAC;IAC/C,8CAA8C;IAC9C,OAAO,EAAE,MAAM,CAAC;IAChB,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,OAAO,CAAC,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACvC,yFAAyF;IACzF,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,KAAK,aAAa,CAAC;CAC9D,CAAC,CAAC;AAEH;;oDAEoD;AACpD,eAAO,MAAM,IAAI,GAAI,aAAa,UACxB,UAAU,CAAC,aAAa,CAAC,KAC9B,WAAW,CAAC,aAAa,CAAC,KAC5B,IAsBF,CAAC"}

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/footer/footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/footer/footer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEtD,0DAA0D;AAC1D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,oBAAoB;IACpB,IAAI,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;CACpC,CAAC,CAAC;AAEH,2BAA2B;AAC3B,eAAO,MAAM,IAAI,GAAI,OAAO,UAAU,UAAU,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IAC5B,CAAC"}
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/footer/footer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEtD,0DAA0D;AAC1D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,oBAAoB;IACpB,IAAI,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;CACpC,CAAC,CAAC;AAEH,2BAA2B;AAC3B,eAAO,MAAM,IAAI,GAAI,OAAO,UAClB,UAAU,KACf,WAAW,CAAC,OAAO,CAAC,KACtB,IAAsD,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"footnotes.d.ts","sourceRoot":"","sources":["../../../src/footnotes/footnotes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEtD,8FAA8F;AAC9F,eAAO,MAAM,OAAO,GAAI,OAAO,cAAc,MAAM,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IACgB,CAAC;AAEhG,yDAAyD;AACzD,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,kCAAkC;IAClC,KAAK,EAAE,aAAa,CAAC,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC;CACpD,CAAC,CAAC;AAEH;kDACkD;AAClD,eAAO,MAAM,IAAI,GAAI,OAAO,UAAU,UAAU,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IAuBzE,CAAC"}
+{"version":3,"file":"footnotes.d.ts","sourceRoot":"","sources":["../../../src/footnotes/footnotes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEtD,8FAA8F;AAC9F,eAAO,MAAM,OAAO,GAAI,OAAO,cACjB,MAAM,KACf,WAAW,CAAC,OAAO,CAAC,KACtB,IASA,CAAC;AAEJ,yDAAyD;AACzD,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,kCAAkC;IAClC,KAAK,EAAE,aAAa,CAAC,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC;CACpD,CAAC,CAAC;AAEH;kDACkD;AAClD,eAAO,MAAM,IAAI,GAAI,OAAO,UAClB,UAAU,KACf,WAAW,CAAC,OAAO,CAAC,KACtB,IA2BA,CAAC"}