@gjermundgaraba-designs/simple-rat 0.0.0-stage → 0.7.0

package/dist/src/header/header.js

@@ -0,0 +1,8 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+/** The page's header: a nav named "Primary navigation", a line of lowercase links separated
+    by middots, then a rule. Each item after the first sits in a `span` with its middot, so a
+    wrapped line starts with the middot instead of ending on one. */
+export const view = (config, h) => __foldkitBrandViewResult((h.header([], [
+    h.nav([h.AriaLabel("Primary navigation")], config.items.flatMap((item, index) => __foldkitBrandViewResult((index === 0 ? [item] : [" ", h.span([], ["· ", item])]), "@gjermundgaraba-designs/simple-rat/src/header/header.js#anonymous"))),
+    h.hr([]),
+])), "@gjermundgaraba-designs/simple-rat/src/header/header.js#view");

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

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

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

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

package/dist/src/header/index.js

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

package/dist/src/heading/heading.d.ts

@@ -0,0 +1,12 @@
+import type { Html, HtmlBuilder } from "foldkit/html";
+/** Configuration for rendering a section heading with `view`. */
+export type ViewConfig = Readonly<{
+    level: 2 | 3;
+    id: string;
+    /** The heading's words, which also name its link. */
+    text: string;
+}>;
+/** A section heading with a `#` link to itself, shown on hover and focus. The page title is
+    a plain `h1`. */
+export declare const view: <Message>(config: ViewConfig, h: HtmlBuilder<Message>) => Html;
+//# sourceMappingURL=heading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../../src/heading/heading.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEtD,iEAAiE;AACjE,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,qDAAqD;IACrD,IAAI,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAEH;oBACoB;AACpB,eAAO,MAAM,IAAI,GAAI,OAAO,UAAU,UAAU,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IAQ3E,CAAC"}

package/dist/src/heading/heading.js

@@ -0,0 +1,12 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+/** A section heading with a `#` link to itself, shown on hover and focus. The page title is
+    a plain `h1`. */
+export const view = (config, h) => {
+    const { level, id, text } = config;
+    const children = [
+        text,
+        " ",
+        h.a([h.Class("self"), h.Href(`#${id}`), h.AriaLabel(`Link to ${text}`)], ["#"]),
+    ];
+    return __foldkitBrandViewResult((level === 2 ? h.h2([h.Id(id)], children) : h.h3([h.Id(id)], children)), "@gjermundgaraba-designs/simple-rat/src/heading/heading.js#view");
+};

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

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

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

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

package/dist/src/heading/index.js

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

package/dist/src/index.d.ts

@@ -0,0 +1,19 @@
+export * as Code from "./code/index.ts";
+export * as CodeBlock from "./codeBlock/index.ts";
+export * as CopyTab from "./copyTab/index.ts";
+export * as Diagram from "./diagram/index.ts";
+export * as Footer from "./footer/index.ts";
+export * as Footnotes from "./footnotes/index.ts";
+export * as Header from "./header/index.ts";
+export * as Heading from "./heading/index.ts";
+export * as NavLink from "./navLink/index.ts";
+export * as Note from "./note/index.ts";
+export * as Pager from "./pager/index.ts";
+export * as PostList from "./postList/index.ts";
+export * as PostMeta from "./postMeta/index.ts";
+export * as Scheme from "./scheme/index.ts";
+export * as Scrolls from "./scrolls/index.ts";
+export * as SkipLink from "./skipLink/index.ts";
+export * as Swatch from "./swatch/index.ts";
+export * as Table from "./table/index.ts";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,IAAI,MAAM,iBAAiB,CAAC;AACxC,OAAO,KAAK,SAAS,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,OAAO,MAAM,oBAAoB,CAAC;AAC9C,OAAO,KAAK,OAAO,MAAM,oBAAoB,CAAC;AAC9C,OAAO,KAAK,MAAM,MAAM,mBAAmB,CAAC;AAC5C,OAAO,KAAK,SAAS,MAAM,sBAAsB,CAAC;AAClD,OAAO,KAAK,MAAM,MAAM,mBAAmB,CAAC;AAC5C,OAAO,KAAK,OAAO,MAAM,oBAAoB,CAAC;AAC9C,OAAO,KAAK,OAAO,MAAM,oBAAoB,CAAC;AAC9C,OAAO,KAAK,IAAI,MAAM,iBAAiB,CAAC;AACxC,OAAO,KAAK,KAAK,MAAM,kBAAkB,CAAC;AAC1C,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,MAAM,MAAM,mBAAmB,CAAC;AAC5C,OAAO,KAAK,OAAO,MAAM,oBAAoB,CAAC;AAC9C,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,MAAM,MAAM,mBAAmB,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,kBAAkB,CAAC"}

