@prestack/thread-ui 0.1.1 → 0.1.3

package/dist/ui/elements/button.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { roleClass } from "../fonts.js";
-import { element, useSurface } from "../wrappers.js";
-import { shown, iconed, worded, uses, wires } from "./button.works.js";
+import { roleClass } from '../fonts.js';
+import { element, useSurface } from '../wrappers.js';
+import { shown, iconed, worded, uses, wires } from './button.works.js';
 export const Button = element('Button', (props, className) => {
     const kept = uses(props);
     const surface = useSurface({ className: roleClass(undefined, className),

package/dist/ui/elements/button.tsx

@@ -3,6 +3,7 @@
 import type { MessageKey } from '../content.tsx'
 import { roleClass } from '../fonts.ts'
 
+import type { Dispatching } from '../checked.ts'
 import { type Element, element, useSurface } from '../wrappers.tsx'
 import { shown, iconed, worded, uses, wires } from './button.works.tsx'
 
@@ -15,10 +16,10 @@ export interface ButtonProps {
   readonly type?: string
   readonly disabled?: boolean
   readonly loading?: boolean
-  readonly dispatch?: string
   readonly input?: Readonly<Record<string, unknown>>
   readonly navigateTo?: string
   readonly onPress?: () => void
+  readonly dispatch?: keyof Dispatching
   readonly invokeOn?: 'press' | 'shown'
 }
 

package/dist/ui/elements/button.works.js

@@ -1,5 +1,5 @@
-import { pressOf, usePress } from "../wrappers.js";
-import { drawn } from "./glyph.works.js";
+import { pressOf, usePress } from '../wrappers.js';
+import { drawn } from './glyph.works.js';
 export function uses(props) {
     return {
         holds: [

package/dist/ui/elements/column.d.ts

@@ -1,8 +1,9 @@
 import type { ReactNode } from 'react';
+import type { Dispatching } from '../checked.ts';
 import { type Element } from '../wrappers.tsx';
 export interface ColumnProps {
     readonly children: ReactNode;
-    readonly dispatch?: string;
+    readonly dispatch?: keyof Dispatching;
     readonly input?: Readonly<Record<string, unknown>>;
     readonly invokeOn?: 'press' | 'shown';
 }

package/dist/ui/elements/column.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { element, useSurface } from "../wrappers.js";
+import { element, useSurface } from '../wrappers.js';
 export const Column = element('Column', (props, className) => {
     const surface = useSurface({ className,
         invokes: { ...(props.dispatch === undefined ? {} : { dispatch: props.dispatch }), ...(props.input === undefined ? {} : { input: props.input }), ...(props.invokeOn === undefined ? {} : { on: props.invokeOn }) }, });

package/dist/ui/elements/column.tsx

@@ -2,12 +2,13 @@
 
 import type { ReactNode } from 'react'
 
+import type { Dispatching } from '../checked.ts'
 import { type Element, element, useSurface } from '../wrappers.tsx'
 
 
 export interface ColumnProps {
   readonly children: ReactNode
-  readonly dispatch?: string
+  readonly dispatch?: keyof Dispatching
   readonly input?: Readonly<Record<string, unknown>>
   readonly invokeOn?: 'press' | 'shown'
 }

package/dist/ui/elements/consent.d.ts

@@ -1,12 +1,13 @@
 import type { MessageKey } from '../content.tsx';
 import type { ConsentDecision } from '../consent.ts';
+import type { Dispatching } from '../checked.ts';
 import { type Element } from '../wrappers.tsx';
 export interface ConsentProps {
     readonly decision?: ConsentDecision;
     readonly onDecide: (said: ConsentDecision) => void;
     readonly policyKey?: MessageKey;
     readonly preselected: readonly string[];
-    readonly dispatch?: string;
+    readonly dispatch?: keyof Dispatching;
     readonly input?: Readonly<Record<string, unknown>>;
     readonly invokeOn?: 'press' | 'shown';
 }

package/dist/ui/elements/consent.js

@@ -1,14 +1,14 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { roleClass } from "../fonts.js";
-import { Box } from "./box.js";
-import { Column } from "./column.js";
-import { Text } from "./text.js";
-import { Toggle } from "./toggle.js";
-import { Button } from "./button.js";
-import { element, useSurface } from "../wrappers.js";
-import { Each } from "../elements/each.js";
-import { title, policy, hasPolicy, categories, label, describe, chooser, optional, fixed, required, withdraw, withdrawable, decline, accept, acceptAll, uses } from "./consent.works.js";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { roleClass } from '../fonts.js';
+import { Box } from './box.js';
+import { Column } from './column.js';
+import { Text } from './text.js';
+import { Toggle } from './toggle.js';
+import { Button } from './button.js';
+import { element, useSurface } from '../wrappers.js';
+import { Each } from '../elements/each.js';
+import { title, policy, hasPolicy, categories, label, describe, chooser, optional, fixed, required, withdraw, withdrawable, decline, accept, acceptAll, uses } from './consent.works.js';
 export const Consent = element('Consent', (props, className) => {
     const kept = uses(props);
     const surface = useSurface({ className: roleClass(undefined, className),

package/dist/ui/elements/consent.tsx

@@ -9,6 +9,7 @@ import { Text } from './text.tsx'
 import { Toggle } from './toggle.tsx'
 import { Button } from './button.tsx'
 
+import type { Dispatching } from '../checked.ts'
 import { type Element, element, useSurface } from '../wrappers.tsx'
 import { Each } from '../elements/each.tsx'
 import { title, policy, hasPolicy, categories, label, describe, chooser, optional, fixed, required, withdraw, withdrawable, decline, accept, acceptAll, uses } from './consent.works.tsx'
@@ -19,7 +20,7 @@ export interface ConsentProps {
   readonly onDecide: (said: ConsentDecision) => void
   readonly policyKey?: MessageKey
   readonly preselected: readonly string[]
-  readonly dispatch?: string
+  readonly dispatch?: keyof Dispatching
   readonly input?: Readonly<Record<string, unknown>>
   readonly invokeOn?: 'press' | 'shown'
 }

package/dist/ui/elements/consent.works.js

@@ -1,6 +1,6 @@
 'use client';
 import { useState } from 'react';
-import { consentCategories } from "../consent.js";
+import { consentCategories } from '../consent.js';
 function firstSelection(categories, decision, preselected) {
     const answered = decision !== undefined;
     return categories

package/dist/ui/elements/donut.d.ts

@@ -1,12 +1,13 @@
 import type { MessageKey } from '../content.tsx';
 import type { Row } from '../charts.tsx';
+import type { Dispatching } from '../checked.ts';
 import { type Element } from '../wrappers.tsx';
 export interface DonutProps {
     readonly rows: readonly Row[];
     readonly by: string;
     readonly value: string;
     readonly titleKey?: MessageKey;
-    readonly dispatch?: string;
+    readonly dispatch?: keyof Dispatching;
     readonly input?: Readonly<Record<string, unknown>>;
     readonly invokeOn?: 'press' | 'shown';
 }

package/dist/ui/elements/donut.js

@@ -1,9 +1,9 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { roleClass } from "../fonts.js";
-import { element, useSurface } from "../wrappers.js";
-import { Each } from "../elements/each.js";
-import { slice, uses } from "./donut.works.js";
+import { roleClass } from '../fonts.js';
+import { element, useSurface } from '../wrappers.js';
+import { Each } from '../elements/each.js';
+import { slice, uses } from './donut.works.js';
 export const Donut = element('Donut', (props, className) => {
     const kept = uses(props);
     const surface = useSurface({ className: roleClass(undefined, className),

package/dist/ui/elements/donut.tsx

@@ -4,6 +4,7 @@ import type { MessageKey } from '../content.tsx'
 import type { Row } from '../charts.tsx'
 import { roleClass } from '../fonts.ts'
 
+import type { Dispatching } from '../checked.ts'
 import { type Element, element, useSurface } from '../wrappers.tsx'
 import { Each } from '../elements/each.tsx'
 import { slice, uses } from './donut.works.ts'
@@ -14,7 +15,7 @@ export interface DonutProps {
   readonly by: string
   readonly value: string
   readonly titleKey?: MessageKey
-  readonly dispatch?: string
+  readonly dispatch?: keyof Dispatching
   readonly input?: Readonly<Record<string, unknown>>
   readonly invokeOn?: 'press' | 'shown'
 }

package/dist/ui/elements/donut.works.js

@@ -1,5 +1,5 @@
-import { seriesColour } from "../series.js";
-import { num, useRamp } from "../charts.js";
+import { seriesColour } from '../series.js';
+import { num, useRamp } from '../charts.js';
 const RADIUS = 40;
 const ROUND = 2 * Math.PI * RADIUS;
 export function uses(props) {

package/dist/ui/elements/each.d.ts

@@ -1,5 +1,6 @@
 import type { ReactNode } from 'react';
 import type { Row } from '../charts.tsx';
+import type { Dispatching } from '../checked.ts';
 import { type Element } from '../wrappers.tsx';
 export interface EachProps {
     readonly rows: readonly object[];
@@ -7,7 +8,7 @@ export interface EachProps {
     readonly children: (row: Row, at: number) => ReactNode;
     readonly settles?: string;
     readonly paced?: string;
-    readonly dispatch?: string;
+    readonly dispatch?: keyof Dispatching;
     readonly input?: Readonly<Record<string, unknown>>;
     readonly invokeOn?: 'press' | 'shown';
 }

package/dist/ui/elements/each.js

@@ -1,7 +1,7 @@
 'use client';
-import { roleClass } from "../fonts.js";
-import { element, useSurface } from "../wrappers.js";
-import { shows } from "./each.works.js";
+import { roleClass } from '../fonts.js';
+import { element, useSurface } from '../wrappers.js';
+import { shows } from './each.works.js';
 export const Each = element('Each', (props, className) => {
     const surface = useSurface({ className: roleClass(undefined, className),
         invokes: { ...(props.dispatch === undefined ? {} : { dispatch: props.dispatch }), ...(props.input === undefined ? {} : { input: props.input }), ...(props.invokeOn === undefined ? {} : { on: props.invokeOn }) }, });

package/dist/ui/elements/each.tsx

@@ -4,6 +4,7 @@ import type { ReactNode } from 'react'
 import type { Row } from '../charts.tsx'
 import { roleClass } from '../fonts.ts'
 
+import type { Dispatching } from '../checked.ts'
 import { type Element, element, useSurface } from '../wrappers.tsx'
 import { shows } from './each.works.tsx'
 
@@ -14,7 +15,7 @@ export interface EachProps {
   readonly children: (row: Row, at: number) => ReactNode
   readonly settles?: string
   readonly paced?: string
-  readonly dispatch?: string
+  readonly dispatch?: keyof Dispatching
   readonly input?: Readonly<Record<string, unknown>>
   readonly invokeOn?: 'press' | 'shown'
 }

package/dist/ui/elements/each.works.js

@@ -1,6 +1,6 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment, useLayoutEffect, useRef } from 'react';
-import { nameOf } from "../token.js";
+import { nameOf } from '../token.js';
 function keyOf(row, by, at) {
     const value = row[by];
     if (value === undefined || value === null) {

package/dist/ui/elements/empty.d.ts

@@ -1,8 +1,9 @@
 import type { MessageKey } from '../content.tsx';
+import type { Dispatching } from '../checked.ts';
 import { type Element } from '../wrappers.tsx';
 export interface EmptyProps {
     readonly labelKey: MessageKey;
-    readonly dispatch?: string;
+    readonly dispatch?: keyof Dispatching;
     readonly input?: Readonly<Record<string, unknown>>;
     readonly invokeOn?: 'press' | 'shown';
 }

package/dist/ui/elements/empty.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { roleClass } from "../fonts.js";
-import { element, useSurface } from "../wrappers.js";
+import { roleClass } from '../fonts.js';
+import { element, useSurface } from '../wrappers.js';
 export const Empty = element('Empty', (props, className) => {
     const surface = useSurface({ className: roleClass(undefined, className),
         invokes: { ...(props.dispatch === undefined ? {} : { dispatch: props.dispatch }), ...(props.input === undefined ? {} : { input: props.input }), ...(props.invokeOn === undefined ? {} : { on: props.invokeOn }) },

package/dist/ui/elements/empty.tsx

@@ -3,12 +3,13 @@
 import type { MessageKey } from '../content.tsx'
 import { roleClass } from '../fonts.ts'
 
+import type { Dispatching } from '../checked.ts'
 import { type Element, element, useSurface } from '../wrappers.tsx'
 
 
 export interface EmptyProps {
   readonly labelKey: MessageKey
-  readonly dispatch?: string
+  readonly dispatch?: keyof Dispatching
   readonly input?: Readonly<Record<string, unknown>>
   readonly invokeOn?: 'press' | 'shown'
 }

package/dist/ui/elements/field.d.ts

@@ -1,4 +1,5 @@
 import type { MessageKey } from '../content.tsx';
+import type { Dispatching } from '../checked.ts';
 import { type Element } from '../wrappers.tsx';
 export interface FieldProps {
     readonly name: string;
@@ -9,7 +10,7 @@ export interface FieldProps {
     readonly context?: Readonly<Record<string, unknown>>;
     readonly autocomplete?: string;
     readonly disabled?: boolean;
-    readonly dispatch?: string;
+    readonly dispatch?: keyof Dispatching;
     readonly input?: Readonly<Record<string, unknown>>;
     readonly invokeOn?: 'press' | 'shown';
 }

package/dist/ui/elements/field.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { roleClass } from "../fonts.js";
-import { element, useSurface } from "../wrappers.js";
-import { shown, entry, uses } from "./field.works.js";
+import { roleClass } from '../fonts.js';
+import { element, useSurface } from '../wrappers.js';
+import { shown, entry, uses } from './field.works.js';
 export const Field = element('Field', (props, className) => {
     const kept = uses(props);
     const surface = useSurface({ className: roleClass(undefined, className),

package/dist/ui/elements/field.tsx

@@ -3,6 +3,7 @@
 import type { MessageKey } from '../content.tsx'
 import { roleClass } from '../fonts.ts'
 
+import type { Dispatching } from '../checked.ts'
 import { type Element, element, useSurface } from '../wrappers.tsx'
 import { shown, entry, uses } from './field.works.ts'
 
@@ -16,7 +17,7 @@ export interface FieldProps {
   readonly context?: Readonly<Record<string, unknown>>
   readonly autocomplete?: string
   readonly disabled?: boolean
-  readonly dispatch?: string
+  readonly dispatch?: keyof Dispatching
   readonly input?: Readonly<Record<string, unknown>>
   readonly invokeOn?: 'press' | 'shown'
 }

package/dist/ui/elements/field.works.js

@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { acceptsKeystroke, applyMask, entryConstraints, evaluateMoney, runValidator } from "../validators.js";
+import { acceptsKeystroke, applyMask, entryConstraints, evaluateMoney, runValidator } from '../validators.js';
 export function uses(props) {
     const [wrong, said] = useState(null);
     return { ...(props.disabled === true ? { holds: ['disabled'] } : {}), wrong, said };

package/dist/ui/elements/funnel.d.ts

@@ -1,5 +1,6 @@
 import type { MessageKey } from '../content.tsx';
 import type { Row } from '../charts.tsx';
+import type { Dispatching } from '../checked.ts';
 import { type Element } from '../wrappers.tsx';
 export interface FunnelProps {
     readonly rows: readonly Row[];
@@ -7,7 +8,7 @@ export interface FunnelProps {
     readonly value: string;
     readonly format?: string;
     readonly titleKey?: MessageKey;
-    readonly dispatch?: string;
+    readonly dispatch?: keyof Dispatching;
     readonly input?: Readonly<Record<string, unknown>>;
     readonly invokeOn?: 'press' | 'shown';
 }

package/dist/ui/elements/funnel.js

@@ -1,10 +1,10 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { roleClass } from "../fonts.js";
-import { measured as marking } from "../charts.js";
-import { element, useSurface } from "../wrappers.js";
-import { Each } from "../elements/each.js";
-import { shown, sized, uses } from "./funnel.works.js";
+import { roleClass } from '../fonts.js';
+import { measured as marking } from '../charts.js';
+import { element, useSurface } from '../wrappers.js';
+import { Each } from '../elements/each.js';
+import { shown, sized, uses } from './funnel.works.js';
 export const Funnel = element('Funnel', (props, className) => {
     const kept = uses(props);
     const surface = useSurface({ className: roleClass(undefined, className),

package/dist/ui/elements/funnel.tsx

@@ -5,6 +5,7 @@ import type { Row } from '../charts.tsx'
 import { roleClass } from '../fonts.ts'
 import { measured as marking } from '../charts.tsx'
 
+import type { Dispatching } from '../checked.ts'
 import { type Element, element, useSurface } from '../wrappers.tsx'
 import { Each } from '../elements/each.tsx'
 import { shown, sized, uses } from './funnel.works.ts'
@@ -16,7 +17,7 @@ export interface FunnelProps {
   readonly value: string
   readonly format?: string
   readonly titleKey?: MessageKey
-  readonly dispatch?: string
+  readonly dispatch?: keyof Dispatching
   readonly input?: Readonly<Record<string, unknown>>
   readonly invokeOn?: 'press' | 'shown'
 }

package/dist/ui/elements/funnel.works.js

@@ -1,6 +1,6 @@
-import { formatValue } from "../validators.js";
-import { seriesColour } from "../series.js";
-import { num, str, useRamp } from "../charts.js";
+import { formatValue } from '../validators.js';
+import { seriesColour } from '../series.js';
+import { num, str, useRamp } from '../charts.js';
 export function uses(props) {
     const ramp = useRamp(props.rows.length);
     return { ...(props.rows.length === 0 ? { holds: ['empty'] } : {}), ramp };

package/dist/ui/elements/gauge.d.ts

@@ -1,11 +1,12 @@
 import type { MessageKey } from '../content.tsx';
+import type { Dispatching } from '../checked.ts';
 import { type Element } from '../wrappers.tsx';
 export interface GaugeProps {
     readonly value?: number;
     readonly min?: number;
     readonly max?: number;
     readonly labelKey: MessageKey;
-    readonly dispatch?: string;
+    readonly dispatch?: keyof Dispatching;
     readonly input?: Readonly<Record<string, unknown>>;
     readonly invokeOn?: 'press' | 'shown';
 }

package/dist/ui/elements/gauge.js

@@ -1,8 +1,8 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { roleClass } from "../fonts.js";
-import { element, useSurface } from "../wrappers.js";
-import { track, needle, uses } from "./gauge.works.js";
+import { roleClass } from '../fonts.js';
+import { element, useSurface } from '../wrappers.js';
+import { track, needle, uses } from './gauge.works.js';
 export const Gauge = element('Gauge', (props, className) => {
     const kept = uses(props);
     const surface = useSurface({ className: roleClass(undefined, className),

package/dist/ui/elements/gauge.tsx

@@ -3,6 +3,7 @@
 import type { MessageKey } from '../content.tsx'
 import { roleClass } from '../fonts.ts'
 
+import type { Dispatching } from '../checked.ts'
 import { type Element, element, useSurface } from '../wrappers.tsx'
 import { track, needle, uses } from './gauge.works.ts'
 
@@ -12,7 +13,7 @@ export interface GaugeProps {
   readonly min?: number
   readonly max?: number
   readonly labelKey: MessageKey
-  readonly dispatch?: string
+  readonly dispatch?: keyof Dispatching
   readonly input?: Readonly<Record<string, unknown>>
   readonly invokeOn?: 'press' | 'shown'
 }

package/dist/ui/elements/gauge.works.js

@@ -1,4 +1,4 @@
-import { useRamp } from "../charts.js";
+import { useRamp } from '../charts.js';
 const LEFT = 10;
 const RIGHT = 90;
 const MIDDLE = 50;

package/dist/ui/elements/glyph.d.ts

@@ -1,9 +1,10 @@
 import type { MessageKey } from '../content.tsx';
+import type { Dispatching } from '../checked.ts';
 import { type Element } from '../wrappers.tsx';
 export interface GlyphProps {
     readonly name: string;
     readonly labelKey?: MessageKey;
-    readonly dispatch?: string;
+    readonly dispatch?: keyof Dispatching;
     readonly input?: Readonly<Record<string, unknown>>;
     readonly invokeOn?: 'press' | 'shown';
 }

package/dist/ui/elements/glyph.js

@@ -1,7 +1,7 @@
 'use client';
-import { roleClass } from "../fonts.js";
-import { element, useSurface } from "../wrappers.js";
-import { shows } from "./glyph.works.js";
+import { roleClass } from '../fonts.js';
+import { element, useSurface } from '../wrappers.js';
+import { shows } from './glyph.works.js';
 export const Glyph = element('Glyph', (props, className) => {
     const surface = useSurface({ className: roleClass(undefined, className),
         invokes: { ...(props.dispatch === undefined ? {} : { dispatch: props.dispatch }), ...(props.input === undefined ? {} : { input: props.input }), ...(props.invokeOn === undefined ? {} : { on: props.invokeOn }) }, });

package/dist/ui/elements/glyph.tsx

@@ -3,6 +3,7 @@
 import type { MessageKey } from '../content.tsx'
 import { roleClass } from '../fonts.ts'
 
+import type { Dispatching } from '../checked.ts'
 import { type Element, element, useSurface } from '../wrappers.tsx'
 import { shows } from './glyph.works.tsx'
 
@@ -10,7 +11,7 @@ import { shows } from './glyph.works.tsx'
 export interface GlyphProps {
   readonly name: string
   readonly labelKey?: MessageKey
-  readonly dispatch?: string
+  readonly dispatch?: keyof Dispatching
   readonly input?: Readonly<Record<string, unknown>>
   readonly invokeOn?: 'press' | 'shown'
 }

package/dist/ui/elements/glyph.works.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { drawnFor, iconSize, installedSet, strokeFor } from "../icons.js";
+import { drawnFor, iconSize, installedSet, strokeFor } from '../icons.js';
 export function drawn(name, semantics, className) {
     const Symbol = drawnFor(name);
     const set = installedSet();

package/dist/ui/elements/grid.d.ts

@@ -1,8 +1,9 @@
 import type { ReactNode } from 'react';
+import type { Dispatching } from '../checked.ts';
 import { type Element } from '../wrappers.tsx';
 export interface GridProps {
     readonly children: ReactNode;
-    readonly dispatch?: string;
+    readonly dispatch?: keyof Dispatching;
     readonly input?: Readonly<Record<string, unknown>>;
     readonly invokeOn?: 'press' | 'shown';
 }

package/dist/ui/elements/grid.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { element, useSurface } from "../wrappers.js";
+import { element, useSurface } from '../wrappers.js';
 export const Grid = element('Grid', (props, className) => {
     const surface = useSurface({ className,
         invokes: { ...(props.dispatch === undefined ? {} : { dispatch: props.dispatch }), ...(props.input === undefined ? {} : { input: props.input }), ...(props.invokeOn === undefined ? {} : { on: props.invokeOn }) }, });

package/dist/ui/elements/grid.tsx

@@ -2,12 +2,13 @@
 
 import type { ReactNode } from 'react'
 
+import type { Dispatching } from '../checked.ts'
 import { type Element, element, useSurface } from '../wrappers.tsx'
 
 
 export interface GridProps {
   readonly children: ReactNode
-  readonly dispatch?: string
+  readonly dispatch?: keyof Dispatching
   readonly input?: Readonly<Record<string, unknown>>
   readonly invokeOn?: 'press' | 'shown'
 }

package/dist/ui/elements/heatmap.d.ts

@@ -1,5 +1,6 @@
 import type { MessageKey } from '../content.tsx';
 import type { Row } from '../charts.tsx';
+import type { Dispatching } from '../checked.ts';
 import { type Element } from '../wrappers.tsx';
 export interface HeatmapProps {
     readonly rows: readonly Row[];
@@ -8,7 +9,7 @@ export interface HeatmapProps {
     readonly y: string;
     readonly value?: string;
     readonly titleKey?: MessageKey;
-    readonly dispatch?: string;
+    readonly dispatch?: keyof Dispatching;
     readonly input?: Readonly<Record<string, unknown>>;
     readonly invokeOn?: 'press' | 'shown';
 }

package/dist/ui/elements/heatmap.js

@@ -1,10 +1,10 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { roleClass } from "../fonts.js";
-import { measured as marking } from "../charts.js";
-import { element, useSurface } from "../wrappers.js";
-import { Each } from "../elements/each.js";
-import { sized, uses } from "./heatmap.works.js";
+import { roleClass } from '../fonts.js';
+import { measured as marking } from '../charts.js';
+import { element, useSurface } from '../wrappers.js';
+import { Each } from '../elements/each.js';
+import { sized, uses } from './heatmap.works.js';
 export const Heatmap = element('Heatmap', (props, className) => {
     const kept = uses(props);
     const surface = useSurface({ className: roleClass(undefined, className),

package/dist/ui/elements/heatmap.tsx

@@ -5,6 +5,7 @@ import type { Row } from '../charts.tsx'
 import { roleClass } from '../fonts.ts'
 import { measured as marking } from '../charts.tsx'
 
+import type { Dispatching } from '../checked.ts'
 import { type Element, element, useSurface } from '../wrappers.tsx'
 import { Each } from '../elements/each.tsx'
 import { sized, uses } from './heatmap.works.ts'
@@ -17,7 +18,7 @@ export interface HeatmapProps {
   readonly y: string
   readonly value?: string
   readonly titleKey?: MessageKey
-  readonly dispatch?: string
+  readonly dispatch?: keyof Dispatching
   readonly input?: Readonly<Record<string, unknown>>
   readonly invokeOn?: 'press' | 'shown'
 }

package/dist/ui/elements/heatmap.works.js

@@ -1,4 +1,4 @@
-import { num, useRamp } from "../charts.js";
+import { num, useRamp } from '../charts.js';
 export function uses(props) {
     const ramp = useRamp(1);
     return { ...(props.rows.length === 0 ? { holds: ['empty'] } : {}), ramp };