@gjermundgaraba-designs/pixel-paper 0.26.0 → 0.27.0

package/dist/src/announcer/announcer.js

@@ -3,7 +3,6 @@ import { Array, Duration, Effect, Option, Schema, pipe } from "effect";
 import * as Command from "foldkit/command";
 import { defineMessageUnion } from "foldkit/message";
 import * as Render from "foldkit/render";
-// MESSAGE
 /** What `Announce` and `Flash` report. An application that runs them puts
  *  `CompletedAnnounce: {}` and `CompletedFlash: {}` in its own Message union, which these tags
  *  match, and its update changes nothing for them. */
@@ -11,7 +10,6 @@ export const Message = defineMessageUnion({
     CompletedAnnounce: {},
     CompletedFlash: {},
 });
-// HOSTING
 /** The attribute that marks the page's live region, which a test finds it by: Loading's line
  *  is a `role="status"` too, so counting that role counts more than the one region. */
 export const ANNOUNCER_ATTRIBUTE = "data-pixel-paper-announcer";
@@ -29,8 +27,6 @@ export const view = (h) => __foldkitBrandViewResult((h.div([
     h.AriaLive("polite"),
     h.Attribute(ANNOUNCER_ATTRIBUTE, ""),
 ])), "@gjermundgaraba-designs/pixel-paper/src/announcer/announcer.js#view");
-// ANNOUNCE
-/** How long words said together are gathered before the region reads them as one. */
 const GATHER = Duration.millis(30);
 const PENDING_ATTRIBUTE = "data-pixel-paper-announcing";
 const topmostRegion = () => {
@@ -39,7 +35,10 @@ const topmostRegion = () => {
 };
 const gather = (region, text) => {
     const maybePending = Option.fromNullishOr(region.getAttribute(PENDING_ATTRIBUTE));
-    region.setAttribute(PENDING_ATTRIBUTE, Option.match(maybePending, { onNone: () => __foldkitBrandViewResult((text), "@gjermundgaraba-designs/pixel-paper/src/announcer/announcer.js#onNone"), onSome: (said) => __foldkitBrandViewResult((`${said} ${text}`), "@gjermundgaraba-designs/pixel-paper/src/announcer/announcer.js#onSome") }));
+    region.setAttribute(PENDING_ATTRIBUTE, Option.match(maybePending, {
+        onNone: () => __foldkitBrandViewResult((text), "@gjermundgaraba-designs/pixel-paper/src/announcer/announcer.js#onNone"),
+        onSome: (said) => __foldkitBrandViewResult((`${said} ${text}`), "@gjermundgaraba-designs/pixel-paper/src/announcer/announcer.js#onSome"),
+    }));
     return __foldkitBrandViewResult((Option.isNone(maybePending)), "@gjermundgaraba-designs/pixel-paper/src/announcer/announcer.js#gather");
 };
 const speak = (region) => {
@@ -55,11 +54,10 @@ const sayIn = (region, text) => __foldkitBrandViewResult((Effect.gen(function* (
         region.textContent = "";
     });
     yield* Effect.sleep(GATHER);
-    yield* Effect.sync(() => __foldkitBrandViewResult((speak(region)), "@gjermundgaraba-designs/pixel-paper/src/announcer/announcer.js#anonymous~6"));
+    yield* Effect.sync(() => {
+        speak(region);
+    });
 })), "@gjermundgaraba-designs/pixel-paper/src/announcer/announcer.js#sayIn");