package/dist/src/index.js

@@ -0,0 +1,20 @@
+// simple rat's Foldkit components. Each renders the markup simple-rat.css styles; plain
+// elements (paragraphs, lists, quotes, kbd, mark, details) need no component.
+export * as Code from "./code/index.js";
+export * as CodeBlock from "./codeBlock/index.js";
+export * as CopyTab from "./copyTab/index.js";
+export * as Diagram from "./diagram/index.js";
+export * as Footer from "./footer/index.js";
+export * as Footnotes from "./footnotes/index.js";
+export * as Header from "./header/index.js";
+export * as Heading from "./heading/index.js";
+export * as NavLink from "./navLink/index.js";
+export * as Note from "./note/index.js";
+export * as Pager from "./pager/index.js";
+export * as PostList from "./postList/index.js";
+export * as PostMeta from "./postMeta/index.js";
+export * as Scheme from "./scheme/index.js";
+export * as Scrolls from "./scrolls/index.js";
+export * as SkipLink from "./skipLink/index.js";
+export * as Swatch from "./swatch/index.js";
+export * as Table from "./table/index.js";

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

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

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

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

package/dist/src/navLink/index.js

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

package/dist/src/navLink/navLink.d.ts

@@ -0,0 +1,13 @@
+import type { Html, HtmlBuilder } from "foldkit/html";
+/** Configuration for rendering a nav link with `view`. */
+export type ViewConfig = Readonly<{
+    href: string;
+    /** The link's words, lowercase. */
+    label: string;
+    /** `"Page"` for the page you are on (plain text), `"Section"` for the section it belongs
+        to (plain, still underlined). */
+    current?: "Page" | "Section" | undefined;
+}>;
+/** A link in the header nav. Nav links never turn visited purple. */
+export declare const view: <Message>(config: ViewConfig, h: HtmlBuilder<Message>) => Html;
+//# sourceMappingURL=navLink.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navLink.d.ts","sourceRoot":"","sources":["../../../src/navLink/navLink.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEtD,0DAA0D;AAC1D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd;wCACoC;IACpC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;CAC1C,CAAC,CAAC;AAEH,qEAAqE;AACrE,eAAO,MAAM,IAAI,GAAI,OAAO,UAAU,UAAU,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IAI3E,CAAC"}

package/dist/src/navLink/navLink.js

@@ -0,0 +1,7 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+/** A link in the header nav. Nav links never turn visited purple. */
+export const view = (config, h) => {
+    const pageAttributes = config.current === "Page" ? [h.AriaCurrent("page")] : [];
+    const sectionAttributes = config.current === "Section" ? [h.AriaCurrent("true")] : [];
+    return __foldkitBrandViewResult((h.a([h.Href(config.href), ...pageAttributes, ...sectionAttributes], [config.label])), "@gjermundgaraba-designs/simple-rat/src/navLink/navLink.js#view");
+};

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

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

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

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

package/dist/src/note/index.js

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

package/dist/src/note/note.d.ts

@@ -0,0 +1,12 @@
+import type { Html, HtmlBuilder } from "foldkit/html";
+/** Configuration for rendering a note with `view`. */
+export type ViewConfig = Readonly<{
+    /** A warning doubles the rule and turns the first word red. Keep it for real
+        consequences, like a step that deletes something. */
+    isWarn?: boolean;
+    body: ReadonlyArray<Html | string>;
+}>;
+/** A ruled box for the thing a reader must not miss, its first word "Note." (or "Warning.")
+    in bold; at most one per screen. */
+export declare const view: <Message>(config: ViewConfig, h: HtmlBuilder<Message>) => Html;
+//# sourceMappingURL=note.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"note.d.ts","sourceRoot":"","sources":["../../../src/note/note.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEtD,sDAAsD;AACtD,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC;4DACwD;IACxD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;CACpC,CAAC,CAAC;AAEH;uCACuC;AACvC,eAAO,MAAM,IAAI,GAAI,OAAO,UAAU,UAAU,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IAM3E,CAAC"}

