@weasel-js/labkit 1.5.2 → 1.6.1

package/dist/_dts/{Select.d-ZTiwzYyT.d.ts → Select.d-Cr8-zoup.d.ts}

@@ -1,6 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, ButtonHTMLAttributes, ReactElement } from 'react';
+import { S as StanceProps } from './PrefsRow.d-DFpPIeIC.js';
 import { TextFieldProps, ValidationResult, SelectProps as SelectProps$1, ListBoxItemProps } from 'react-aria-components';
 
 declare const ICON_PATHS: {
@@ -42,6 +42,7 @@ declare const ICON_PATHS: {
     readonly warning: "<path d=\"M10 3.4 17.4 16.2H2.6z\"/><path d=\"M10 8.4v3.4\"/><path d=\"M10 14h0\"/>";
     readonly error: "<circle cx=\"10\" cy=\"10\" r=\"7\"/><path d=\"M7.6 7.6 12.4 12.4M12.4 7.6 7.6 12.4\"/>";
     readonly busy: "<path d=\"M10 3.2A6.8 6.8 0 1 1 3.2 10\"/>";
+    readonly check: "<path d=\"M4.35 10.56 8.03 14.24 15.66 5.77\"/>";
     readonly modeLight: "<circle cx=\"10\" cy=\"10\" r=\"3.5\"/><path d=\"M15.3 10L17.7 10M13.75 6.25L15.44 4.56M10 4.7L10 2.3M6.25 6.25L4.56 4.56M4.7 10L2.3 10M6.25 13.75L4.56 15.44M10 15.3L10 17.7M13.75 13.75L15.44 15.44\"/>";
     readonly modeDark: "<path d=\"M8.19 3.55A6.7 6.7 0 1 0 16.45 11.81A5.9 5.9 0 0 1 8.19 3.55Z\"/>";
     readonly modeAuto: "<path d=\"M10 2.6Q10 10 17.4 10Q10 10 10 17.4Q10 10 2.6 10Q10 10 10 2.6Z\"/>";
@@ -51,6 +52,7 @@ declare const ICON_PATHS: {
     readonly search: "<circle cx=\"9\" cy=\"9\" r=\"5.4\"/><path d=\"M12.82 12.82 16.9 16.9\"/>";
     readonly loupe: "<circle cx=\"9\" cy=\"9\" r=\"5.6\"/><path d=\"M12.96 12.96 17 17\"/><rect x=\"6\" y=\"6\" width=\"6\" height=\"6\" stroke-width=\"1\"/><path d=\"M9 6v6M6 9h6\" stroke-width=\"1\"/>";
     readonly layers: "<path d=\"M10 2.8 17.2 6.6 10 10.4 2.8 6.6z\"/><path d=\"M2.8 10 10 13.8 17.2 10\" stroke-width=\"1\"/><path d=\"M2.8 13.4 10 17.2 17.2 13.4\" stroke-width=\"1\"/>";
+    readonly page: "<path d=\"M4.6 2.8H11.6L15.4 6.6V17.2H4.6z\"/><path d=\"M11.6 2.8V6.6H15.4\"/>";
     readonly link: "<path d=\"M8.6 11.4a3.4 3.4 0 0 1 0-4.8l2.2-2.2a3.4 3.4 0 0 1 4.8 4.8l-1.1 1.1\"/><path d=\"M11.4 8.6a3.4 3.4 0 0 1 0 4.8l-2.2 2.2a3.4 3.4 0 0 1-4.8-4.8l1.1-1.1\"/>";
     readonly collapse: "<path d=\"M14.16 4.05 10 7.8 5.84 4.05M5.84 15.95 10 12.2 14.16 15.95\"/>";
     readonly expand: "<path d=\"M5.84 8.15 10 4.4 14.16 8.15M14.16 11.85 10 15.6 5.84 11.85\"/>";
@@ -236,15 +238,33 @@ interface IconProps {
  *  in; reach for this when the glyph is chosen at runtime. */
 declare function Icon({ name, className, size, label, filled, fillOpacity, }: IconProps & {
     name: IconName;
-}): react_jsx_runtime.JSX.Element;
+}): react.JSX.Element;
 
-/** Visual weight of a button. Defaults to `secondary`. */
-type ButtonVariant = 'primary' | 'secondary' | 'ghost';
+/** The tooltip fields a segmented bar's item carries. */
+interface SegmentTooltipFields {
+    /** Tooltip content. Overrides the name-plus-`shortcut` default. */
+    tooltip?: ReactNode;
+    /** Shortcut hint shown in the tooltip as `Name (⌘Z)`, the way `ToolButton`
+     *  and `ActionBar` show theirs. The name is `ariaLabel`, else a string
+     *  `label`. */
+    shortcut?: string;
+}
+
+/** Visual weight of a button. Defaults to `secondary`. `link` drops the
+ *  control box entirely and reads as a hyperlink in running text -- for an
+ *  in-page navigation that is still a button, not an `<a href>`. */
+type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'link';
+/** Text color of a `link` button — the same set as `Code`'s statuses. */
+type ButtonStatus = 'neutral' | 'muted' | 'accent' | 'success' | 'warn' | 'danger';
 /** Button height and type scale. */
 type ButtonSize = 'sm' | 'md';
 type ButtonBase = {
     variant?: ButtonVariant;
     size?: ButtonSize;
+    /** Text color of the `link` variant, which is `accent` unless told
+     *  otherwise. The boxed variants carry their weight in their fill and
+     *  ignore it. A peer `tone`, or a stance's accent, paints over it. */
+    status?: ButtonStatus;
     /** A button that stays down: renders `aria-pressed` and holds the active
      *  treatment while it is on. For a control that reports a state rather than
      *  firing an action -- a panel toggle, a mode switch. Left off, the button
@@ -260,7 +280,7 @@ type ButtonBase = {
     style?: ButtonHTMLAttributes<HTMLButtonElement>['style'];
     children?: ReactNode;
     onClick?: ButtonHTMLAttributes<HTMLButtonElement>['onClick'];
-};
+} & StanceProps & SegmentTooltipFields;
 type ButtonRegular = ButtonBase & {
     iconOnly?: false;
     ariaLabel?: string;
@@ -279,6 +299,10 @@ type ButtonProps = ButtonRegular | ButtonIconOnly;
  * button `aria-busy`, and leaves the label in place; it does not disable the
  * button, so pass `disabled` too if the click should be blocked.
  *
+ * `shortcut` adds a kit tooltip reading `Name (⌘S)`, named by `ariaLabel` or
+ * string children, the way `ToolButton` and `ButtonBar` items show theirs;
+ * `tooltip` replaces that text with any content.
+ *
  * `ref` forwards to the underlying `<button>`.
  */
 declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
@@ -289,7 +313,7 @@ type ToggleBarItem<V extends string | number = string> = {
     label?: ReactNode;
     ariaLabel?: string;
     disabled?: boolean;
-};
+} & SegmentTooltipFields;
 /** Segment height and type scale for a {@link ToggleBar}. */
 type ToggleBarSize = 'sm' | 'md';
 /** Visual treatment of a {@link ToggleBar}. */
@@ -362,9 +386,48 @@ interface OverlayPortalProps {
 /** React Aria props minus the portal key a weasel overlay owns. */
 type WithoutPortalTarget<T> = Omit<T, 'UNSTABLE_portalContainer'>;
 
+/**
+ * Whether a {@link Field} stacks its label above the control or sits them
+ * side by side.
+ */
+type FieldOrientation = 'stacked' | 'row';
+/** Props for {@link Field}. */
+type FieldProps = {
+    orientation?: FieldOrientation;
+    className?: string;
+    children?: ReactNode;
+};
+/**
+ * Layout primitive that arranges a label, control, hint, and error in the
+ * canonical weasel-ui form-row shape. The control itself owns its semantics
+ * (RAC `TextField`, `Checkbox`, etc.); this just paints the layout.
+ *
+ * Most users will instead reach for `Input` / `Checkbox` / `Switch`, which
+ * compose Field internally. Use Field directly when you need a custom
+ * control to sit in the same visual rhythm.
+ */
+declare function Field({ orientation, className, children }: FieldProps): react.JSX.Element;
+/**
+ * The class names {@link Field} paints its slots with, so a control composing
+ * its own layout can match the same form-row rhythm.
+ */
+declare const fieldClasses: {
+    root: string;
+    row: string;
+    label: string;
+    hint: string;
+    error: string;
+};
+
 /** Props for {@link Input}, on top of React Aria's `TextField` props. */
 type InputProps = Omit<TextFieldProps, 'children' | 'className'> & {
     label?: ReactNode;
+    /**
+     * `'stacked'` (the default) puts the label above the field; `'row'` sets it
+     * beside the field at its own width, with any description or error on a
+     * line below. Same vocabulary as {@link Field}'s `orientation`.
+     */
+    orientation?: FieldOrientation;
     description?: ReactNode;
     errorMessage?: ReactNode | ((v: ValidationResult) => ReactNode);
     placeholder?: string;
@@ -381,6 +444,12 @@ type InputProps = Omit<TextFieldProps, 'children' | 'className'> & {
  */
 declare const Input: react.ForwardRefExoticComponent<Omit<TextFieldProps, "className" | "children"> & {
     label?: ReactNode;
+    /**
+     * `'stacked'` (the default) puts the label above the field; `'row'` sets it
+     * beside the field at its own width, with any description or error on a
+     * line below. Same vocabulary as {@link Field}'s `orientation`.
+     */
+    orientation?: FieldOrientation;
     description?: ReactNode;
     errorMessage?: ReactNode | ((v: ValidationResult) => ReactNode);
     placeholder?: string;
@@ -402,6 +471,13 @@ type SelectOption = {
      */
     textValue?: string;
 };
+/** A titled group of options in a {@link Select}'s `options` list. */
+type SelectOptionGroup<T extends Key = string> = {
+    title: ReactNode;
+    options: ReadonlyArray<SelectOption & {
+        value: T;
+    }>;
+};
 type Key = string | number;
 /** How a {@link Select} trigger signals that it opens a list. */
 type SelectIndicator = 'chevron' | 'underline' | 'none';
@@ -413,13 +489,22 @@ type SelectPopup = 'over' | 'below';
  */
 type SelectProps<T extends Key = string> = Omit<SelectProps$1<object>, 'children' | 'className' | 'selectedKey' | 'defaultSelectedKey' | 'onSelectionChange'> & {
     label?: ReactNode;
+    /**
+     * `'stacked'` (the default) puts the label above the trigger; `'row'` sets it
+     * beside the trigger at its own width, with any description or error on a
+     * line below. Same vocabulary as {@link Field}'s `orientation`.
+     */
+    orientation?: FieldOrientation;
     description?: ReactNode;
     errorMessage?: ReactNode | ((v: ValidationResult) => ReactNode);
     placeholder?: string;
-    /** Either pass `options` for a quick render, or `children` for full control. */
-    options?: ReadonlyArray<SelectOption & {
+    /**
+     * Either pass `options` for a quick render, or `children` for full control.
+     * An entry with `title` and `options` of its own is a titled section.
+     */
+    options?: ReadonlyArray<(SelectOption & {
         value: T;
-    }>;
+    }) | SelectOptionGroup<T>>;
     children?: ReactNode;
     selectedKey?: T | null;
     defaultSelectedKey?: T;
@@ -453,16 +538,21 @@ type SelectProps<T extends Key = string> = Omit<SelectProps$1<object>, 'children
      */
     triggerId?: string;
     className?: string;
-} & OverlayPortalProps;
+} & SegmentTooltipFields & OverlayPortalProps;
 /**
  * Form select wrapping React Aria's Select. Pass either `options` for a
  * quick declarative render or `children` of `<SelectItem>` for control over
- * each row.
+ * each row; `<SelectSection>` (or an `options` entry with a `title`) groups
+ * rows under a heading.
  *
  * The selection key type is parameterized so consumers with a string-literal
  * union for `value` (e.g. `'r' | 'g' | 'b'`) get a typed `onSelectionChange`.
+ *
+ * `shortcut` puts a kit tooltip on the trigger reading `Name (⌘K)`, named by
+ * `aria-label` or a string `label`, as `Button` does; `tooltip` replaces that
+ * text.
  */
-declare function Select<T extends Key = string>(props: SelectProps<T>): react_jsx_runtime.JSX.Element;
+declare function Select<T extends Key = string>(props: SelectProps<T>): react.JSX.Element;
 /** Props for {@link SelectItem}, on top of React Aria's `ListBoxItem` props. */
 type SelectItemProps = Omit<ListBoxItemProps, 'className' | 'children'> & {
     children?: ReactNode;
@@ -473,7 +563,7 @@ type SelectItemProps = Omit<ListBoxItemProps, 'className' | 'children'> & {
  * selected. A string child supplies its own `textValue`; anything richer must
  * pass one so type-to-select and screen readers have something to read.
  */
-declare function SelectItem({ children, className, textValue, ...rest }: SelectItemProps): react_jsx_runtime.JSX.Element;
+declare function SelectItem({ children, className, textValue, ...rest }: SelectItemProps): react.JSX.Element;
 
-export { Button as B, Select as S, ToggleBar as T, Icon as d, Input as e, ICON_PATHS as l, SelectItem as n };
-export type { IconProps as I, OverlayPortalProps as O, WithoutPortalTarget as W, ButtonProps as a, ButtonSize as b, ButtonVariant as c, InputProps as f, SelectProps as g, ToggleBarItem as h, ToggleBarProps as i, ToggleBarSize as j, ToggleBarVariant as k, IconName as m, SelectItemProps as o, SelectOption as p };
+export { Button as B, Select as S, ToggleBar as T, Icon as d, Input as e, Field as m, ICON_PATHS as o, SelectItem as q, fieldClasses as t };
+export type { FieldOrientation as F, IconProps as I, OverlayPortalProps as O, WithoutPortalTarget as W, ButtonProps as a, ButtonSize as b, ButtonVariant as c, InputProps as f, SelectProps as g, ToggleBarItem as h, ToggleBarProps as i, ToggleBarSize as j, ToggleBarVariant as k, SegmentTooltipFields as l, FieldProps as n, IconName as p, SelectItemProps as r, SelectOption as s };

package/dist/_dts/{usePanZoom-SSTZe410.d.ts → Stage-DWBBi8IU.d.ts}

@@ -1,7 +1,75 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode, WheelEvent, PointerEvent as PointerEvent$1 } from 'react';
-import { k as ViewTransform, a as WorldSpec, V as ViewportSize, l as Point, W as WorldFrame } from './frac-B4hFJMiN.js';
-import { C as CanvasLayerDescriptor } from './CanvasStackContext-CMMo180l.js';
+import * as react from 'react';
+import { RefObject, ReactNode } from 'react';
+import { ViewApi } from '@weasel-js/core';
+import { W as WorldFrame, P as Point, b as ViewTransform, l as WorldSpec, V as ViewportSize } from './types-B7yBTTF9.js';
+import { C as CanvasLayerDescriptor } from './CanvasStackContext-Wo6OwIVM.js';
+
+/** The view id the stage publishes its pointer under. */
+declare const STAGE_VIEW_ID = "stage";
+/**
+ * A camera, as the things that sit beside it read it: an overview, a loupe, a
+ * linked cursor. Points are *frame-local* — the world with `y` multiplied by
+ * `frame.yDir` — which is the space `view` works in.
+ */
+interface CameraContextValue {
+    /** The camera as a weasel `ViewApi`, clamped to its zoom range. */
+    view: ViewApi;
+    frame: WorldFrame;
+    /** The element the camera's dispatcher listens on. */
+    element: () => HTMLElement | null;
+    /** The content's own rect, frame-local, when it has one — a `<Stage>`'s. */
+    content?: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+}
+/** The camera around the caller, or `null` outside one. */
+declare const CameraContext: react.Context<CameraContextValue | null>;
+/** Set by a host that already provides one input scope for everything inside
+ *  it — a trial — so the camera, the loupe and an overview share it. */
+declare const CameraScopeContext: react.Context<boolean>;
+/**
+ * The actions and deps a camera routes through: the ones a trial provides, or
+ * an isolated set of its own. Isolated, because an actions registry holds one
+ * dispatcher, and a camera must not take input from a canvas beside it. The
+ * pointer store is the exception — one already in scope is kept, since sharing
+ * it is the point.
+ */
+declare function CameraScope({ children }: {
+    children: ReactNode;
+}): react.JSX.Element;
+/** Options for {@link useCameraView}. */
+interface CameraViewOptions {
+    view: ViewTransform;
+    onViewChange: (v: ViewTransform) => void;
+    frame: WorldFrame;
+    hostRef: RefObject<HTMLElement | null>;
+    minZoom?: number;
+    maxZoom?: number;
+}
+/**
+ * A labkit camera as a stable `ViewApi`. Its zoom range is widened to keep the
+ * opening zoom reachable — captured once, so a zoom-out cannot shrink the
+ * range and strand the opening view behind it.
+ */
+declare function useCameraView({ view, onViewChange, frame, hostRef, minZoom, maxZoom, }: CameraViewOptions): ViewApi;
+/** Props for `<CameraInput>`. */
+interface CameraInputProps {
+    hostRef: RefObject<HTMLElement | null>;
+    camera: ViewApi;
+    frame: WorldFrame;
+    /** A primary-button press released without crossing the drag threshold, at
+     *  the world point it landed on. */
+    onTap?: (world: Point) => void;
+}
+/**
+ * Mounts the dispatcher on `hostRef` and routes the camera's gestures through
+ * it. Render it inside a `<CameraScope>`; with no actions registry in scope it
+ * renders nothing.
+ */
+declare function CameraInput(props: CameraInputProps): react.JSX.Element | null;
 
 /** Props for `<CanvasStack>`. */
 interface CanvasStackProps {
@@ -24,8 +92,9 @@ interface CanvasStackProps {
 }
 /** Stacks one `<canvas>` per layer and drives them from a shared view, so a
  *  layer that changes rarely is not redrawn with one that changes every frame.
- *  Handles sizing, device pixel ratio, and pan/zoom. */
-declare function CanvasStack({ layers, view: viewProp, onViewChange, worldSpec, minZoom, maxZoom, width, height, className, onResize, onHitTest, children, }: CanvasStackProps): react_jsx_runtime.JSX.Element;
+ *  Handles sizing and device pixel ratio; pan and zoom route through weasel's
+ *  gesture dispatcher (`<CameraInput>`). */
+declare function CanvasStack({ layers, view: viewProp, onViewChange, worldSpec, minZoom, maxZoom, width, height, className, onResize, onHitTest, children, }: CanvasStackProps): react.JSX.Element;
 
 /** Bounds and coordinate system a {@link zoomAt} works in. */
 interface ZoomAtOptions {
@@ -82,36 +151,12 @@ interface StageProps {
 declare function fitStage(size: ViewportSize, viewport: ViewportSize): ViewTransform;
 /**
  * DOM content of a fixed size, panned and zoomed by a camera — what
- * `<CanvasStack>` is for layers drawn to a canvas. The content is laid out at
+ * `<CanvasStack>` is for layers drawn to a canvas. Pan and zoom route through
+ * weasel's gesture dispatcher (`<CameraInput>`). The content is laid out at
  * its own size and transformed, so everything inside keeps its layout and a
  * measurement of any element in it reports where it is actually drawn.
  */
-declare function Stage({ size, view: viewProp, onViewChange, minZoom, maxZoom, onResize, hostRef, overlay, children, }: StageProps): react_jsx_runtime.JSX.Element;
-
-interface UsePanZoomOptions {
-    view: ViewTransform;
-    onViewChange: (v: ViewTransform) => void;
-    /** The opening `view.zoom` always stays reachable, widening these past
-     *  whatever is passed here if it would otherwise exclude it. */
-    minZoom?: number;
-    maxZoom?: number;
-    /** The instrument's coordinate system, resolved against the viewport. The
-     *  wheel anchors in this frame; omitting it anchors at the element's
-     *  top-left, which is what labkit did before a frame could be declared. */
-    frame?: WorldFrame;
-    /** A primary-button press released without ever crossing the drag
-     *  threshold. The pointer session owns the release, so the gesture's end is
-     *  reported here rather than left for a consumer's own `onPointerUp`. */
-    onTap?: (e: PointerEvent) => void;
-}
-interface PanZoomHandlers {
-    /** Zoom about the pointer. `anchor` is the element the pointer position is
-     *  measured against, for an event whose `currentTarget` is some other box. */
-    onWheel: (e: WheelEvent<HTMLElement> | globalThis.WheelEvent, anchor?: Element) => void;
-    onPointerDown: (e: PointerEvent$1<HTMLElement>) => void;
-    isDragging: () => boolean;
-}
-declare function usePanZoom({ view, onViewChange, minZoom, maxZoom, frame, onTap, }: UsePanZoomOptions): PanZoomHandlers;
+declare function Stage({ size, view: viewProp, onViewChange, minZoom, maxZoom, onResize, hostRef, overlay, children, }: StageProps): react.JSX.Element;
 
-export { CanvasStack as C, Stage as S, centerOn as c, fitStage as f, screenToWorld as s, usePanZoom as u, worldToScreen as w, zoomAt as z };
-export type { PanZoomHandlers as P, UsePanZoomOptions as U, ZoomAtOptions as Z, CanvasStackProps as a, StageProps as b };
+export { CameraContext as C, STAGE_VIEW_ID as S, CameraInput as b, CameraScope as d, CameraScopeContext as e, CanvasStack as g, Stage as i, centerOn as k, fitStage as l, screenToWorld as s, useCameraView as u, worldToScreen as w, zoomAt as z };
+export type { ZoomAtOptions as Z, CameraContextValue as a, CameraInputProps as c, CameraViewOptions as f, CanvasStackProps as h, StageProps as j };

package/dist/_dts/{index-DlKolEIZ.d.ts → index-CKyX0ME_.d.ts}

@@ -1,6 +1,5 @@
-import { d as ControlRenderer, c as ConfigRule } from './types-Db-3NNk1.js';
-import { K as Instrument, as as TrialChromeContext, O as TrialContribution, T as TrialRecord, q as InstrumentList, e as SavedSnapshot, o as LabMode, aq as ToolSlotContext, a4 as ContributionBase, ar as ToolbarItem, ap as ToolItem, aj as SidebarSection, am as StatusReadout, H as TrialTool, af as RegionContribution, ak as SidebarSlotContext } from './frac-B4hFJMiN.js';
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import { d as ControlRenderer, c as ConfigRule } from './types-DTuViBvc.js';
+import { R as Instrument, ax as TrialChromeContext, Y as TrialContribution, T as TrialRecord, t as InstrumentList, f as SavedSnapshot, s as LabMode, av as ToolSlotContext, a9 as ContributionBase, aw as ToolbarItem, au as ToolItem, ao as SidebarSection, ar as StatusReadout, O as TrialTool, ak as RegionContribution, ap as SidebarSlotContext } from './types-B7yBTTF9.js';
 import * as react from 'react';
 import { ReactNode } from 'react';
 
@@ -142,15 +141,15 @@ interface LabRegionProps {
     contributions: readonly LabContribution[];
 }
 /** The lab's action bar, in the shell header beside the title. */
-declare function LabHeaderRegion({ contributions }: LabRegionProps): react_jsx_runtime.JSX.Element;
+declare function LabHeaderRegion({ contributions }: LabRegionProps): react.JSX.Element;
 /** The lab's sidebar sections. Fold state is a lab-scoped persisted value, so it
  *  survives a reload in a stored lab and lasts the session in an unstored one. */
-declare function LabSidebarRegion({ contributions }: LabRegionProps): react_jsx_runtime.JSX.Element;
+declare function LabSidebarRegion({ contributions }: LabRegionProps): react.JSX.Element;
 /** The lab's aside sections, on the far side of the workspace from the sidebar.
  *  Fold state persists the way the sidebar's does. */
-declare function LabAsideRegion({ contributions }: LabRegionProps): react_jsx_runtime.JSX.Element;
+declare function LabAsideRegion({ contributions }: LabRegionProps): react.JSX.Element;
 /** The lab's readouts, in the shell footer below the workspace. */
-declare function LabFooterRegion({ contributions }: LabRegionProps): react_jsx_runtime.JSX.Element;
+declare function LabFooterRegion({ contributions }: LabRegionProps): react.JSX.Element;
 
 /**
  * Concatenate contribution bundles into one list, preserving order — order
@@ -183,7 +182,7 @@ interface PaletteRegionProps<TCtx extends ToolSlotContext = TrialChromeContext>
 /** A tool strip: a trial's, or the lab's. Selection lives in whichever tool
  *  slot the context carries; this region only reflects it. An item carrying
  *  `onActivate` is a command instead — it presses, and never latches. */
-declare function PaletteRegion<TCtx extends ToolSlotContext = TrialChromeContext>({ contributions, ctx, region, }: PaletteRegionProps<TCtx>): react_jsx_runtime.JSX.Element | null;
+declare function PaletteRegion<TCtx extends ToolSlotContext = TrialChromeContext>({ contributions, ctx, region, }: PaletteRegionProps<TCtx>): react.JSX.Element | null;
 
 /** Props for `<SidebarRegion>`. */
 interface SidebarRegionProps<TCtx extends SidebarSlotContext = TrialChromeContext> {
@@ -196,7 +195,7 @@ interface SidebarRegionProps<TCtx extends SidebarSlotContext = TrialChromeContex
  *  trial's, or the lab's. A section the trial has torn out is not rendered
  *  here — `Trial` portals its body into the workspace instead. A context with
  *  no `undockPanel` offers no tear-out. */
-declare function SidebarRegion<TCtx extends SidebarSlotContext = TrialChromeContext>({ contributions, ctx, region, }: SidebarRegionProps<TCtx>): react_jsx_runtime.JSX.Element | null;
+declare function SidebarRegion<TCtx extends SidebarSlotContext = TrialChromeContext>({ contributions, ctx, region, }: SidebarRegionProps<TCtx>): react.JSX.Element | null;
 
 /** Props for `<StatusRegion>`. */
 interface StatusRegionProps<TCtx = TrialChromeContext> {
@@ -206,7 +205,7 @@ interface StatusRegionProps<TCtx = TrialChromeContext> {
     region?: string;
 }
 /** Lays a bar's readouts out. */
-declare function StatusRegion<TCtx = TrialChromeContext>({ contributions, ctx, region, }: StatusRegionProps<TCtx>): react_jsx_runtime.JSX.Element | null;
+declare function StatusRegion<TCtx = TrialChromeContext>({ contributions, ctx, region, }: StatusRegionProps<TCtx>): react.JSX.Element | null;
 
 /** Which end of the title bar a `<TitleBarRegion>` lays out: `'lead'` renders
  *  the contributions that leave `end` unset, before the title; `'actions'`
@@ -220,7 +219,7 @@ interface TitleBarRegionProps {
     placement?: TitleBarPlacement;
 }
 /** Lays a trial's `titlebar` contributions out at one end of the bar. */
-declare function TitleBarRegion({ contributions, ctx, placement }: TitleBarRegionProps): react_jsx_runtime.JSX.Element | null;
+declare function TitleBarRegion({ contributions, ctx, placement }: TitleBarRegionProps): react.JSX.Element | null;
 
 /** Props for `<ToolbarRegion>`. */
 interface ToolbarRegionProps<TCtx = TrialChromeContext> {
@@ -232,7 +231,7 @@ interface ToolbarRegionProps<TCtx = TrialChromeContext> {
     label?: string;
 }
 /** Lays a bar's contributions out, grouped by their `group`. */
-declare function ToolbarRegion<TCtx = TrialChromeContext>({ contributions, ctx, region, label, }: ToolbarRegionProps<TCtx>): react_jsx_runtime.JSX.Element | null;
+declare function ToolbarRegion<TCtx = TrialChromeContext>({ contributions, ctx, region, label, }: ToolbarRegionProps<TCtx>): react.JSX.Element | null;
 
 /** Props for `<ViewportRegion>`. */
 interface ViewportRegionProps {
@@ -243,7 +242,7 @@ interface ViewportRegionProps {
  * Controls acting on the view of a trial. Anchored inside the content well
  * rather than in the toolbar, which acts on the trial itself.
  */
-declare function ViewportRegion({ contributions, ctx }: ViewportRegionProps): react_jsx_runtime.JSX.Element | null;
+declare function ViewportRegion({ contributions, ctx }: ViewportRegionProps): react.JSX.Element | null;
 
 export { resetTrial as B, suppressContributions as C, toolContributions as D, useLabChromeContext as E, useLabContext as F, PaletteRegion as P, SidebarRegion as S, ViewportRegion as V, LabAsideRegion as a, LabContext as c, LabFooterRegion as e, LabHeaderRegion as f, LabSidebarRegion as i, StatusRegion as l, TitleBarRegion as n, ToolbarRegion as p, addTrial as s, builtinContributions as t, cloneTrial as u, closeTrial as v, contributionsIn as w, labContributions as x, mergeContributions as y, reorderTrials as z };
 export type { AddTrialOptions as A, LabContribution as L, TitleBarPlacement as T, LabChromeContext as b, LabContextValue as d, LabRegion as g, LabRegionProps as h, PaletteRegionProps as j, SidebarRegionProps as k, StatusRegionProps as m, TitleBarRegionProps as o, ToolbarRegionProps as q, ViewportRegionProps as r };