@prestack/thread-ui 0.1.0 → 0.1.2

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 };

package/dist/ui/elements/hit-box.d.ts

@@ -1,5 +1,6 @@
 import type { ReactNode } from 'react';
 import type { Subject } from '../drag.ts';
+import type { Dispatching } from '../checked.ts';
 import { type Element } from '../wrappers.tsx';
 export interface HitBoxProps {
     readonly children: ReactNode;
@@ -12,8 +13,8 @@ export interface HitBoxProps {
     readonly dwell?: number;
     readonly moves?: boolean;
     readonly onDrop?: () => void;
-    readonly dispatch?: string;
     readonly input?: Readonly<Record<string, unknown>>;
+    readonly dispatch?: keyof Dispatching;
     readonly invokeOn?: 'press' | 'shown';
 }
 export declare const HitBox: Element<'HitBox', HitBoxProps>;

package/dist/ui/elements/hit-box.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { element, useSurface } from "../wrappers.js";
-import { shown, uses, wires } from "./hit-box.works.js";
+import { element, useSurface } from '../wrappers.js';
+import { shown, uses, wires } from './hit-box.works.js';
 export const HitBox = element('HitBox', (props, className) => {
     const kept = uses(props);
     const surface = useSurface({ className,

package/dist/ui/elements/hit-box.tsx

@@ -3,6 +3,7 @@
 import type { ReactNode } from 'react'
 import type { Subject } from '../drag.ts'
 
+import type { Dispatching } from '../checked.ts'
 import { type Element, element, useSurface } from '../wrappers.tsx'
 import { shown, uses, wires } from './hit-box.works.tsx'
 
@@ -18,8 +19,8 @@ export interface HitBoxProps {
   readonly dwell?: number
   readonly moves?: boolean
   readonly onDrop?: () => void
-  readonly dispatch?: string
   readonly input?: Readonly<Record<string, unknown>>
+  readonly dispatch?: keyof Dispatching
   readonly invokeOn?: 'press' | 'shown'
 }
 

package/dist/ui/elements/hit-box.works.d.ts

@@ -20,7 +20,7 @@ export declare function uses(props: HitBoxProps): {
         readonly speed?: number;
     } | undefined;
     animates: boolean;
-    holds: ("scrolling" | "disabled" | "loading" | "empty" | "spinner" | "hover" | "active" | "focus" | "invalid" | "leaving" | "arriving" | "carrying" | "draggedOver" | "refusing" | "tapped" | "doubleTapped" | "pressing" | "dragging" | "swiping" | "pinching" | "rotating")[];
+    holds: ("active" | "arriving" | "carrying" | "disabled" | "doubleTapped" | "draggedOver" | "dragging" | "empty" | "focus" | "hover" | "invalid" | "leaving" | "loading" | "pinching" | "pressing" | "refusing" | "rotating" | "scrolling" | "spinner" | "swiping" | "tapped")[];
     id: string;
     claimed: import("../signals.ts").GestureEntry;
     down: boolean;
@@ -52,7 +52,7 @@ export declare function uses(props: HitBoxProps): {
     setLean: import("react").Dispatch<import("react").SetStateAction<number>>;
     leanSpeed: import("react").RefObject<number>;
     lastTick: import("react").RefObject<number>;
-    grabbed: import("react").RefObject<Subject | readonly Subject[] | undefined>;
+    grabbed: import("react").RefObject<readonly Subject[] | Subject | undefined>;
     grabsKey: string;
     tuned: import("react").RefObject<Readonly<Record<string, number>> | undefined>;
     tuningKey: string;

package/dist/ui/elements/hit-box.works.js

@@ -1,12 +1,12 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { gestureFor, gestureNames, holds as declared, recognise } from "../signals.js";
+import { gestureFor, gestureNames, holds as declared, recognise } from '../signals.js';
 import { useCallback, useEffect, useId, useRef, useState, useSyncExternalStore } from 'react';
 import { createPortal } from 'react-dom';
-import { accepted, beginDrag, claimGesture, collect, currentLayout, dragSession, dragStatusOf, dwell, endDrag, innermostTarget, moveDrag, pullEdges, registerTarget, releaseGesture, subscribeDrag, } from "../drag.js";
-import { measured, placed } from "../charts.js";
-import { nameOf } from "../token.js";
-import { useUi } from "../wrappers.js";
+import { accepted, beginDrag, claimGesture, collect, currentLayout, dragSession, dragStatusOf, dwell, endDrag, innermostTarget, moveDrag, pullEdges, registerTarget, releaseGesture, subscribeDrag, } from '../drag.js';
+import { measured, placed } from '../charts.js';
+import { nameOf } from '../token.js';
+import { useUi } from '../wrappers.js';
 const held = (row) => `var(${nameOf(row)})`;
 const TOUCH_ACTION = {
     x: 'touch-down',

package/dist/ui/elements/hit-box.works.tsx

@@ -28,6 +28,7 @@ import {
 import { measured, placed } from '../charts.tsx'
 import { nameOf } from '../token.ts'
 import { useSurface, useUi } from '../wrappers.tsx'
+import type { Dispatching } from '../checked.ts'
 import type { HitBoxProps } from './hit-box.tsx'
 
 export type Axis = 'x' | 'y' | 'both'
@@ -289,7 +290,7 @@ export function wires(props: HitBoxProps, kept: ReturnType<typeof uses>, surface
   )
 
   const onDrop = props.onDrop
-  const named = props.dispatch
+  const named: keyof Dispatching | undefined = props.dispatch
   const carriedInput = props.input
   const collects = props.collects
   useEffect(() => {

package/dist/ui/elements/image.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 ImageProps {
     readonly src: string;
     readonly altKey: MessageKey;
-    readonly dispatch?: string;
+    readonly dispatch?: keyof Dispatching;
     readonly input?: Readonly<Record<string, unknown>>;
     readonly invokeOn?: 'press' | 'shown';
 }

package/dist/ui/elements/image.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 Image = element('Image', (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/image.tsx

@@ -3,13 +3,14 @@
 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 ImageProps {
   readonly src: string
   readonly altKey: MessageKey
-  readonly dispatch?: string
+  readonly dispatch?: keyof Dispatching
   readonly input?: Readonly<Record<string, unknown>>
   readonly invokeOn?: 'press' | 'shown'
 }

package/dist/ui/elements/line-chart.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 LineChartProps {
     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/line-chart.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 { drawing, lines, uses } from "./line-chart.works.js";
+import { roleClass } from '../fonts.js';
+import { element, useSurface } from '../wrappers.js';
+import { Each } from '../elements/each.js';
+import { drawing, lines, uses } from './line-chart.works.js';
 export const LineChart = element('LineChart', (props, className) => {
     const kept = uses(props);
     const surface = useSurface({ className: roleClass(undefined, className),

package/dist/ui/elements/line-chart.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 { drawing, lines, uses } from './line-chart.works.ts'
@@ -14,7 +15,7 @@ export interface LineChartProps {
   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/line-chart.works.js

@@ -1,5 +1,5 @@
-import { seriesColour } from "../series.js";
-import { num, polyline, str, useRamp } from "../charts.js";
+import { seriesColour } from '../series.js';
+import { num, polyline, str, useRamp } from '../charts.js';
 const WIDE = 300;
 const TALL = 120;
 export function lines(props, _kept) {

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

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

package/dist/ui/elements/link.js

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

package/dist/ui/elements/link.tsx

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

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

@@ -1,4 +1,4 @@
-import { usePress } from "../wrappers.js";
+import { usePress } from '../wrappers.js';
 export function uses(props) {
     const press = usePress({ navigateTo: props.navigateTo }, { element: 'Link', name: props.labelKey });
     return {

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

@@ -1,10 +1,11 @@
 import type { MessageKey } from '../content.tsx';
+import type { Dispatching } from '../checked.ts';
 import { type Element } from '../wrappers.tsx';
 export interface MediaProps {
     readonly as: 'image' | 'video' | 'audio' | 'file';
     readonly src: string;
     readonly altKey: MessageKey;
-    readonly dispatch?: string;
+    readonly dispatch?: keyof Dispatching;
     readonly input?: Readonly<Record<string, unknown>>;
     readonly invokeOn?: 'press' | 'shown';
 }

package/dist/ui/elements/media.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 Media = element('Media', (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/media.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'
 
 
@@ -10,7 +11,7 @@ export interface MediaProps {
   readonly as: 'image' | 'video' | 'audio' | 'file'
   readonly src: string
   readonly altKey: MessageKey
-  readonly dispatch?: string
+  readonly dispatch?: keyof Dispatching
   readonly input?: Readonly<Record<string, unknown>>
   readonly invokeOn?: 'press' | 'shown'
 }

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

@@ -1,11 +1,12 @@
 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 MenuProps {
     readonly labelKey: MessageKey;
     readonly items: readonly Row[];
     readonly side?: string;
-    readonly dispatch?: string;
+    readonly dispatch?: keyof Dispatching;
     readonly input?: Readonly<Record<string, unknown>>;
     readonly invokeOn?: 'press' | 'shown';
 }

package/dist/ui/elements/menu.js

@@ -1,10 +1,10 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { roleClass } from "../fonts.js";
-import { Presented, MenuRow } from "./menu.works.js";
-import { element, useSurface } from "../wrappers.js";
-import { Each } from "../elements/each.js";
-import { measured, opener, portal, listing, row, uses } from "./menu.works.js";
+import { roleClass } from '../fonts.js';
+import { Presented, MenuRow } from './menu.works.js';
+import { element, useSurface } from '../wrappers.js';
+import { Each } from '../elements/each.js';
+import { measured, opener, portal, listing, row, uses } from './menu.works.js';
 export const Menu = element('Menu', (props, className) => {
     const kept = uses(props);
     const surface = useSurface({ className: roleClass(undefined, className),

package/dist/ui/elements/menu.tsx

@@ -5,6 +5,7 @@ import type { Row } from '../charts.tsx'
 import { roleClass } from '../fonts.ts'
 import { Presented, MenuRow } from './menu.works.tsx'
 
+import type { Dispatching } from '../checked.ts'
 import { type Element, element, useSurface } from '../wrappers.tsx'
 import { Each } from '../elements/each.tsx'
 import { measured, opener, portal, listing, row, uses } from './menu.works.tsx'
@@ -14,7 +15,7 @@ export interface MenuProps {
   readonly labelKey: MessageKey
   readonly items: readonly Row[]
   readonly side?: string
-  readonly dispatch?: string
+  readonly dispatch?: keyof Dispatching
   readonly input?: Readonly<Record<string, unknown>>
   readonly invokeOn?: 'press' | 'shown'
 }

package/dist/ui/elements/menu.works.d.ts

@@ -1,10 +1,11 @@
 import { type ReactNode } from 'react';
+import type { Dispatching } from '../checked.ts';
 import type { MessageKey } from '../content.tsx';
 import { type Position } from '../positioning.ts';
 import type { MenuProps } from './menu.tsx';
 export interface MenuItem {
     readonly labelKey: MessageKey;
-    readonly dispatch?: string;
+    readonly dispatch?: keyof Dispatching;
     readonly navigateTo?: string;
     readonly icon?: string;
     readonly disabled?: boolean;

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

@@ -1,11 +1,11 @@
 'use client';
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useId, useRef, useState } from 'react';
-import { positionOf } from "../positioning.js";
-import { ITEM_ATTR, useRovingFocus } from "../roving-focus.js";
-import { pressOf, usePress, useSurface } from "../wrappers.js";
-import { drawn } from "./glyph.works.js";
-export { Presented } from "../presented.js";
+import { positionOf } from '../positioning.js';
+import { ITEM_ATTR, useRovingFocus } from '../roving-focus.js';
+import { pressOf, usePress, useSurface } from '../wrappers.js';
+import { drawn } from './glyph.works.js';
+export { Presented } from '../presented.js';
 const SIDE = 'bottom';
 export function MenuRow({ item, onDone, }) {
     const { text } = useSurface({});

package/dist/ui/elements/menu.works.tsx

@@ -2,6 +2,7 @@
 
 import { useEffect, useId, useRef, useState, type ReactNode } from 'react'
 
+import type { Dispatching } from '../checked.ts'
 import type { MessageKey } from '../content.tsx'
 import { positionOf, type AnchorOptions, type Position } from '../positioning.ts'
 import { ITEM_ATTR, useRovingFocus } from '../roving-focus.ts'
@@ -11,7 +12,7 @@ import type { MenuProps } from './menu.tsx'
 
 export interface MenuItem {
   readonly labelKey: MessageKey
-  readonly dispatch?: string
+  readonly dispatch?: keyof Dispatching
   readonly navigateTo?: string
   readonly icon?: string
   readonly disabled?: boolean

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

@@ -1,9 +1,11 @@
 import { type FontRoleId } from '../fonts.ts';
+import type { Dispatching } from '../checked.ts';
 import { type Element } from '../wrappers.tsx';
 export interface MoneyProps {
     readonly value?: unknown;
     readonly is?: FontRoleId;
-    readonly dispatch?: string;
+    readonly invalid?: boolean;
+    readonly dispatch?: keyof Dispatching;
     readonly input?: Readonly<Record<string, unknown>>;
     readonly invokeOn?: 'press' | 'shown';
 }