package/dist/src/note/note.js

@@ -0,0 +1,7 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+/** A ruled box for the thing a reader must not miss, its first word "Note." (or "Warning.")
+    in bold; at most one per screen. */
+export const view = (config, h) => {
+    const { isWarn = false, body } = config;
+    return __foldkitBrandViewResult((h.aside([h.Class(isWarn ? "note warn" : "note")], [h.p([], [h.strong([], [isWarn ? "Warning." : "Note."]), " ", ...body])])), "@gjermundgaraba-designs/simple-rat/src/note/note.js#view");
+};

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

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

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

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

package/dist/src/pager/index.js

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

package/dist/src/pager/pager.d.ts

@@ -0,0 +1,17 @@
+import type { Html, HtmlBuilder } from "foldkit/html";
+/** A link in the pager: where it goes and its words. */
+export type Link = Readonly<{
+    href: string;
+    label: string;
+}>;
+/** Configuration for rendering the pager with `view`. */
+export type ViewConfig = Readonly<{
+    newer?: Link | undefined;
+    older?: Link | undefined;
+    /** The way back to all posts. */
+    all: Link;
+}>;
+/** Older and newer links at the end of a post, then the way back to all posts. A missing
+    neighbour becomes a muted line saying so. */
+export declare const view: <Message>(config: ViewConfig, h: HtmlBuilder<Message>) => Html;
+//# sourceMappingURL=pager.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pager.d.ts","sourceRoot":"","sources":["../../../src/pager/pager.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEtD,wDAAwD;AACxD,MAAM,MAAM,IAAI,GAAG,QAAQ,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAE7D,yDAAyD;AACzD,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,KAAK,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IACzB,iCAAiC;IACjC,GAAG,EAAE,IAAI,CAAC;CACX,CAAC,CAAC;AAEH;gDACgD;AAChD,eAAO,MAAM,IAAI,GAAI,OAAO,UAAU,UAAU,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IAc3E,CAAC"}

package/dist/src/pager/pager.js

@@ -0,0 +1,15 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+/** Older and newer links at the end of a post, then the way back to all posts. A missing
+    neighbour becomes a muted line saying so. */
+export const view = (config, h) => {
+    const { newer, older, all } = config;
+    return __foldkitBrandViewResult((h.nav([h.Class("pager"), h.AriaLabel("Older and newer posts")], [
+        newer === undefined
+            ? h.p([h.Class("muted")], ["This is the newest post."])
+            : h.p([], ["Newer: ", h.a([h.Href(newer.href)], [newer.label])]),
+        older === undefined
+            ? h.p([h.Class("muted")], ["This is the oldest post."])
+            : h.p([], ["Older: ", h.a([h.Href(older.href)], [older.label])]),
+        h.p([], [h.a([h.Href(all.href)], [all.label])]),
+    ])), "@gjermundgaraba-designs/simple-rat/src/pager/pager.js#view");
+};

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

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

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

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

package/dist/src/postList/index.js

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

package/dist/src/postList/postList.d.ts

@@ -0,0 +1,13 @@
+import type { Html, HtmlBuilder } from "foldkit/html";
+export type Entry = Readonly<{
+    date: string;
+    title: string;
+    href: string;
+}>;
+/** Configuration for rendering a post list with `view`. */
+export type ViewConfig = Readonly<{
+    posts: ReadonlyArray<Entry>;
+}>;
+/** A list of posts: date, then title, in two columns. */
+export declare const view: <Message>(config: ViewConfig, h: HtmlBuilder<Message>) => Html;
+//# sourceMappingURL=postList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"postList.d.ts","sourceRoot":"","sources":["../../../src/postList/postList.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEtD,MAAM,MAAM,KAAK,GAAG,QAAQ,CAAC;IAAmB,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAE7F,2DAA2D;AAC3D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAAE,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAA;CAAE,CAAC,CAAC;AAEnE,yDAAyD;AACzD,eAAO,MAAM,IAAI,GAAI,OAAO,UAAU,UAAU,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IAUzE,CAAC"}

package/dist/src/postList/postList.js