-/** Says `text` to screen readers through the page's live region, once it has rendered. A
- *  component that says its own steps (a board's move, a copy) runs it from a Command of its
- *  own, named for what it says. */
 export const announce = (text) => __foldkitBrandViewResult((Effect.gen(function* () {
     yield* Render.afterCommit;
     const maybeRegion = yield* Effect.sync(topmostRegion);
@@ -68,17 +66,22 @@ export const announce = (text) => __foldkitBrandViewResult((Effect.gen(function*
         onSome: (region) => __foldkitBrandViewResult((sayIn(region, text)), "@gjermundgaraba-designs/pixel-paper/src/announcer/announcer.js#onSome~2"),
     });
 })), "@gjermundgaraba-designs/pixel-paper/src/announcer/announcer.js#announce");
-// FLASH
 const FLASH_ID = "pixel-paper-flash";
-/** The beat in milliseconds, from the stylesheet's `--motion-flash`: none on a page that has
- *  not loaded the stylesheet, which has nothing to flash with. */
+const TIME = /^(?<amount>(?:\d+\.?\d*|\.\d+)(?:e[+-]?\d+)?)(?<unit>m?s)?$/iu;
 const beatOf = (element) => {
-    const time = getComputedStyle(element).getPropertyValue("--motion-flash").trim();
-    return __foldkitBrandViewResult((pipe(Option.liftPredicate(Number.parseFloat(time), Number.isFinite), Option.map((value) => (__foldkitBrandViewResult((time.endsWith("ms") ? value : value * 1000), "@gjermundgaraba-designs/pixel-paper/src/announcer/announcer.js#anonymous~8"))))), "@gjermundgaraba-designs/pixel-paper/src/announcer/announcer.js#beatOf");
+    const time = getComputedStyle(element)
+        .getPropertyValue("--motion-flash")
+        .trim();
+    const groups = TIME.exec(time)?.groups;
+    return __foldkitBrandViewResult((pipe(Option.fromNullishOr(groups?.["amount"]), Option.map((amount) => __foldkitBrandViewResult((groups?.["unit"]?.toLowerCase() === "ms"
+        ? Number(amount)
+        : Number(amount) * 1000), "@gjermundgaraba-designs/pixel-paper/src/announcer/announcer.js#anonymous~8")), Option.filter(Number.isFinite))), "@gjermundgaraba-designs/pixel-paper/src/announcer/announcer.js#beatOf");
 };
 const prefersReducedMotion = () => __foldkitBrandViewResult((window.matchMedia("(prefers-reduced-motion: reduce)").matches), "@gjermundgaraba-designs/pixel-paper/src/announcer/announcer.js#prefersReducedMotion");
 const runFlash = (element, beat) => {
-    Array.forEach(Array.filter(element.getAnimations(), (animation) => __foldkitBrandViewResult((animation.id === FLASH_ID), "@gjermundgaraba-designs/pixel-paper/src/announcer/announcer.js#anonymous~9")), (animation) => __foldkitBrandViewResult((animation.cancel()), "@gjermundgaraba-designs/pixel-paper/src/announcer/announcer.js#anonymous~10"));
+    for (const animation of Array.filter(element.getAnimations(), (running) => __foldkitBrandViewResult((running.id === FLASH_ID), "@gjermundgaraba-designs/pixel-paper/src/announcer/announcer.js#anonymous~9"))) {
+        animation.cancel();
+    }
     if (prefersReducedMotion()) {
         const ring = "var(--line) solid var(--ink)";
         element.animate({ outline: [ring, ring], outlineOffset: ["-2px", "-2px"] }, { duration: beat, id: FLASH_ID });
@@ -87,15 +90,13 @@ const runFlash = (element, beat) => {
         element.animate({ filter: ["invert(1)", "invert(1)"] }, { duration: beat / 2, delay: beat / 4, id: FLASH_ID });
     }
 };
-/** Inverts the element `selector` finds for one beat; `Flash` runs it. */
 export const flash = (selector) => __foldkitBrandViewResult((Effect.sync(() => {
     const maybeElement = Option.fromNullishOr(document.querySelector(selector));
-    const maybeFlash = Option.flatMap(maybeElement, (element) => __foldkitBrandViewResult((Option.map(beatOf(element), (beat) => (__foldkitBrandViewResult(({ element, beat }), "@gjermundgaraba-designs/pixel-paper/src/announcer/announcer.js#anonymous~13")))), "@gjermundgaraba-designs/pixel-paper/src/announcer/announcer.js#anonymous~12"));
+    const maybeFlash = Option.flatMap(maybeElement, (element) => __foldkitBrandViewResult((Option.map(beatOf(element), (beat) => (__foldkitBrandViewResult(({ element, beat }), "@gjermundgaraba-designs/pixel-paper/src/announcer/announcer.js#anonymous~12")))), "@gjermundgaraba-designs/pixel-paper/src/announcer/announcer.js#anonymous~11"));
     if (Option.isSome(maybeFlash)) {
         runFlash(maybeFlash.value.element, maybeFlash.value.beat);
     }
 })), "@gjermundgaraba-designs/pixel-paper/src/announcer/announcer.js#flash");
-// COMMAND
 /**
  * Says `text` to screen readers through the page's live region (see `view`). Words said in
  * the same moment are read together, and the region clears first, so the same words twice

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

@@ -1 +1 @@
-{"version":3,"file":"attributes.d.ts","sourceRoot":"","sources":["../../../src/attributes/attributes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9D;+DAC+D;AAC/D,MAAM,MAAM,UAAU,CAAC,OAAO,IAAI,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,cAAc,CAAC,CAAC"}
+{"version":3,"file":"attributes.d.ts","sourceRoot":"","sources":["../../../src/attributes/attributes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9D;+DAC+D;AAC/D,MAAM,MAAM,UAAU,CAAC,OAAO,IAAI,aAAa,CAC7C,SAAS,CAAC,OAAO,CAAC,GAAG,cAAc,CACpC,CAAC"}

package/dist/src/{audioFrame/audioFrame.d.ts → audio-frame/audio-frame.d.ts}

@@ -77,4 +77,4 @@ export declare const view: import("foldkit/submodel").View<{
      *  `Retried`. */
     hasRetry?: boolean;
 }>>;
-//# sourceMappingURL=audioFrame.d.ts.map
+//# sourceMappingURL=audio-frame.d.ts.map

package/dist/src/audio-frame/audio-frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio-frame.d.ts","sourceRoot":"","sources":["../../../src/audio-frame/audio-frame.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAIhC,OAAO,KAAK,KAAK,MAAM,mBAAmB,CAAC;AAG3C,8EAA8E;AAC9E,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,kFAAkF;IAClF,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,IAAI,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC;IAClB;qBACiB;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC,CAAC;AAEH;;;;;;GAMG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAjBV,MAAM;IACX,kFAAkF;WAC3E,MAAM;IACb,kEAAkE;WAC3D,KAAK,CAAC,IAAI;IACjB;qBACiB;eACN,OAAO;GAwDnB,CAAC"}

package/dist/src/{audioFrame/audioFrame.js → audio-frame/audio-frame.js}

@@ -41,5 +41,5 @@ export const view = defineView((model, viewInputs, h) => {
             h.OnMount(Media.ReadMedia()),
         ]),
         isBroken ? brokenView : barView,
-    ])), "@gjermundgaraba-designs/pixel-paper/src/audioFrame/audioFrame.js#anonymous");
+    ])), "@gjermundgaraba-designs/pixel-paper/src/audio-frame/audio-frame.js#anonymous");
 });

