@prestack/thread-ui 0.1.1 → 0.1.3

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

@@ -1,5 +1,5 @@
 import { useRef } from 'react';
-import { ITEM_ATTR, useRovingFocus } from "../roving-focus.js";
+import { ITEM_ATTR, useRovingFocus } from '../roving-focus.js';
 export function uses(props) {
     const group = useRef(null);
     useRovingFocus(group, { orientation: 'vertical' });

package/dist/ui/elements/row.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 RowProps {
     readonly children: ReactNode;
-    readonly dispatch?: string;
+    readonly dispatch?: keyof Dispatching;
     readonly input?: Readonly<Record<string, unknown>>;
     readonly invokeOn?: 'press' | 'shown';
 }

package/dist/ui/elements/row.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 Row = element('Row', (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/row.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 RowProps {
   readonly children: ReactNode
-  readonly dispatch?: string
+  readonly dispatch?: keyof Dispatching
   readonly input?: Readonly<Record<string, unknown>>
   readonly invokeOn?: 'press' | 'shown'
 }

package/dist/ui/elements/scatter.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 ScatterProps {
     readonly rows: readonly Row[];
     readonly x: string;
     readonly y: 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/scatter.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 { point, uses } from "./scatter.works.js";
+import { roleClass } from '../fonts.js';
+import { element, useSurface } from '../wrappers.js';
+import { point, uses } from './scatter.works.js';
 export const Scatter = element('Scatter', (props, className) => {
     const kept = uses(props);
     const surface = useSurface({ className: roleClass(undefined, className),

package/dist/ui/elements/scatter.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 { point, uses } from './scatter.works.ts'
 
@@ -13,7 +14,7 @@ export interface ScatterProps {
   readonly x: string
   readonly y: 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/scatter.works.js

@@ -1,4 +1,4 @@
-import { num, useRamp } from "../charts.js";
+import { num, useRamp } from '../charts.js';
 const SIDE = 100;
 export function uses(props) {
     const ramp = useRamp(1);

package/dist/ui/elements/select.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 SelectProps {
     readonly labelKey: MessageKey;
     readonly options: readonly Row[];
     readonly value?: string;
     readonly onValue?: (said: string) => void;
-    readonly dispatch?: string;
+    readonly dispatch?: keyof Dispatching;
     readonly input?: Readonly<Record<string, unknown>>;
     readonly invokeOn?: 'press' | 'shown';
 }

package/dist/ui/elements/select.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 { does } from "./select.works.js";
+import { roleClass } from '../fonts.js';
+import { element, useSurface } from '../wrappers.js';
+import { Each } from '../elements/each.js';
+import { does } from './select.works.js';
 export const Select = element('Select', (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/select.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 { does } from './select.works.ts'
@@ -14,7 +15,7 @@ export interface SelectProps {
   readonly options: readonly Row[]
   readonly value?: string
   readonly onValue?: (said: string) => void
-  readonly dispatch?: string
+  readonly dispatch?: keyof Dispatching
   readonly input?: Readonly<Record<string, unknown>>
   readonly invokeOn?: 'press' | 'shown'
 }

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

package/dist/ui/elements/separator.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 Separator = element('Separator', (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/separator.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 SeparatorProps {
   readonly labelKey?: MessageKey
   readonly orientation?: string
-  readonly dispatch?: string
+  readonly dispatch?: keyof Dispatching
   readonly input?: Readonly<Record<string, unknown>>
   readonly invokeOn?: 'press' | 'shown'
 }

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

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

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

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

package/dist/ui/elements/slider.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 SliderProps {
     readonly labelKey: MessageKey;
@@ -7,7 +8,7 @@ export interface SliderProps {
     readonly max?: number;
     readonly step?: number;
     readonly onValue?: (said: number) => void;
-    readonly dispatch?: string;
+    readonly dispatch?: keyof Dispatching;
     readonly input?: Readonly<Record<string, unknown>>;
     readonly invokeOn?: 'press' | 'shown';
 }

package/dist/ui/elements/slider.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 { does } from "./slider.works.js";
+import { roleClass } from '../fonts.js';
+import { element, useSurface } from '../wrappers.js';
+import { does } from './slider.works.js';
 export const Slider = element('Slider', (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/slider.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 { does } from './slider.works.ts'
 
@@ -14,7 +15,7 @@ export interface SliderProps {
   readonly max?: number
   readonly step?: number
   readonly onValue?: (said: number) => void
-  readonly dispatch?: string
+  readonly dispatch?: keyof Dispatching
   readonly input?: Readonly<Record<string, unknown>>
   readonly invokeOn?: 'press' | 'shown'
 }

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

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

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

package/dist/ui/elements/sparkline.tsx

@@ -3,6 +3,7 @@
 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 { drawing, uses } from './sparkline.works.ts'
 
@@ -10,7 +11,7 @@ import { drawing, uses } from './sparkline.works.ts'
 export interface SparklineProps {
   readonly rows: readonly Row[]
   readonly value: string
-  readonly dispatch?: string
+  readonly dispatch?: keyof Dispatching
   readonly input?: Readonly<Record<string, unknown>>
   readonly invokeOn?: 'press' | 'shown'
 }

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

@@ -1,4 +1,4 @@
-import { num, polyline, useRamp } from "../charts.js";
+import { num, polyline, useRamp } from '../charts.js';
 const WIDE = 100;
 const TALL = 24;
 export function uses(props) {

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

package/dist/ui/elements/spinner.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 Spinner = element('Spinner', (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/spinner.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 SpinnerProps {
   readonly labelKey: MessageKey
-  readonly dispatch?: string
+  readonly dispatch?: keyof Dispatching
   readonly input?: Readonly<Record<string, unknown>>
   readonly invokeOn?: 'press' | 'shown'
 }

package/dist/ui/elements/stack.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 StackProps {
     readonly children: ReactNode;
-    readonly dispatch?: string;
+    readonly dispatch?: keyof Dispatching;
     readonly input?: Readonly<Record<string, unknown>>;
     readonly invokeOn?: 'press' | 'shown';
 }

package/dist/ui/elements/stack.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 Stack = element('Stack', (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/stack.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 StackProps {
   readonly children: ReactNode
-  readonly dispatch?: string
+  readonly dispatch?: keyof Dispatching
   readonly input?: Readonly<Record<string, unknown>>
   readonly invokeOn?: 'press' | 'shown'
 }

package/dist/ui/elements/stat.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 StatProps {
     readonly labelKey: MessageKey;
     readonly value?: unknown;
     readonly compare?: number;
     readonly format?: string;
-    readonly dispatch?: string;
+    readonly dispatch?: keyof Dispatching;
     readonly input?: Readonly<Record<string, unknown>>;
     readonly invokeOn?: 'press' | 'shown';
 }

package/dist/ui/elements/stat.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 } from "./stat.works.js";
+import { roleClass } from '../fonts.js';
+import { element, useSurface } from '../wrappers.js';
+import { shown } from './stat.works.js';
 export const Stat = element('Stat', (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/stat.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 } from './stat.works.ts'
 
@@ -12,7 +13,7 @@ export interface StatProps {
   readonly value?: unknown
   readonly compare?: number
   readonly format?: string
-  readonly dispatch?: string
+  readonly dispatch?: keyof Dispatching
   readonly input?: Readonly<Record<string, unknown>>
   readonly invokeOn?: 'press' | 'shown'
 }

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

@@ -1,4 +1,4 @@
-import { formatValue } from "../validators.js";
+import { formatValue } from '../validators.js';
 export function shown(props, _surface) {
     const current = typeof props.value === 'number' ? props.value : Number(props.value ?? 0);
     const against = props.compare;

package/dist/ui/elements/surface.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 SurfaceProps {
     readonly children: ReactNode;
-    readonly dispatch?: string;
+    readonly dispatch?: keyof Dispatching;
     readonly input?: Readonly<Record<string, unknown>>;
     readonly invokeOn?: 'press' | 'shown';
 }

package/dist/ui/elements/surface.js

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

package/dist/ui/elements/surface.tsx

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

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

@@ -1,4 +1,4 @@
-import { useVisibility } from "../wrappers.js";
+import { useVisibility } from '../wrappers.js';
 export function uses(_props) {
     return { on: { ref: useVisibility(true) } };
 }

package/dist/ui/elements/table.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 TableProps {
     readonly rows: readonly Row[];
     readonly columns: readonly Row[];
     readonly by: 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/table.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, heading, uses } from "./table.works.js";
+import { roleClass } from '../fonts.js';
+import { element, useSurface } from '../wrappers.js';
+import { Each } from '../elements/each.js';
+import { shown, heading, uses } from './table.works.js';
 export const Table = element('Table', (props, className) => {
     const kept = uses(props);
     const surface = useSurface({ className: roleClass(undefined, className),

package/dist/ui/elements/table.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, heading, uses } from './table.works.ts'
@@ -14,7 +15,7 @@ export interface TableProps {
   readonly columns: readonly Row[]
   readonly by: 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/table.works.js

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

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

@@ -1,11 +1,12 @@
 import type { TabItem } from '../disclosure.tsx';
+import type { Dispatching } from '../checked.ts';
 import { type Element } from '../wrappers.tsx';
 export interface TabsProps {
     readonly items: readonly TabItem[];
     readonly initial?: string;
     readonly onChange?: (said: string) => void;
     readonly orientation?: string;
-    readonly dispatch?: string;
+    readonly dispatch?: keyof Dispatching;
     readonly input?: Readonly<Record<string, unknown>>;
     readonly invokeOn?: 'press' | 'shown';
 }

package/dist/ui/elements/tabs.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, strip, tab, panel, opened, uses } from "./tabs.works.js";
+import { roleClass } from '../fonts.js';
+import { element, useSurface } from '../wrappers.js';
+import { Each } from '../elements/each.js';
+import { shown, strip, tab, panel, opened, uses } from './tabs.works.js';
 export const Tabs = element('Tabs', (props, className) => {
     const kept = uses(props);
     const surface = useSurface({ className: roleClass(undefined, className),

package/dist/ui/elements/tabs.tsx

@@ -4,6 +4,7 @@ import type { MessageKey } from '../content.tsx'
 import { roleClass } from '../fonts.ts'
 import type { TabItem } from '../disclosure.tsx'
 
+import type { Dispatching } from '../checked.ts'
 import { type Element, element, useSurface } from '../wrappers.tsx'
 import { Each } from '../elements/each.tsx'
 import { shown, strip, tab, panel, opened, uses } from './tabs.works.ts'
@@ -14,7 +15,7 @@ export interface TabsProps {
   readonly initial?: string
   readonly onChange?: (said: string) => void
   readonly orientation?: string
-  readonly dispatch?: string
+  readonly dispatch?: keyof Dispatching
   readonly input?: Readonly<Record<string, unknown>>
   readonly invokeOn?: 'press' | 'shown'
 }

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

@@ -1,5 +1,5 @@
 import { useId, useRef, useState } from 'react';
-import { ITEM_ATTR, useRovingFocus } from "../roving-focus.js";
+import { ITEM_ATTR, useRovingFocus } from '../roving-focus.js';
 export function uses(props) {
     const list = useRef(null);
     const base = useId();