@@ -0,0 +1,3 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+/** A list of posts: date, then title, in two columns. */
+export const view = (config, h) => __foldkitBrandViewResult((h.ul([h.Class("posts")], config.posts.map((post) => __foldkitBrandViewResult((h.keyed("li")(post.href, [], [h.time([h.Datetime(post.date)], [post.date]), h.a([h.Href(post.href)], [post.title])])), "@gjermundgaraba-designs/simple-rat/src/postList/postList.js#anonymous")))), "@gjermundgaraba-designs/simple-rat/src/postList/postList.js#view");

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

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

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

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

package/dist/src/postMeta/index.js

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

package/dist/src/postMeta/postMeta.d.ts

@@ -0,0 +1,11 @@
+import type { Html, HtmlBuilder } from "foldkit/html";
+/** Configuration for rendering a post's meta line with `view`. */
+export type ViewConfig = Readonly<{
+    /** ISO date. */
+    date: string;
+    /** The rest of the line, after the date. */
+    body?: ReadonlyArray<Html | string>;
+}>;
+/** Everything about a post, on one muted line under its title: the date, then the rest. */
+export declare const view: <Message>(config: ViewConfig, h: HtmlBuilder<Message>) => Html;
+//# sourceMappingURL=postMeta.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"postMeta.d.ts","sourceRoot":"","sources":["../../../src/postMeta/postMeta.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEtD,kEAAkE;AAClE,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,gBAAgB;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,4CAA4C;IAC5C,IAAI,CAAC,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;CACrC,CAAC,CAAC;AAEH,2FAA2F;AAC3F,eAAO,MAAM,IAAI,GAAI,OAAO,UAAU,UAAU,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IAUzE,CAAC"}

package/dist/src/postMeta/postMeta.js

@@ -0,0 +1,10 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { Array } from "effect";
+/** Everything about a post, on one muted line under its title: the date, then the rest. */
+export const view = (config, h) => __foldkitBrandViewResult((h.p([h.Class("meta")], [
+    h.time([h.Datetime(config.date)], [config.date]),
+    ...Array.match(config.body ?? [], {
+        onEmpty: () => __foldkitBrandViewResult(([]), "@gjermundgaraba-designs/simple-rat/src/postMeta/postMeta.js#onEmpty"),
+        onNonEmpty: (body) => __foldkitBrandViewResult(([" · ", ...body]), "@gjermundgaraba-designs/simple-rat/src/postMeta/postMeta.js#onNonEmpty"),
+    }),
+])), "@gjermundgaraba-designs/simple-rat/src/postMeta/postMeta.js#view");

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

@@ -0,0 +1,4 @@
+export { Scheme } from "./scheme.ts";
+export { schemeScript } from "./script.ts";
+export * as SchemeSwitch from "./schemeSwitch.ts";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/scheme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,KAAK,YAAY,MAAM,mBAAmB,CAAC"}

package/dist/src/scheme/index.js

@@ -0,0 +1,3 @@
+export { Scheme } from "./scheme.js";
+export { schemeScript } from "./script.js";
+export * as SchemeSwitch from "./schemeSwitch.js";

package/dist/src/scheme/scheme.d.ts

@@ -0,0 +1,10 @@
+import { Option, Schema } from "effect";
+/** The colour scheme: `Light` or `Dark` pinned on `<html data-scheme>`, or `System`, which
+    follows the reader's system in CSS alone. */
+export declare const Scheme: Schema.Literals<readonly ["System", "Light", "Dark"]>;
+export type Scheme = typeof Scheme.Type;
+/** The `data-scheme` value a scheme pins, or none for `System`. */
+export declare const toPinnedValue: (scheme: Scheme) => Option.Option<string>;
+/** The scheme a `data-scheme` value pins. Anything else, or nothing, is `System`. */
+export declare const fromPinnedValue: (value: string | null | undefined) => Scheme;
+//# sourceMappingURL=scheme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scheme.d.ts","sourceRoot":"","sources":["../../../src/scheme/scheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,MAAM,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAE/C;gDACgD;AAChD,eAAO,MAAM,MAAM,uDAA+C,CAAC;AACnE,MAAM,MAAM,MAAM,GAAG,OAAO,MAAM,CAAC,IAAI,CAAC;AAExC,mEAAmE;AACnE,eAAO,MAAM,aAAa,WAAY,MAAM,KAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAOhE,CAAC;AAEJ,qFAAqF;AACrF,eAAO,MAAM,eAAe,UAAW,MAAM,GAAG,IAAI,GAAG,SAAS,KAAG,MAMhE,CAAC"}