package/dist/src/audio-frame/index.d.ts

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

package/dist/src/audio-frame/index.d.ts.map

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

package/dist/src/audio-frame/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../src/banner/banner.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEtD,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAI9C,wDAAwD;AACxD,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,sEAAsE;IACtE,IAAI,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACnC;;8DAE0D;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;CACxC,CAAC,CAAC;AAEH;;;;;mEAKmE;AACnE,eAAO,MAAM,IAAI,GAAI,OAAO,UAAU,UAAU,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IAO3E,CAAC"}
+{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../src/banner/banner.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEtD,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAC;AAE9C,wDAAwD;AACxD,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,sEAAsE;IACtE,IAAI,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACnC;;8DAE0D;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;CACxC,CAAC,CAAC;AAEH;;;;;mEAKmE;AACnE,eAAO,MAAM,IAAI,GAAI,OAAO,UAClB,UAAU,KACf,WAAW,CAAC,OAAO,CAAC,KACtB,IAOF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/banner/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/banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC"}

package/dist/src/{barChart/barChart.d.ts → bar-chart/bar-chart.d.ts}

@@ -17,7 +17,7 @@ export type BarPoint = Readonly<{
 export type ViewConfig = Readonly<{
     /** Names the chart: the caption of the table screen readers read in its place. */
     label: string;
-    points: ReadonlyArray<BarPoint>;
+    points: readonly BarPoint[];
     /** A bar per line, the label at the left and the reading at the right: for many categories
      *  and long names. Without it, an upright column per point: for a run over time. */
     isRows?: boolean;
@@ -38,4 +38,4 @@ export type ViewConfig = Readonly<{
  * the same numbers. Renders on the server: no measuring.
  */
 export declare const view: <Message>(config: ViewConfig, h: HtmlBuilder<Message>) => Html;
-//# sourceMappingURL=barChart.d.ts.map
+//# sourceMappingURL=bar-chart.d.ts.map

package/dist/src/bar-chart/bar-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar-chart.d.ts","sourceRoot":"","sources":["../../../src/bar-chart/bar-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,MAAM,EAAE,MAAM,EAAQ,MAAM,QAAQ,CAAC;AAC5D,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAOtD;yDACyD;AACzD,eAAO,MAAM,IAAI,6CAAqC,CAAC;AAEvD,MAAM,MAAM,IAAI,GAAG,OAAO,IAAI,CAAC,IAAI,CAAC;AAEpC,eAAe;AACf,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC;IAC9B;sDACkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,sFAAsF;IACtF,UAAU,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC,CAAC;AAEH,2DAA2D;AAC3D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,kFAAkF;IAClF,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,SAAS,QAAQ,EAAE,CAAC;IAC5B;wFACoF;IACpF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;oEACgE;IAChE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAoJH;;;;;GAKG;AACH,eAAO,MAAM,IAAI,GAAI,OAAO,UAClB,UAAU,KACf,WAAW,CAAC,OAAO,CAAC,KACtB,IA2DF,CAAC"}

package/dist/src/{barChart/barChart.js → bar-chart/bar-chart.js}

@@ -1,45 +1,41 @@
 import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Array, Match, Option, Schema, pipe } from "effect";
-import * as ChartTable from "../chartTable/chartTable.js";
+import * as ChartTable from "../chart-table/chart-table.js";
 import * as Chip from "../chip/chip.js";
-import * as EmptyState from "../emptyState/emptyState.js";
+import * as EmptyState from "../empty-state/empty-state.js";
 import * as Mark from "../mark/mark.js";
-// VIEW
 /** `Warn`: the reading prints on amber. `Error`: in a red chip. The cells stay ink either way:
  *  the reading carries the colour, as a meter's does. */
 export const Tone = Schema.Literals(["Warn", "Error"]);
-/** Columns print every reading up to this many; past it only a toned one, and the scale reads
- *  the rest. */
 const READ_EACH = 12;
-/** Cells in a column (they stack 10px tall) and in a row (the meter's twenty). */
 const COLUMN_CELLS = 10;
 const ROW_CELLS = 20;
-/** How many cells a value lights: rounded, but never none for a value above zero, and none for
- *  a missing one. */
-const litCount = (maybeValue, top, cells) => __foldkitBrandViewResult((pipe(ChartTable.chartValue(maybeValue), Option.filter((value) => __foldkitBrandViewResult((value > 0 && top > 0), "@gjermundgaraba-designs/pixel-paper/src/barChart/barChart.js#anonymous")), Option.match({
-    onNone: () => __foldkitBrandViewResult((0), "@gjermundgaraba-designs/pixel-paper/src/barChart/barChart.js#onNone"),
-    onSome: (value) => __foldkitBrandViewResult((Math.min(cells, Math.max(1, Math.round((value / top) * cells)))), "@gjermundgaraba-designs/pixel-paper/src/barChart/barChart.js#onSome"),
-}))), "@gjermundgaraba-designs/pixel-paper/src/barChart/barChart.js#litCount");
+const litCount = (maybeValue, top, cells) => __foldkitBrandViewResult((pipe(ChartTable.chartValue(maybeValue), Option.filter((value) => __foldkitBrandViewResult((value > 0 && top > 0), "@gjermundgaraba-designs/pixel-paper/src/bar-chart/bar-chart.js#anonymous")), Option.match({
+    onNone: () => __foldkitBrandViewResult((0), "@gjermundgaraba-designs/pixel-paper/src/bar-chart/bar-chart.js#onNone"),
+    onSome: (value) => __foldkitBrandViewResult((Math.min(cells, Math.max(1, Math.round((value / top) * cells)))), "@gjermundgaraba-designs/pixel-paper/src/bar-chart/bar-chart.js#onSome"),
+}))), "@gjermundgaraba-designs/pixel-paper/src/bar-chart/bar-chart.js#litCount");
 const said = (maybeValue) => __foldkitBrandViewResult((Option.match(ChartTable.chartValue(maybeValue), {
-    onNone: () => __foldkitBrandViewResult(("no reading"), "@gjermundgaraba-designs/pixel-paper/src/barChart/barChart.js#onNone~2"),
+    onNone: () => __foldkitBrandViewResult(("no reading"), "@gjermundgaraba-designs/pixel-paper/src/bar-chart/bar-chart.js#onNone~2"),
     onSome: ChartTable.chartNumber,
-})), "@gjermundgaraba-designs/pixel-paper/src/barChart/barChart.js#said");
-const toneSaid = (tone) => (__foldkitBrandViewResult((tone === "Warn" ? "warning" : "error"), "@gjermundgaraba-designs/pixel-paper/src/barChart/barChart.js#toneSaid"));
+})), "@gjermundgaraba-designs/pixel-paper/src/bar-chart/bar-chart.js#said");
+const toneSaid = (tone) => __foldkitBrandViewResult((tone === "Warn" ? "warning" : "error"), "@gjermundgaraba-designs/pixel-paper/src/bar-chart/bar-chart.js#toneSaid");
 const readingView = (point, h) => {
     const text = said(point.maybeValue);
-    return __foldkitBrandViewResult((Match.value(point.tone).pipe(Match.withReturnType(), Match.when("Error", () => __foldkitBrandViewResult((Chip.view({ label: text, tone: "Blocked" }, h)), "@gjermundgaraba-designs/pixel-paper/src/barChart/barChart.js#anonymous~2")), Match.when("Warn", () => __foldkitBrandViewResult((Mark.readingView({ label: text }, h)), "@gjermundgaraba-designs/pixel-paper/src/barChart/barChart.js#anonymous~3")), Match.orElse(() => __foldkitBrandViewResult((h.span([
-        h.Class(Option.isNone(ChartTable.chartValue(point.maybeValue)) ? "bar-num none" : "bar-num"),
-    ], [text])), "@gjermundgaraba-designs/pixel-paper/src/barChart/barChart.js#anonymous~4")))), "@gjermundgaraba-designs/pixel-paper/src/barChart/barChart.js#readingView");
+    return __foldkitBrandViewResult((Match.value(point.tone).pipe(Match.withReturnType(), Match.when("Error", () => __foldkitBrandViewResult((Chip.view({ label: text, tone: "Blocked" }, h)), "@gjermundgaraba-designs/pixel-paper/src/bar-chart/bar-chart.js#anonymous~2")), Match.when("Warn", () => __foldkitBrandViewResult((Mark.readingView({ label: text }, h)), "@gjermundgaraba-designs/pixel-paper/src/bar-chart/bar-chart.js#anonymous~3")), Match.orElse(() => __foldkitBrandViewResult((h.span([
+        h.Class(Option.isNone(ChartTable.chartValue(point.maybeValue))
+            ? "bar-num none"
+            : "bar-num"),
+    ], [text])), "@gjermundgaraba-designs/pixel-paper/src/bar-chart/bar-chart.js#anonymous~4")))), "@gjermundgaraba-designs/pixel-paper/src/bar-chart/bar-chart.js#readingView");
 };
