@prestack/thread-ui 0.1.1 → 0.1.3

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

package/dist/ui/elements/money.js

@@ -1,9 +1,14 @@
 'use client';
-import { roleClass } from "../fonts.js";
-import { element, useSurface } from "../wrappers.js";
-import { shows } from "./money.works.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { roleClass } from '../fonts.js';
+import { element, useSurface } from '../wrappers.js';
+import { shows } from './money.works.js';
 export const Money = element('Money', (props, className) => {
     const surface = useSurface({ className: roleClass(props.is, className),
-        invokes: { ...(props.dispatch === undefined ? {} : { dispatch: props.dispatch }), ...(props.input === undefined ? {} : { input: props.input }), ...(props.invokeOn === undefined ? {} : { on: props.invokeOn }) }, });
-    return (shows(props, surface));
+        invokes: { ...(props.dispatch === undefined ? {} : { dispatch: props.dispatch }), ...(props.input === undefined ? {} : { input: props.input }), ...(props.invokeOn === undefined ? {} : { on: props.invokeOn }) },
+        holds: [
+            ...(props.invalid === true ? ['invalid'] : []),
+        ],
+        raises: ['invalid'], });
+    return (_jsx("span", { className: surface.className, ...surface.marks, ...surface.invokes, ...surface.a11y, children: shows(props, surface) }));
 }, 'e-money', {});

package/dist/ui/elements/money.tsx

@@ -1,7 +1,9 @@
 'use client'
 
+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 { shows } from './money.works.ts'
 
@@ -9,7 +11,8 @@ import { shows } from './money.works.ts'
 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'
 }
@@ -18,9 +21,15 @@ export const Money: Element<'Money', MoneyProps> = element(
   'Money',
   (props: MoneyProps, className) => {
     const surface = useSurface({ className: roleClass(props.is, className),
-    invokes: { ...(props.dispatch === undefined ? {} : { dispatch: props.dispatch }), ...(props.input === undefined ? {} : { input: props.input }), ...(props.invokeOn === undefined ? {} : { on: props.invokeOn }) }, })
+    invokes: { ...(props.dispatch === undefined ? {} : { dispatch: props.dispatch }), ...(props.input === undefined ? {} : { input: props.input }), ...(props.invokeOn === undefined ? {} : { on: props.invokeOn }) },
+    holds: [
+      ...(props.invalid === true ? ['invalid' as const] : []),
+    ],
+    raises: ['invalid' as const], })
     return (
-      shows(props, surface)
+      <span className={surface.className} {...surface.marks} {...surface.invokes} {...surface.a11y}>
+        {shows(props, surface)}
+      </span>
     )
   },
   'e-money',

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

@@ -1,4 +1,4 @@
-import { renderValue } from "../content.js";
+import { renderValue } from '../content.js';
 export function shows(props, surface) {
     return renderValue({ validator: 'money', value: props.value }, surface);
 }

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

@@ -1,10 +1,11 @@
 import type { MapIsland } from '../islands/map.ts';
+import type { Dispatching } from '../checked.ts';
 import { type Element } from '../wrappers.tsx';
 export interface PaginationProps {
     readonly map: MapIsland;
     readonly sequence: readonly string[];
     readonly current: string;
-    readonly dispatch?: string;
+    readonly dispatch?: keyof Dispatching;
     readonly input?: Readonly<Record<string, unknown>>;
     readonly invokeOn?: 'press' | 'shown';
 }

package/dist/ui/elements/pagination.js

@@ -1,10 +1,10 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { roleClass } from "../fonts.js";
-import { Link } from "./link.js";
-import { element, useSurface } from "../wrappers.js";
-import { Each } from "../elements/each.js";
-import { step, steps } from "./pagination.works.js";
+import { roleClass } from '../fonts.js';
+import { Link } from './link.js';
+import { element, useSurface } from '../wrappers.js';
+import { Each } from '../elements/each.js';
+import { step, steps } from './pagination.works.js';
 export const Pagination = element('Pagination', (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/pagination.tsx

@@ -4,6 +4,7 @@ import { roleClass } from '../fonts.ts'
 import type { MapIsland } from '../islands/map.ts'
 import { Link } from './link.tsx'
 
+import type { Dispatching } from '../checked.ts'
 import { type Element, element, useSurface } from '../wrappers.tsx'
 import { Each } from '../elements/each.tsx'
 import { step, steps } from './pagination.works.ts'
@@ -13,7 +14,7 @@ export interface PaginationProps {
   readonly map: MapIsland
   readonly sequence: readonly string[]
   readonly current: string
-  readonly dispatch?: string
+  readonly dispatch?: keyof Dispatching
   readonly input?: Readonly<Record<string, unknown>>
   readonly invokeOn?: 'press' | 'shown'
 }

package/dist/ui/elements/progress.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 ProgressProps {
     readonly value?: number;
     readonly target?: 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/progress.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 { measured } from "./progress.works.js";
+import { roleClass } from '../fonts.js';
+import { element, useSurface } from '../wrappers.js';
+import { measured } from './progress.works.js';
 export const Progress = element('Progress', (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/progress.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 { measured } from './progress.works.ts'
 
@@ -11,7 +12,7 @@ export interface ProgressProps {
   readonly value?: number
   readonly target?: 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/radio-group.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 RadioGroupProps {
     readonly name: string;
@@ -8,7 +9,7 @@ export interface RadioGroupProps {
     readonly chosen?: string;
     readonly onValue?: (said: string) => void;
     readonly disabled?: boolean;
-    readonly dispatch?: string;
+    readonly dispatch?: keyof Dispatching;
     readonly input?: Readonly<Record<string, unknown>>;
     readonly invokeOn?: 'press' | 'shown';
 }

package/dist/ui/elements/radio-group.js

@@ -1,9 +1,9 @@
 '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 { Each } from "../elements/each.js";
-import { shown, option, uses } from "./radio-group.works.js";
+import { roleClass } from '../fonts.js';
+import { element, useSurface } from '../wrappers.js';
+import { Each } from '../elements/each.js';
+import { shown, option, uses } from './radio-group.works.js';
 export const RadioGroup = element('RadioGroup', (props, className) => {
     const kept = uses(props);
     const surface = useSurface({ className: roleClass(undefined, className),

package/dist/ui/elements/radio-group.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 { shown, option, uses } from './radio-group.works.ts'
@@ -16,7 +17,7 @@ export interface RadioGroupProps {
   readonly chosen?: string
   readonly onValue?: (said: string) => void
   readonly disabled?: boolean
-  readonly dispatch?: string
+  readonly dispatch?: keyof Dispatching
   readonly input?: Readonly<Record<string, unknown>>
   readonly invokeOn?: 'press' | 'shown'
 }