package/dist/src/scheme/scheme.js

@@ -0,0 +1,9 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { Match, Option, Schema } from "effect";
+/** The colour scheme: `Light` or `Dark` pinned on `<html data-scheme>`, or `System`, which
+    follows the reader's system in CSS alone. */
+export const Scheme = Schema.Literals(["System", "Light", "Dark"]);
+/** The `data-scheme` value a scheme pins, or none for `System`. */
+export const toPinnedValue = (scheme) => __foldkitBrandViewResult((Match.value(scheme).pipe(Match.withReturnType(), Match.when("System", () => __foldkitBrandViewResult((Option.none()), "@gjermundgaraba-designs/simple-rat/src/scheme/scheme.js#anonymous")), Match.when("Light", () => __foldkitBrandViewResult((Option.some("light")), "@gjermundgaraba-designs/simple-rat/src/scheme/scheme.js#anonymous~2")), Match.when("Dark", () => __foldkitBrandViewResult((Option.some("dark")), "@gjermundgaraba-designs/simple-rat/src/scheme/scheme.js#anonymous~3")), Match.exhaustive)), "@gjermundgaraba-designs/simple-rat/src/scheme/scheme.js#toPinnedValue");
+/** The scheme a `data-scheme` value pins. Anything else, or nothing, is `System`. */
+export const fromPinnedValue = (value) => __foldkitBrandViewResult((Match.value(value).pipe(Match.withReturnType(), Match.when("light", () => __foldkitBrandViewResult(("Light"), "@gjermundgaraba-designs/simple-rat/src/scheme/scheme.js#anonymous~4")), Match.when("dark", () => __foldkitBrandViewResult(("Dark"), "@gjermundgaraba-designs/simple-rat/src/scheme/scheme.js#anonymous~5")), Match.orElse(() => __foldkitBrandViewResult(("System"), "@gjermundgaraba-designs/simple-rat/src/scheme/scheme.js#anonymous~6")))), "@gjermundgaraba-designs/simple-rat/src/scheme/scheme.js#fromPinnedValue");

package/dist/src/scheme/schemeSwitch.d.ts

@@ -0,0 +1,18 @@
+export * from "./switch.ts";
+/** `theme: system/light/dark`, last in the header nav: three buttons, each built on
+    `@foldkit/ui`'s Button, the current choice pressed (and styled as plain text), each
+    pressed state announced. Put `schemeScript` in the page's `<head>` so a remembered choice
+    applies before first paint. */
+export declare const view: import("foldkit/submodel").View<{
+    readonly id: string;
+    readonly scheme: "Dark" | "Light" | "System";
+}, {
+    readonly _tag: "CompletedPinScheme";
+} | {
+    readonly _tag: "CompletedReadScheme";
+    readonly scheme: "Dark" | "Light" | "System";
+} | {
+    readonly _tag: "SelectedScheme";
+    readonly scheme: "Dark" | "Light" | "System";
+}, void>;
+//# sourceMappingURL=schemeSwitch.d.ts.map

package/dist/src/scheme/schemeSwitch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schemeSwitch.d.ts","sourceRoot":"","sources":["../../../src/scheme/schemeSwitch.ts"],"names":[],"mappings":"AAOA,cAAc,aAAa,CAAC;AAU5B;;;kCAGkC;AAClC,eAAO,MAAM,IAAI;;;;;;;;;;;QAqBhB,CAAC"}

package/dist/src/scheme/schemeSwitch.js