-const cellsView = (count, isOn, h) => __foldkitBrandViewResult((Array.makeBy(count, (index) => __foldkitBrandViewResult((h.span([h.Class(isOn(index) ? "cell on" : "cell")])), "@gjermundgaraba-designs/pixel-paper/src/barChart/barChart.js#anonymous~5"))), "@gjermundgaraba-designs/pixel-paper/src/barChart/barChart.js#cellsView");
+const cellsView = (count, isOn, h) => __foldkitBrandViewResult((Array.makeBy(count, (index) => __foldkitBrandViewResult((h.span([h.Class(isOn(index) ? "cell on" : "cell")])), "@gjermundgaraba-designs/pixel-paper/src/bar-chart/bar-chart.js#anonymous~5"))), "@gjermundgaraba-designs/pixel-paper/src/bar-chart/bar-chart.js#cellsView");
 const lineView = (point, row, top, h) => {
     const gridRow = h.Style({ gridRow: `${row}` });
     const lit = litCount(point.maybeValue, top, ROW_CELLS);
     return __foldkitBrandViewResult(([
         h.span([h.Class("bar-label"), gridRow], [point.label]),
-        h.span([h.Class("bar-cells"), gridRow], cellsView(ROW_CELLS, (index) => __foldkitBrandViewResult((index < lit), "@gjermundgaraba-designs/pixel-paper/src/barChart/barChart.js#anonymous~6"), h)),
+        h.span([h.Class("bar-cells"), gridRow], cellsView(ROW_CELLS, (index) => __foldkitBrandViewResult((index < lit), "@gjermundgaraba-designs/pixel-paper/src/bar-chart/bar-chart.js#anonymous~6"), h)),
         h.span([h.Class("bar-value"), gridRow], [readingView(point, h)]),
-    ]), "@gjermundgaraba-designs/pixel-paper/src/barChart/barChart.js#lineView");
+    ]), "@gjermundgaraba-designs/pixel-paper/src/bar-chart/bar-chart.js#lineView");
 };
 const columnView = (points, top, h) => {
     const isEachRead = points.length <= READ_EACH;
@@ -51,7 +47,7 @@ const columnView = (points, top, h) => {
         const isRead = isEachRead || point.tone !== undefined;
         return __foldkitBrandViewResult(([
             h.span([h.Class("bar-value"), gridColumn], isRead ? [readingView(point, h)] : []),
-            h.span([h.Class("bar-cells"), gridColumn], cellsView(COLUMN_CELLS, (cell) => __foldkitBrandViewResult((cell >= COLUMN_CELLS - lit), "@gjermundgaraba-designs/pixel-paper/src/barChart/barChart.js#anonymous~8"), h)),
+            h.span([h.Class("bar-cells"), gridColumn], cellsView(COLUMN_CELLS, (cell) => __foldkitBrandViewResult((cell >= COLUMN_CELLS - lit), "@gjermundgaraba-designs/pixel-paper/src/bar-chart/bar-chart.js#anonymous~8"), h)),
             ...(index % step === 0
                 ? [
                     h.span([
@@ -62,12 +58,15 @@ const columnView = (points, top, h) => {
                     ], [point.label]),
                 ]
                 : []),
-        ]), "@gjermundgaraba-designs/pixel-paper/src/barChart/barChart.js#anonymous~7");
-    }), "@gjermundgaraba-designs/pixel-paper/src/barChart/barChart.js#columnView");
+        ]), "@gjermundgaraba-designs/pixel-paper/src/bar-chart/bar-chart.js#anonymous~7");
+    }), "@gjermundgaraba-designs/pixel-paper/src/bar-chart/bar-chart.js#columnView");
 };
 const tableView = (config, category, h) => __foldkitBrandViewResult((ChartTable.view({
     label: config.label,
-    heads: [category, config.unit === undefined ? "Value" : `Value (${config.unit})`],
+    heads: [
+        category,
+        config.unit === undefined ? "Value" : `Value (${config.unit})`,
+    ],
     rows: Array.map(config.points, (point) => (__foldkitBrandViewResult(({
         label: point.label,
         readings: [
@@ -75,8 +74,8 @@ const tableView = (config, category, h) => __foldkitBrandViewResult((ChartTable.
                 ? said(point.maybeValue)
                 : `${said(point.maybeValue)}, ${toneSaid(point.tone)}`,
         ],
-    }), "@gjermundgaraba-designs/pixel-paper/src/barChart/barChart.js#anonymous~9"))),
-}, h)), "@gjermundgaraba-designs/pixel-paper/src/barChart/barChart.js#tableView");
+    }), "@gjermundgaraba-designs/pixel-paper/src/bar-chart/bar-chart.js#anonymous~9"))),
+}, h)), "@gjermundgaraba-designs/pixel-paper/src/bar-chart/bar-chart.js#tableView");
 /**
  * Amounts side by side as cells: lit in ink up to each value, unlit in head tint, inside one
  * 2px ink frame, the meter's grammar. Columns (the default) for a run over time; `isRows` for
@@ -84,30 +83,36 @@ const tableView = (config, category, h) => __foldkitBrandViewResult((ChartTable.
  * the same numbers. Renders on the server: no measuring.
  */
 export const view = (config, h) => {
-    const { points, isRows = false, max, category = "Category", empty = "nothing to chart" } = config;
-    const top = ChartTable.chartTop(Array.map(points, ({ maybeValue }) => __foldkitBrandViewResult((maybeValue), "@gjermundgaraba-designs/pixel-paper/src/barChart/barChart.js#anonymous~10")), Option.fromNullishOr(max));
+    const { points, isRows = false, max, category = "Category", empty = "nothing to chart", } = config;
+    const top = ChartTable.chartTop(Array.map(points, ({ maybeValue }) => __foldkitBrandViewResult((maybeValue), "@gjermundgaraba-designs/pixel-paper/src/bar-chart/bar-chart.js#anonymous~10")), Option.fromNullishOr(max));
     const rootAttributes = [h.Class("chart")];
     return __foldkitBrandViewResult((Array.match(points, {
-        onEmpty: () => __foldkitBrandViewResult((EmptyState.view({ title: empty, headingLevel: "Strong" }, h)), "@gjermundgaraba-designs/pixel-paper/src/barChart/barChart.js#onEmpty"),
+        onEmpty: () => __foldkitBrandViewResult((EmptyState.view({ title: empty, headingLevel: "Strong" }, h)), "@gjermundgaraba-designs/pixel-paper/src/bar-chart/bar-chart.js#onEmpty"),
         onNonEmpty: (present) => __foldkitBrandViewResult((isRows
             ? h.div(rootAttributes, [
                 tableView(config, category, h),
                 h.div([
                     h.Class("bar-rows"),
                     h.AriaHidden(true),
-                    h.Style({ "--n": `${present.length}`, "--cells": `${ROW_CELLS}` }),
-                ], Array.flatMap(present, (point, index) => __foldkitBrandViewResult((lineView(point, index + 1, top, h)), "@gjermundgaraba-designs/pixel-paper/src/barChart/barChart.js#anonymous~11"))),
+                    h.Style({
+                        "--n": `${present.length}`,
+                        "--cells": `${ROW_CELLS}`,
+                    }),
+                ], Array.flatMap(present, (point, index) => __foldkitBrandViewResult((lineView(point, index + 1, top, h)), "@gjermundgaraba-designs/pixel-paper/src/bar-chart/bar-chart.js#anonymous~11"))),
             ])
             : h.div(rootAttributes, [
                 tableView(config, category, h),
                 h.div([
                     h.Class(present.length <= READ_EACH ? "bar-cols each" : "bar-cols"),
                     h.AriaHidden(true),
-                    h.Style({ "--n": `${present.length}`, "--cells": `${COLUMN_CELLS}` }),
+                    h.Style({
+                        "--n": `${present.length}`,
+                        "--cells": `${COLUMN_CELLS}`,
+                    }),
                 ], [
                     h.span([h.Class("bar-scale")], [h.span([], [ChartTable.chartNumber(top)]), h.span([], ["0"])]),
                     ...Array.flatMap(present, columnView(present, top, h)),
                 ]),
-            ])), "@gjermundgaraba-designs/pixel-paper/src/barChart/barChart.js#onNonEmpty"),
-    })), "@gjermundgaraba-designs/pixel-paper/src/barChart/barChart.js#view");
+            ])), "@gjermundgaraba-designs/pixel-paper/src/bar-chart/bar-chart.js#onNonEmpty"),
+    })), "@gjermundgaraba-designs/pixel-paper/src/bar-chart/bar-chart.js#view");
 };

package/dist/src/bar-chart/index.d.ts

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

package/dist/src/bar-chart/index.d.ts.map

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

package/dist/src/bar-chart/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"bench.d.ts","sourceRoot":"","sources":["../../../src/bench/bench.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAItD,uDAAuD;AACvD,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC;+DAC2D;IAC3D,IAAI,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACnC;8EAC0E;IAC1E,IAAI,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;CACpC,CAAC,CAAC;AAEH;;;;2DAI2D;AAC3D,eAAO,MAAM,IAAI,GAAI,OAAO,UAAU,UAAU,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IAO3E,CAAC"}
+{"version":3,"file":"bench.d.ts","sourceRoot":"","sources":["../../../src/bench/bench.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEtD,uDAAuD;AACvD,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC;+DAC2D;IAC3D,IAAI,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACnC;8EAC0E;IAC1E,IAAI,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;CACpC,CAAC,CAAC;AAEH;;;;2DAI2D;AAC3D,eAAO,MAAM,IAAI,GAAI,OAAO,UAClB,UAAU,KACf,WAAW,CAAC,OAAO,CAAC,KACtB,IAOF,CAAC"}

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

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