@@ -0,0 +1,25 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { Button as UiButton } from "@foldkit/ui";
+import { defineView } from "foldkit/submodel";
+import { Message } from "./switch.js";
+export * from "./switch.js";
+// VIEW
+const CHOICES = [
+    { scheme: "System", label: "system" },
+    { scheme: "Light", label: "light" },
+    { scheme: "Dark", label: "dark" },
+];
+/** `theme: system/light/dark`, last in the header nav: three buttons, each built on
+    `@foldkit/ui`'s Button, the current choice pressed (and styled as plain text), each
+    pressed state announced. Put `schemeScript` in the page's `<head>` so a remembered choice
+    applies before first paint. */
+export const view = defineView((model, h) => __foldkitBrandViewResult((h.span([h.Class("theme"), h.Role("group"), h.AriaLabel("Theme")], [
+    "theme: ",
+    ...CHOICES.flatMap(({ scheme: choice, label }, index) => __foldkitBrandViewResult(([
+        ...(index > 0 ? ["/"] : []),
+        UiButton.view({
+            onClick: Message.SelectedScheme({ scheme: choice }),
+            toView: ({ button }) => __foldkitBrandViewResult((h.button([...button, h.AriaPressed(choice === model.scheme ? "true" : "false")], [label])), "@gjermundgaraba-designs/simple-rat/src/scheme/schemeSwitch.js#toView"),
+        }, h),
+    ]), "@gjermundgaraba-designs/simple-rat/src/scheme/schemeSwitch.js#anonymous~2")),
+])), "@gjermundgaraba-designs/simple-rat/src/scheme/schemeSwitch.js#anonymous"));

package/dist/src/scheme/script.d.ts

@@ -0,0 +1,9 @@
+/** Where a pinned scheme is remembered on this device, in `localStorage`. */
+export declare const SCHEME_STORAGE_KEY = "simple-rat-scheme";
+/** The attribute on `<html>` a pinned scheme is written to: `data-scheme="light"` or
+    `"dark"`. Without it the stylesheet follows the reader's system. */
+export declare const SCHEME_ATTRIBUTE = "data-scheme";
+/** Inline this in `<head>`, before the stylesheet paints, so a remembered scheme never
+    flashes the other one first. Blocked storage leaves the page on the system's scheme. */
+export declare const schemeScript = "try{var s=localStorage.getItem(\"simple-rat-scheme\");if(s===\"light\"||s===\"dark\")document.documentElement.setAttribute(\"data-scheme\",s);}catch(e){}";
+//# sourceMappingURL=script.d.ts.map

package/dist/src/scheme/script.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"script.d.ts","sourceRoot":"","sources":["../../../src/scheme/script.ts"],"names":[],"mappings":"AAAA,6EAA6E;AAC7E,eAAO,MAAM,kBAAkB,sBAAsB,CAAC;AAEtD;uEACuE;AACvE,eAAO,MAAM,gBAAgB,gBAAgB,CAAC;AAE9C;2FAC2F;AAC3F,eAAO,MAAM,YAAY,8JAAkK,CAAC"}

package/dist/src/scheme/script.js

@@ -0,0 +1,8 @@
+/** Where a pinned scheme is remembered on this device, in `localStorage`. */
+export const SCHEME_STORAGE_KEY = "simple-rat-scheme";
+/** The attribute on `<html>` a pinned scheme is written to: `data-scheme="light"` or
+    `"dark"`. Without it the stylesheet follows the reader's system. */
+export const SCHEME_ATTRIBUTE = "data-scheme";
+/** Inline this in `<head>`, before the stylesheet paints, so a remembered scheme never
+    flashes the other one first. Blocked storage leaves the page on the system's scheme. */
+export const schemeScript = `try{var s=localStorage.getItem("${SCHEME_STORAGE_KEY}");if(s==="light"||s==="dark")document.documentElement.setAttribute("${SCHEME_ATTRIBUTE}",s);}catch(e){}`;

package/dist/src/scheme/switch.d.ts

@@ -0,0 +1,64 @@
+import { Effect, Schema } from "effect";
+import * as Command from "foldkit/command";
+import type * as Update from "foldkit/update";
+/** Schema for the scheme switch: its id, and the scheme in force as far as the page has
+    seen. */
+export declare const Model: Schema.Struct<{
+    readonly id: Schema.String;
+    readonly scheme: Schema.Literals<readonly ["System", "Light", "Dark"]>;
+}>;
+export type Model = typeof Model.Type;
+/** Union of all Messages the scheme switch can produce. */
+export declare const Message: import("foldkit/message").MessageUnion<{
+    readonly SelectedScheme: {
+        scheme: Schema.Literals<readonly ["System", "Light", "Dark"]>;
+    };
+    readonly CompletedPinScheme: {};
+    readonly CompletedReadScheme: {
+        scheme: Schema.Literals<readonly ["System", "Light", "Dark"]>;
+    };
+}>;
+export type Message = typeof Message.Type;
+/** Pins a scheme on `<html data-scheme>` and remembers it on this device in `localStorage`
+    under the key `schemeScript` reads; `System` removes both. The attribute is written first,
+    so storage that refuses (blocked or full) still switches the page; the choice is just not
+    remembered. */
+export declare const PinScheme: Command.CommandDefinitionWithArgs<"PinScheme", {
+    scheme: Schema.Literals<readonly ["System", "Light", "Dark"]>;
+}, Effect.Effect<{
+    readonly _tag: "CompletedPinScheme";
+}, never, never>>;
+/** Reads the scheme in force from `<html data-scheme>`: what `schemeScript` pinned before
+    the page ran, or `System` without it. */
+export declare const ReadScheme: Command.CommandDefinitionNoArgs<"ReadScheme", Effect.Effect<{
+    readonly _tag: "CompletedReadScheme";
+    readonly scheme: "Dark" | "Light" | "System";
+}, never, never>>;
+/** Configuration for creating a switch with `init`: its id, unique in the document. */
+export type InitConfig = Readonly<{
+    id: string;
+}>;
+/** Creates the switch on `System`, as the server renders it, with `ReadScheme`, which the
+    client runs after hydration to pick up the scheme `schemeScript` pinned before first
+    paint (the server ignores it). A choice made in another tab is seen on the next load. */
+export declare const init: (config: InitConfig) => Update.Return<Model, Message>;
+/** The switch's id. */
+export declare const id: (model: Model) => string;
+/** Processes a scheme switch Message and returns the next Model and Commands. */
+export declare const update: (model: Model, message: Message) => Readonly<{
+    model: {
+        readonly id: string;
+        readonly scheme: "Dark" | "Light" | "System";
+    };
+    commands?: Update.Commands<{
+        readonly _tag: "CompletedPinScheme";
+    } | {
+        readonly _tag: "CompletedReadScheme";
+        readonly scheme: "Dark" | "Light" | "System";
+    } | {
+        readonly _tag: "SelectedScheme";
+        readonly scheme: "Dark" | "Light" | "System";
+    }, never>;
+    outMessage?: never;
+}>;
+//# sourceMappingURL=switch.d.ts.map

package/dist/src/scheme/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/scheme/switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAU,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChD,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAC;AAG3C,OAAO,KAAK,KAAK,MAAM,MAAM,gBAAgB,CAAC;AAU9C;YACY;AACZ,eAAO,MAAM,KAAK;;;EAGhB,CAAC;AACH,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAC;AAItC,2DAA2D;AAC3D,eAAO,MAAM,OAAO;;QACA,MAAM;;;;QAED,MAAM;;EAC7B,CAAC;AACH,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAC;AAI1C;;;kBAGkB;AAClB,eAAO,MAAM,SAAS;;;;iBAgBpB,CAAC;AAEH;4CAC4C;AAC5C,eAAO,MAAM,UAAU;;;iBAOrB,CAAC;AAIH,uFAAuF;AACvF,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAElD;;4FAE4F;AAC5F,eAAO,MAAM,IAAI,WAAY,UAAU,KAAG,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,CAGpE,CAAC;AAIH,uBAAuB;AACvB,eAAO,MAAM,EAAE,UAAW,KAAK,KAAG,MAAkB,CAAC;AAIrD,iFAAiF;AACjF,eAAO,MAAM,MAAM,UAAW,KAAK,WAAW,OAAO;;;;;;;;;;;;;;;EAUjD,CAAC"}

package/dist/src/scheme/switch.js

@@ -0,0 +1,72 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { Effect, Option, Schema } from "effect";
+import * as Command from "foldkit/command";
+import { defineMessageUnion } from "foldkit/message";
+import { modifyFields } from "foldkit/struct";
+import { Scheme, fromPinnedValue, toPinnedValue } from "./scheme.js";
+import { SCHEME_ATTRIBUTE, SCHEME_STORAGE_KEY } from "./script.js";
+// The scheme switch without its view, the same file in every system that has it; the view
+// is the system's own, in schemeSwitch.ts, which also passes all of this on.
+// MODEL
+/** Schema for the scheme switch: its id, and the scheme in force as far as the page has
+    seen. */
+export const Model = Schema.Struct({
+    id: Schema.String,
+    scheme: Scheme,
+});
+// MESSAGE
+/** Union of all Messages the scheme switch can produce. */
+export const Message = defineMessageUnion({
+    SelectedScheme: { scheme: Scheme },
+    CompletedPinScheme: {},
+    CompletedReadScheme: { scheme: Scheme },
+});
+// COMMAND
+/** Pins a scheme on `<html data-scheme>` and remembers it on this device in `localStorage`
+    under the key `schemeScript` reads; `System` removes both. The attribute is written first,
+    so storage that refuses (blocked or full) still switches the page; the choice is just not
+    remembered. */
+export const PinScheme = Command.define("PinScheme", {
+    args: { scheme: Scheme },
+    messages: [Message.CompletedPinScheme],
+    execute: ({ scheme }) => __foldkitBrandViewResult((Effect.try(() => __foldkitBrandViewResult((Option.match(toPinnedValue(scheme), {
+        onNone: () => {
+            document.documentElement.removeAttribute(SCHEME_ATTRIBUTE);
+            localStorage.removeItem(SCHEME_STORAGE_KEY);
+        },
+        onSome: (value) => {
+            document.documentElement.setAttribute(SCHEME_ATTRIBUTE, value);
+            localStorage.setItem(SCHEME_STORAGE_KEY, value);
+        },
+    })), "@gjermundgaraba-designs/simple-rat/src/scheme/switch.js#anonymous")).pipe(Effect.ignore, Effect.as(Message.CompletedPinScheme()))), "@gjermundgaraba-designs/simple-rat/src/scheme/switch.js#execute"),
+});
+/** Reads the scheme in force from `<html data-scheme>`: what `schemeScript` pinned before
+    the page ran, or `System` without it. */
+export const ReadScheme = Command.define("ReadScheme", {
+    messages: [Message.CompletedReadScheme],
+    execute: Effect.sync(() => __foldkitBrandViewResult((Message.CompletedReadScheme({
+        scheme: fromPinnedValue(document.documentElement.getAttribute(SCHEME_ATTRIBUTE)),
+    })), "@gjermundgaraba-designs/simple-rat/src/scheme/switch.js#anonymous~2")),
+});
+/** Creates the switch on `System`, as the server renders it, with `ReadScheme`, which the
+    client runs after hydration to pick up the scheme `schemeScript` pinned before first
+    paint (the server ignores it). A choice made in another tab is seen on the next load. */
+export const init = (config) => (__foldkitBrandViewResult(({
+    model: { id: config.id, scheme: "System" },
+    commands: [ReadScheme()],
+}), "@gjermundgaraba-designs/simple-rat/src/scheme/switch.js#init"));
+// ACCESSORS
+/** The switch's id. */
+export const id = (model) => __foldkitBrandViewResult((model.id), "@gjermundgaraba-designs/simple-rat/src/scheme/switch.js#id");
+// UPDATE
+/** Processes a scheme switch Message and returns the next Model and Commands. */
+export const update = (model, message) => __foldkitBrandViewResult((Message.match(message, {
+    SelectedScheme: ({ scheme }) => (__foldkitBrandViewResult(({
+        model: modifyFields(model, { scheme: () => __foldkitBrandViewResult((scheme), "@gjermundgaraba-designs/simple-rat/src/scheme/switch.js#scheme") }),
+        commands: [PinScheme({ scheme })],
+    }), "@gjermundgaraba-designs/simple-rat/src/scheme/switch.js#SelectedScheme")),
+    CompletedPinScheme: () => (__foldkitBrandViewResult(({ model }), "@gjermundgaraba-designs/simple-rat/src/scheme/switch.js#CompletedPinScheme")),
+    CompletedReadScheme: ({ scheme }) => (__foldkitBrandViewResult(({
+        model: modifyFields(model, { scheme: () => __foldkitBrandViewResult((scheme), "@gjermundgaraba-designs/simple-rat/src/scheme/switch.js#scheme~2") }),
+    }), "@gjermundgaraba-designs/simple-rat/src/scheme/switch.js#CompletedReadScheme")),
+})), "@gjermundgaraba-designs/simple-rat/src/scheme/switch.js#update");

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

@@ -0,0 +1,2 @@
+export { Message, WatchOverflow } from "./scrolls.ts";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/scrolls/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC"}

package/dist/src/scrolls/index.js

@@ -0,0 +1 @@
+export { Message, WatchOverflow } from "./scrolls.js";