@weasel-js/labkit 1.5.1 → 1.5.2

package/dist/_dts/{CanvasStackContext-CJNMS6mz.d.ts → CanvasStackContext-CMMo180l.d.ts}

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { RefObject } from 'react';
-import { k as ViewTransform, W as WorldFrame } from './frac-B4okC2lX.js';
+import { k as ViewTransform, W as WorldFrame } from './frac-B4hFJMiN.js';
 
 /** One layer of a canvas stack: its id, whether it is currently shown, and how
  *  it paints itself. */

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

@@ -6,7 +6,7 @@ import { TextFieldProps, ValidationResult, SelectProps as SelectProps$1, ListBox
 declare const ICON_PATHS: {
     readonly clone: "<path d=\"M7 7.4V4.6A1.6 1.6 0 0 1 8.6 3h6.8A1.6 1.6 0 0 1 17 4.6v6.8a1.6 1.6 0 0 1-1.6 1.6H12.6\" stroke-linecap=\"butt\"/><rect x=\"3\" y=\"7\" width=\"10\" height=\"10\" rx=\"1.6\"/><path d=\"M5.7 10.8h4.6M5.7 13.4h3\" stroke-width=\"1\"/>";
     readonly reset: "<path d=\"M7.28 4.88A5.8 5.8 0 1 0 12.72 4.88\"/><path d=\"M13.81 7.57 12.72 4.88 15.56 4.28\"/>";
-    readonly close: "<path d=\"M5 5 15 15M15 5 5 15\" stroke-width=\"1.75\"/>";
+    readonly close: "<path d=\"M4.5 4.5 15.5 15.5M15.5 4.5 4.5 15.5\" stroke-width=\"1.75\"/>";
     readonly export: "<path d=\"M4 12.6v2.9A1.5 1.5 0 0 0 5.5 17h9a1.5 1.5 0 0 0 1.5-1.5v-2.9\"/><path d=\"M10 3.2v8.5\"/><path d=\"M11.7 9.35 10 11.7 8.3 9.35\"/><path d=\"M6.8 14.7h6.4\" stroke-width=\"1\"/>";
     readonly zoomIn: "<circle cx=\"9\" cy=\"9\" r=\"5.4\"/><path d=\"M12.82 12.82 16.9 16.9\"/><path d=\"M9 6.7v4.6M6.7 9h4.6\"/>";
     readonly zoomOut: "<circle cx=\"9\" cy=\"9\" r=\"5.4\"/><path d=\"M12.82 12.82 16.9 16.9\"/><path d=\"M6.7 9h4.6\"/>";
@@ -20,6 +20,14 @@ declare const ICON_PATHS: {
     readonly undo: "<path d=\"M4.4 8.4h6.8a3.6 3.6 0 0 1 0 7.2H8.6\"/><path d=\"M6.47 10.14 4.4 8.4 6.47 6.66\"/>";
     readonly redo: "<path d=\"M15.6 8.4H8.8a3.6 3.6 0 0 0 0 7.2H11.4\"/><path d=\"M13.53 6.66 15.6 8.4 13.53 10.14\"/>";
     readonly snapshot: "<path d=\"M3.8 8.3A1.4 1.4 0 0 1 5.2 6.9h1.9L8 5.1h4l.9 1.8h1.9A1.4 1.4 0 0 1 16.2 8.3v6A1.4 1.4 0 0 1 14.8 15.7H5.2A1.4 1.4 0 0 1 3.8 14.3z\"/><circle cx=\"10\" cy=\"11\" r=\"2.75\"/>";
+    readonly bold: "<path d=\"M6 3.5h4.6a3.1 3.1 0 0 1 0 6.2H6zM6 9.7h5.4a3.4 3.4 0 0 1 0 6.8H6z\" stroke-width=\"2.1\"/>";
+    readonly italic: "<path d=\"M9 3.5h6M5 16.5h6M12.5 3.5 7.5 16.5\"/>";
+    readonly underline: "<path d=\"M6 3.4v5.6a4 4 0 0 0 8 0V3.4\"/><path d=\"M4.6 17h10.8\"/>";
+    readonly strikethrough: "<path d=\"M14.4 5.8c-.9-1.6-2.4-2.4-4.4-2.4-2.5 0-4.2 1.3-4.2 3.1 0 .9.4 1.6 1.2 2.2\"/><path d=\"M5.6 14.2c.9 1.6 2.4 2.4 4.4 2.4 2.5 0 4.2-1.3 4.2-3.1 0-.9-.4-1.6-1.2-2.2\"/><path d=\"M3.4 10h13.2\"/>";
+    readonly overline: "<path d=\"M4.6 3h10.8\"/><ellipse cx=\"10\" cy=\"11.4\" rx=\"4.4\" ry=\"4.8\"/>";
+    readonly superscript: "<path d=\"M3.6 8.6 10.4 16.4M10.4 8.6 3.6 16.4\"/><path d=\"M11.9 5.3a2.2 2.2 0 1 1 4.3.8c0 1.4-4.3 2.2-4.3 3.5h4.5\"/>";
+    readonly subscript: "<path d=\"M3.6 3.6 10.4 11.4M10.4 3.6 3.6 11.4\"/><path d=\"M11.9 11.5a2.2 2.2 0 1 1 4.3.8c0 1.4-4.3 2.2-4.3 3.5h4.5\"/>";
+    readonly code: "<path d=\"M7 6.2 3.2 10 7 13.8M13 6.2 16.8 10 13 13.8\"/><path d=\"M11.2 4.8 8.8 15.2\"/>";
     readonly play: "<path d=\"M7.6 5.2 15.6 10 7.6 14.8Z\"/>";
     readonly pause: "<path d=\"M7.8 5.2v9.6M12.2 5.2v9.6\"/>";
     readonly stop: "<rect x=\"5.6\" y=\"5.6\" width=\"8.8\" height=\"8.8\" rx=\"1.4\"/>";
@@ -395,6 +403,10 @@ type SelectOption = {
     textValue?: string;
 };
 type Key = string | number;
+/** How a {@link Select} trigger signals that it opens a list. */
+type SelectIndicator = 'chevron' | 'underline' | 'none';
+/** Where a {@link Select}'s list opens relative to its trigger. */
+type SelectPopup = 'over' | 'below';
 /**
  * Props for {@link Select}, on top of React Aria's `Select` props, with the
  * selection key narrowed to the option value type.
@@ -420,6 +432,20 @@ type SelectProps<T extends Key = string> = Omit<SelectProps$1<object>, 'children
     width?: 'fill' | 'fit';
     /** `'bare'` drops the box, for a select set in a row of other chrome such as a property row. */
     variant?: 'field' | 'bare';
+    /**
+     * How the trigger says it opens a list. `'chevron'` draws the caret beside
+     * the value; `'underline'` marks the value itself, dotted at rest and solid
+     * while it is pointed at or open; `'none'` says nothing. Unset takes the
+     * variant's own: a boxed select shows the caret, a bare one — set in a row
+     * where 10px of caret is a tenth of the value's width — underlines.
+     */
+    indicator?: SelectIndicator;
+    /**
+     * Where the list opens. `'over'` (the default) puts the selected row on the
+     * trigger, its label in the trigger's own text column, so choosing what is
+     * already chosen moves nothing; `'below'` hangs it under the trigger.
+     */
+    popup?: SelectPopup;
     /**
      * Id for the trigger button. React Aria puts a plain `id` on the wrapper,
      * which is not labelable, so an outer `<label for>` needs this to reach a

package/dist/_dts/{frac-B4okC2lX.d.ts → frac-B4hFJMiN.d.ts}

@@ -1,5 +1,5 @@
 import { ComponentType, ReactNode, RefObject } from 'react';
-import { R as ResolvedConfig, C as ConfigPath, V as ValueAtPath, a as ConfigField, b as ConfigSchema } from './types-DzoNY1pO.js';
+import { R as ResolvedConfig, C as ConfigPath, V as ValueAtPath, a as ConfigField, b as ConfigSchema } from './types-Db-3NNk1.js';
 import { J as JobHandle, a as JobCapability } from './types-DJ79Tg5J.js';
 import { Scene } from '@weasel-js/core';
 
@@ -130,6 +130,10 @@ interface SavedSnapshot {
 }
 /** `auto` follows the OS; the other two are an explicit choice. */
 type LabMode = 'auto' | 'light' | 'dark';
+/** How much room the lab's own chrome takes — the theme's density axis, named
+ *  the way the theme names it. A lab's instruments are unaffected: this sizes
+ *  the shell around them. */
+type LabDensity = 'compact' | 'comfortable' | 'roomy';
 /** Everything a lab persists: its trials, its saved snapshots, and the
  *  chosen color mode. */
 interface LabStoreState {
@@ -173,7 +177,7 @@ interface TrialStateHandle<TS, TC> {
     setState: (next: TS | ((prev: TS) => TS)) => void;
     config: TC;
     /** The config as stored, before any auto path is resolved. What the control
-     *  panel renders, so a ghosted control sits at the value it pins back to. */
+     *  panel renders, so an auto row pins back to the value it was holding. */
     raw: TC;
     /** Dotted paths this trial has unpinned. */
     auto: ReadonlySet<string>;
@@ -265,12 +269,18 @@ interface ToolbarItem<TCtx = TrialChromeContext> {
      *  zero-argument handler stays valid. */
     onActivate: (ctx: TCtx) => void;
 }
-/** A selectable tool in the palette region. */
-interface ToolItem {
+/** A tool in the palette region: a mode by default, a command when it carries
+ *  an `onActivate`. `TCtx` is the chrome context that handler is handed — a
+ *  trial's, or the lab's for a lab-level rail. */
+interface ToolItem<TCtx = TrialChromeContext> {
     icon: IconComponent;
     label: string;
+    /** Shown in the tooltip. Not bound here — the trial owns its keymap. */
     shortcut?: string;
     disabled?: boolean;
+    /** Runs on press instead of selecting. An item with one is a command: it
+     *  never writes the tool slot, and never reads as the current tool. */
+    onActivate?: (ctx: TCtx) => void;
 }
 /** A titled block in the sidebar. */
 interface SidebarSection {
@@ -1018,5 +1028,5 @@ declare function fracContains(box: FracRect, pt: FracPoint, tol?: number): boole
  *  answers false for two rects that merely overlap. */
 declare function fracEncloses(outer: FracRect, inner: FracRect): boolean;
 
-export { DEFAULT_FRAME as D, LOUPE_DEFAULTS as a8, fracEncloses as aA, fracToWorld as aB, isAuto as aC, resolveLoupe as aD, roundFrac as aE, worldToFrac as aF, annotationsFromJSON as av, auto as aw, createAnnotationScene as ax, createAnnotationStore as ay, fracContains as az, applyCamera as b, dockPanel as j, panelKey as p, resolveFrame as r, undockPanel as u };
-export type { Auto as $, AnnotationData as A, AnnotationTarget as B, CreateLabStoreOptions as C, AnnotationsApi as E, AnnotationsCapability as F, TrialInfo as G, TrialTool as H, InstrumentSerializers as I, AnnotationKind as J, Instrument as K, LabDocument as L, Migration as M, TrialContribution as N, Annotation as O, PaletteItem as P, AnnotationInit as Q, AnnotationPatch as R, SerializedTrial as S, TrialRecord as T, UndoStack as U, ViewportSize as V, WorldFrame as W, AnnotationQuery as X, AnnotationStatus as Y, AnnotationStoreOptions as Z, AnnotationTargetInfo as _, WorldSpec as a, CanvasCapability as a0, CanvasLayer as a1, CaptureDeps as a2, ContributionBase as a3, FracPoint as a4, FracRect as a5, HitResult as a6, IconComponent as a7, LayerCapability as a9, LoupePoint as aG, LoupeMode as aH, LayerDescriptor as aa, LoupeCapability as ab, LoupeDeclaration as ac, LoupeRenderArgs as ad, RegionContribution as ae, RenderContext as af, ResolvedLoupe as ag, SerializedAnnotations as ah, SidebarSection as ai, SidebarSlotContext as aj, StageCapability as ak, StatusReadout as al, SystemEvent as am, ToolCapability as an, ToolItem as ao, ToolSlotContext as ap, ToolbarItem as aq, TrialChromeContext as ar, TrialRegion as as, UndoCapability as at, ViewportControl as au, StorageAdapter as c, LabStoreState as d, SavedSnapshot as e, StorageChange as f, TrialStateHandle as g, UndockedPanel as h, UndockedPanels as i, ViewTransform as k, Point as l, DragFeedback as m, DragDropCapability as n, LabMode as o, InstrumentList as q, InstrumentHooks as s, WorldRect as t, AnnotationMeaning as v, MarkScene as w, CaptureSource as x, CaptureOptions as y, CaptureResult as z };
+export { DEFAULT_FRAME as D, LOUPE_DEFAULTS as a9, fracContains as aA, fracEncloses as aB, fracToWorld as aC, isAuto as aD, resolveLoupe as aE, roundFrac as aF, worldToFrac as aG, annotationsFromJSON as aw, auto as ax, createAnnotationScene as ay, createAnnotationStore as az, applyCamera as b, dockPanel as j, panelKey as p, resolveFrame as r, undockPanel as u };
+export type { AnnotationTargetInfo as $, AnnotationData as A, AnnotationTarget as B, CreateLabStoreOptions as C, AnnotationsApi as E, AnnotationsCapability as F, TrialInfo as G, TrialTool as H, InstrumentSerializers as I, AnnotationKind as J, Instrument as K, LabDocument as L, Migration as M, LabDensity as N, TrialContribution as O, PaletteItem as P, Annotation as Q, AnnotationInit as R, SerializedTrial as S, TrialRecord as T, UndoStack as U, ViewportSize as V, WorldFrame as W, AnnotationPatch as X, AnnotationQuery as Y, AnnotationStatus as Z, AnnotationStoreOptions as _, WorldSpec as a, Auto as a0, CanvasCapability as a1, CanvasLayer as a2, CaptureDeps as a3, ContributionBase as a4, FracPoint as a5, FracRect as a6, HitResult as a7, IconComponent as a8, LoupePoint as aH, LoupeMode as aI, LayerCapability as aa, LayerDescriptor as ab, LoupeCapability as ac, LoupeDeclaration as ad, LoupeRenderArgs as ae, RegionContribution as af, RenderContext as ag, ResolvedLoupe as ah, SerializedAnnotations as ai, SidebarSection as aj, SidebarSlotContext as ak, StageCapability as al, StatusReadout as am, SystemEvent as an, ToolCapability as ao, ToolItem as ap, ToolSlotContext as aq, ToolbarItem as ar, TrialChromeContext as as, TrialRegion as at, UndoCapability as au, ViewportControl as av, StorageAdapter as c, LabStoreState as d, SavedSnapshot as e, StorageChange as f, TrialStateHandle as g, UndockedPanel as h, UndockedPanels as i, ViewTransform as k, Point as l, DragFeedback as m, DragDropCapability as n, LabMode as o, InstrumentList as q, InstrumentHooks as s, WorldRect as t, AnnotationMeaning as v, MarkScene as w, CaptureSource as x, CaptureOptions as y, CaptureResult as z };

package/dist/_dts/{index-BNdz-tNd.d.ts → index-8LiKe3A-.d.ts}

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 import { ToolPrefNumberFormat } from '@weasel-js/core';
-import { R as ResolvedConfig, a as ConfigField, d as ControlRenderer } from './types-DzoNY1pO.js';
+import { R as ResolvedConfig, a as ConfigField, d as ControlRenderer } from './types-Db-3NNk1.js';
 
 /**
  * How much room a container gives its rows — gaps, padding, and field height,
@@ -106,19 +106,20 @@ interface PropertyRowProps extends PropertyMetricProps {
      *  member has to carry its own name. */
     group?: boolean;
     className?: string;
-    /** The row is auto: its value is not pinned and the owner computes it. Draws
-     *  the control ghosted and colorless. */
+    /** The row is auto: its value is not pinned and the owner computes it. The
+     *  control is hidden — its box kept, so the row does not resize — and the
+     *  row reads out the word instead. */
     auto?: boolean;
-    /** Given, the row carries a pin dot that toggles `auto`. Omitted, the row can
-     *  show an auto state but not change it. */
+    /** Given, the row's label toggles `auto` when it is clicked. Omitted, the row
+     *  can show an auto state but not change it.
+     *
+     *  The label then names that toggle, so a control passed as `children` has to
+     *  carry its own accessible name — every row in this module does. */
     onAutoChange?: (next: boolean) => void;
-    /** Marks the row's element for a panel-level gesture handler. `PropertyRow`
-     *  does not spread unknown props, so this is declared rather than inherited. */
-    'data-auto-path'?: string;
 }
 /** The label-plus-control frame every typed row below is built from. Use it
  *  directly for a control this module does not cover. */
-declare function PropertyRow({ label, readout, description, variant, layout, span, children, htmlFor, group, className, density, align, auto, onAutoChange, 'data-auto-path': autoPath, }: PropertyRowProps): react_jsx_runtime.JSX.Element;
+declare function PropertyRow({ label, readout, description, variant, layout, span, children, htmlFor, group, className, density, align, auto, onAutoChange, }: PropertyRowProps): react_jsx_runtime.JSX.Element;
 /** Props for `<SliderRow>`. */
 interface SliderRowProps extends PropertyMetricProps {
     label: ReactNode;
@@ -142,7 +143,7 @@ interface SliderRowProps extends PropertyMetricProps {
     format?: (value: number) => ReactNode;
     /**
      * Static text in place of the editable readout. Use it when the row is not
-     * showing a number a caller could type back — an auto row's `auto · 18`, say,
+     * showing a number a caller could type back — an auto row's `auto`, say,
      * which an editable field would seed a draft with and then fail to parse.
      */
     readout?: ReactNode;
@@ -160,14 +161,12 @@ interface SliderRowProps extends PropertyMetricProps {
     span?: boolean;
     /** The row is auto — see `<PropertyRow auto>`. */
     auto?: boolean;
-    /** Toggles `auto` from a pin dot — see `<PropertyRow onAutoChange>`. */
+    /** Toggles `auto` from the row's label — see `<PropertyRow onAutoChange>`. */
     onAutoChange?: (next: boolean) => void;
-    /** Marks the row for a panel-level gesture handler — see `<PropertyRow data-auto-path>`. */
-    'data-auto-path'?: string;
 }
 /** A bounded number edited by dragging, with a live readout whose precision
  *  follows `step`. */
-declare function SliderRow({ label, value, min, max, step, onChange, onInput, format, readout, notation, unit, layout, description, span, density, align, auto, onAutoChange, 'data-auto-path': autoPath, }: SliderRowProps): react_jsx_runtime.JSX.Element;
+declare function SliderRow({ label, value, min, max, step, onChange, onInput, format, readout, notation, unit, layout, description, span, density, align, auto, onAutoChange, }: SliderRowProps): react_jsx_runtime.JSX.Element;
 /** Props for `<ColorRow>`. */
 interface ColorRowProps extends PropertyMetricProps {
     label: ReactNode;
@@ -204,13 +203,11 @@ interface ColorRowProps extends PropertyMetricProps {
     span?: boolean;
     /** The row is auto — see `<PropertyRow auto>`. */
     auto?: boolean;
-    /** Toggles `auto` from a pin dot — see `<PropertyRow onAutoChange>`. */
+    /** Toggles `auto` from the row's label — see `<PropertyRow onAutoChange>`. */
     onAutoChange?: (next: boolean) => void;
-    /** Marks the row for a panel-level gesture handler — see `<PropertyRow data-auto-path>`. */
-    'data-auto-path'?: string;
 }
 /** A color swatch, optionally with an alpha slider beneath it. */
-declare function ColorRow({ label, readout, value, onChange, onInput, alpha, onAlphaChange, onAlphaInput, alphaDisabled, layout, description, span, density, align, auto, onAutoChange, 'data-auto-path': autoPath, }: ColorRowProps): react_jsx_runtime.JSX.Element;
+declare function ColorRow({ label, readout, value, onChange, onInput, alpha, onAlphaChange, onAlphaInput, alphaDisabled, layout, description, span, density, align, auto, onAutoChange, }: ColorRowProps): react_jsx_runtime.JSX.Element;
 /** Props for `<CheckboxRow>`. */
 interface CheckboxRowProps extends PropertyMetricProps {
     label: ReactNode;
@@ -226,13 +223,11 @@ interface CheckboxRowProps extends PropertyMetricProps {
     span?: boolean;
     /** The row is auto — see `<PropertyRow auto>`. */
     auto?: boolean;
-    /** Toggles `auto` from a pin dot — see `<PropertyRow onAutoChange>`. */
+    /** Toggles `auto` from the row's label — see `<PropertyRow onAutoChange>`. */
     onAutoChange?: (next: boolean) => void;
-    /** Marks the row for a panel-level gesture handler — see `<PropertyRow data-auto-path>`. */
-    'data-auto-path'?: string;
 }
 /** A boolean checkbox. */
-declare function CheckboxRow({ label, readout, value, onChange, layout, span, description, density, align, auto, onAutoChange, 'data-auto-path': autoPath, }: CheckboxRowProps): react_jsx_runtime.JSX.Element;
+declare function CheckboxRow({ label, readout, value, onChange, layout, span, description, density, align, auto, onAutoChange, }: CheckboxRowProps): react_jsx_runtime.JSX.Element;
 /** Props for `<TextRow>`. */
 interface TextRowProps extends PropertyMetricProps {
     label: ReactNode;
@@ -249,13 +244,11 @@ interface TextRowProps extends PropertyMetricProps {
     span?: boolean;
     /** The row is auto — see `<PropertyRow auto>`. */
     auto?: boolean;
-    /** Toggles `auto` from a pin dot — see `<PropertyRow onAutoChange>`. */
+    /** Toggles `auto` from the row's label — see `<PropertyRow onAutoChange>`. */
     onAutoChange?: (next: boolean) => void;
-    /** Marks the row for a panel-level gesture handler — see `<PropertyRow data-auto-path>`. */
-    'data-auto-path'?: string;
 }
 /** A single-line text input. */
-declare function TextRow({ label, readout, value, onChange, placeholder, maxLength, layout, description, span, density, align, auto, onAutoChange, 'data-auto-path': autoPath, }: TextRowProps): react_jsx_runtime.JSX.Element;
+declare function TextRow({ label, readout, value, onChange, placeholder, maxLength, layout, description, span, density, align, auto, onAutoChange, }: TextRowProps): react_jsx_runtime.JSX.Element;
 /** Props for `<NumberRow>`. */
 interface NumberRowProps extends PropertyMetricProps {
     label: ReactNode;
@@ -291,14 +284,12 @@ interface NumberRowProps extends PropertyMetricProps {
     span?: boolean;
     /** The row is auto — see `<PropertyRow auto>`. */
     auto?: boolean;
-    /** Toggles `auto` from a pin dot — see `<PropertyRow onAutoChange>`. */
+    /** Toggles `auto` from the row's label — see `<PropertyRow onAutoChange>`. */
     onAutoChange?: (next: boolean) => void;
-    /** Marks the row for a panel-level gesture handler — see `<PropertyRow data-auto-path>`. */
-    'data-auto-path'?: string;
 }
 /** A number typed directly. Reach for `<SliderRow>` when the range matters
  *  more than the exact value. */
-declare function NumberRow({ label, readout, value, onChange, onInput, min, max, step, placeholder, unit, layout, description, span, density, align, auto, onAutoChange, 'data-auto-path': autoPath, }: NumberRowProps): react_jsx_runtime.JSX.Element;
+declare function NumberRow({ label, readout, value, onChange, onInput, min, max, step, placeholder, unit, layout, description, span, density, align, auto, onAutoChange, }: NumberRowProps): react_jsx_runtime.JSX.Element;
 interface PropertyOption<T extends string> {
     value: T;
     label: ReactNode;
@@ -320,14 +311,12 @@ interface SelectRowProps<T extends string> extends PropertyMetricProps {
     span?: boolean;
     /** The row is auto — see `<PropertyRow auto>`. */
     auto?: boolean;
-    /** Toggles `auto` from a pin dot — see `<PropertyRow onAutoChange>`. */
+    /** Toggles `auto` from the row's label — see `<PropertyRow onAutoChange>`. */
     onAutoChange?: (next: boolean) => void;
-    /** Marks the row for a panel-level gesture handler — see `<PropertyRow data-auto-path>`. */
-    'data-auto-path'?: string;
 }
 /** A dropdown over a fixed set of choices. Prefer `<ToggleRow>` when there
  *  are only two or three and they should all stay visible. */
-declare function SelectRow<T extends string>({ label, readout, value, options, onChange, placeholder, layout, description, span, density, align, auto, onAutoChange, 'data-auto-path': autoPath, }: SelectRowProps<T>): react_jsx_runtime.JSX.Element;
+declare function SelectRow<T extends string>({ label, readout, value, options, onChange, placeholder, layout, description, span, density, align, auto, onAutoChange, }: SelectRowProps<T>): react_jsx_runtime.JSX.Element;
 /** Props for `<ToggleRow>`. */
 interface ToggleRowProps<T extends string> extends PropertyMetricProps {
     label: ReactNode;
@@ -342,14 +331,12 @@ interface ToggleRowProps<T extends string> extends PropertyMetricProps {
     span?: boolean;
     /** The row is auto — see `<PropertyRow auto>`. */
     auto?: boolean;
-    /** Toggles `auto` from a pin dot — see `<PropertyRow onAutoChange>`. */
+    /** Toggles `auto` from the row's label — see `<PropertyRow onAutoChange>`. */
     onAutoChange?: (next: boolean) => void;
-    /** Marks the row for a panel-level gesture handler — see `<PropertyRow data-auto-path>`. */
-    'data-auto-path'?: string;
 }
 /** A segmented control: the same choice as a select, with every option
  *  visible at once. */
-declare function ToggleRow<T extends string>({ label, readout, value, options, onChange, layout, description, span, density, align, auto, onAutoChange, 'data-auto-path': autoPath, }: ToggleRowProps<T>): react_jsx_runtime.JSX.Element;
+declare function ToggleRow<T extends string>({ label, readout, value, options, onChange, layout, description, span, density, align, auto, onAutoChange, }: ToggleRowProps<T>): react_jsx_runtime.JSX.Element;
 
 /** How a panel packs its rows into the two-column property grid.
  *   - `'auto'`: narrow controls (numbers, checkboxes, dropdowns, colors) sit
@@ -404,11 +391,11 @@ interface ControlPanelProps<TC extends Record<string, unknown>> {
     /** A fold moved. The key is a section's label — prefixed by its group's
      *  dotted path when the section sits inside one — or a group's own path. */
     onCollapse?: (key: string, collapsed: boolean) => void;
-    /** Dotted paths currently unpinned. A row in this set draws ghosted and its
-     *  dot reads as auto, and the dot writes the sentinel back through
-     *  `setConfig`. Omitted, the panel keeps the set itself: the dots still work
-     *  and the sentinel never reaches `setConfig`, which would otherwise store it
-     *  as the row's value. */
+    /** Dotted paths currently unpinned. A row in this set hides its control and
+     *  reads out `auto`, and clicking its label writes the sentinel back through
+     *  `setConfig`. Omitted, the panel keeps the set itself: the labels still
+     *  toggle and the sentinel never reaches `setConfig`, which would otherwise
+     *  store it as the row's value. */
     auto?: ReadonlySet<string>;
     /** Draw leaves marked `hidden`. */
     showHidden?: boolean;

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

@@ -1,5 +1,5 @@
-import { d as ControlRenderer, c as ConfigRule } from './types-DzoNY1pO.js';
-import { K as Instrument, ar as TrialChromeContext, N as TrialContribution, T as TrialRecord, q as InstrumentList, e as SavedSnapshot, o as LabMode, ap as ToolSlotContext, a3 as ContributionBase, aq as ToolbarItem, ao as ToolItem, ai as SidebarSection, al as StatusReadout, H as TrialTool, ae as RegionContribution, aj as SidebarSlotContext } from './frac-B4okC2lX.js';
+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 * as react from 'react';
 import { ReactNode } from 'react';
@@ -107,7 +107,7 @@ type LabContribution<TCtx = LabChromeContext> = (ContributionBase & {
     render?: never;
 }) | (ContributionBase & {
     region: 'palette';
-    item: ToolItem;
+    item: ToolItem<TCtx>;
     render?: never;
 }) | (ContributionBase & {
     region: 'sidebar' | 'aside';
@@ -181,7 +181,8 @@ interface PaletteRegionProps<TCtx extends ToolSlotContext = TrialChromeContext>
     region?: string;
 }
 /** A tool strip: a trial's, or the lab's. Selection lives in whichever tool
- *  slot the context carries; this region only reflects it. */
+ *  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;
 
 /** Props for `<SidebarRegion>`. */

package/dist/_dts/{types-DzoNY1pO.d.ts → types-Db-3NNk1.d.ts}

@@ -111,15 +111,15 @@ interface NodeOptions extends BranchOptions {
     render?: ControlRenderer;
     /** Errors for this leaf under `config`, the instrument's whole config. */
     validate?: (leaf: ToolPrefLeaf, config: Record<string, unknown>) => string[];
-    /** Computes this leaf's value while it is auto. Attaching one is what lets
-     *  the ghosted control draw a real value and keeps the instrument off
+    /** Computes this leaf's value while it is auto. Attaching one is what gives
+     *  the row a real value to pin back to and keeps the instrument off
      *  `?? compute()`. */
     autoResolve?: (config: Record<string, unknown>) => unknown;
     /** The leaf starts auto rather than pinned at its default. Set by
      *  `.initial(auto)`. */
     unpinned?: boolean;
-    /** The leaf can never be auto: the row takes no pin dot and ignores the
-     *  gesture. For a value the instrument cannot receive as `undefined`. */
+    /** The leaf can never be auto: the row's label does not toggle. For a value
+     *  the instrument cannot receive as `undefined`. */
     manual?: boolean;
 }
 /** What a branch can say about itself, beyond its children. */

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

@@ -1,7 +1,7 @@
 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-B4okC2lX.js';
-import { C as CanvasLayerDescriptor } from './CanvasStackContext-CJNMS6mz.js';
+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';
 
 /** Props for `<CanvasStack>`. */
 interface CanvasStackProps {
@@ -88,49 +88,6 @@ declare function fitStage(size: ViewportSize, viewport: ViewportSize): ViewTrans
  */
 declare function Stage({ size, view: viewProp, onViewChange, minZoom, maxZoom, onResize, hostRef, overlay, children, }: StageProps): react_jsx_runtime.JSX.Element;
 
-/** A point in the space the instrument works in. */
-interface Vec3 {
-    x: number;
-    y: number;
-    z: number;
-}
-/** An orbit camera as a trial view: where it looks from, and what it looks at.
- *  labkit does not turn this into a matrix — the host's renderer does. */
-interface OrbitView {
-    yaw: number;
-    pitch: number;
-    distance: number;
-    target: Vec3;
-}
-/** Just short of the pole. At exactly ±PI/2 the azimuth is undefined and the
- *  camera rolls, which reads as the model jumping rather than as a limit. */
-declare const PITCH_LIMIT: number;
-declare function clampPitch(pitch: number): number;
-declare function wrapYaw(yaw: number): number;
-/** The view a drag of (dx, dy) from `start` produces. Absolute against the drag
- *  start, so it can be re-applied any number of times without compounding. */
-declare function orbitAfterDrag(start: OrbitView, dx: number, dy: number): OrbitView;
-/** Multiplicative, so one notch covers the same proportion of the distance
- *  whether the camera is near or far. */
-declare function orbitAfterWheel(view: OrbitView, deltaY: number, minDistance: number, maxDistance: number): OrbitView;
-interface UseOrbitOptions {
-    view: OrbitView;
-    onViewChange: (v: OrbitView) => void;
-    /** Restored on double-click. Defaults to the view the hook first saw. */
-    home?: OrbitView;
-    minDistance?: number;
-    maxDistance?: number;
-}
-interface OrbitHandlers {
-    onWheel: (e: WheelEvent<HTMLElement>) => void;
-    onPointerDown: (e: PointerEvent$1<HTMLElement>) => void;
-    onDoubleClick: () => void;
-    isDragging: () => boolean;
-}
-/** Pointer gestures over an orbit view: drag to turn, wheel or pinch to dolly,
- *  double-click to go home. The 3D peer of `usePanZoom`. */
-declare function useOrbit({ view, onViewChange, home, minDistance, maxDistance, }: UseOrbitOptions): OrbitHandlers;
-
 interface UsePanZoomOptions {
     view: ViewTransform;
     onViewChange: (v: ViewTransform) => void;
@@ -156,5 +113,5 @@ interface PanZoomHandlers {
 }
 declare function usePanZoom({ view, onViewChange, minZoom, maxZoom, frame, onTap, }: UsePanZoomOptions): PanZoomHandlers;
 
-export { CanvasStack as C, PITCH_LIMIT as P, Stage as S, centerOn as f, clampPitch as g, fitStage as h, orbitAfterWheel as i, usePanZoom as j, wrapYaw as k, orbitAfterDrag as o, screenToWorld as s, useOrbit as u, worldToScreen as w, zoomAt as z };
-export type { OrbitHandlers as O, UseOrbitOptions as U, Vec3 as V, ZoomAtOptions as Z, CanvasStackProps as a, OrbitView as b, PanZoomHandlers as c, StageProps as d, UsePanZoomOptions as e };
+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 };

package/dist/_dts/{useTrialState-uLlmaccn.d.ts → useTrialState-pnAE-UBD.d.ts}

@@ -1,4 +1,4 @@
-import { c as StorageAdapter, d as LabStoreState, T as TrialRecord, e as SavedSnapshot, o as LabMode, h as UndockedPanel, q as InstrumentList, s as InstrumentHooks, C as CreateLabStoreOptions, g as TrialStateHandle } from './frac-B4okC2lX.js';
+import { c as StorageAdapter, d as LabStoreState, T as TrialRecord, e as SavedSnapshot, o as LabMode, h as UndockedPanel, q as InstrumentList, s as InstrumentHooks, C as CreateLabStoreOptions, g as TrialStateHandle } from './frac-B4hFJMiN.js';
 import * as react from 'react';
 import { ReactNode, ReactElement, Dispatch, SetStateAction } from 'react';
 import { StoreApi } from 'zustand/vanilla';

package/dist/canvas/index.d.ts

@@ -1,9 +1,9 @@
 import * as react from 'react';
-export { C as CanvasStack, a as CanvasStackProps, O as OrbitHandlers, b as OrbitView, P as PITCH_LIMIT, c as PanZoomHandlers, S as Stage, d as StageProps, U as UseOrbitOptions, e as UsePanZoomOptions, V as Vec3, Z as ZoomAtOptions, f as centerOn, g as clampPitch, h as fitStage, o as orbitAfterDrag, i as orbitAfterWheel, s as screenToWorld, u as useOrbit, j as usePanZoom, w as worldToScreen, k as wrapYaw, z as zoomAt } from '../_dts/usePanZoom-Pzf9f2jh.js';
-export { C as CanvasLayerDescriptor, a as CanvasStackContext, b as CanvasStackContextValue, c as CanvasStackSurface } from '../_dts/CanvasStackContext-CJNMS6mz.js';
-export { D as DEFAULT_FRAME, V as ViewportSize, W as WorldFrame, a as WorldSpec, b as applyCamera, r as resolveFrame } from '../_dts/frac-B4okC2lX.js';
+export { C as CanvasStack, a as CanvasStackProps, P as PanZoomHandlers, S as Stage, b as StageProps, U as UsePanZoomOptions, Z as ZoomAtOptions, c as centerOn, f as fitStage, s as screenToWorld, u as usePanZoom, w as worldToScreen, z as zoomAt } from '../_dts/usePanZoom-SSTZe410.js';
+export { C as CanvasLayerDescriptor, a as CanvasStackContext, b as CanvasStackContextValue, c as CanvasStackSurface } from '../_dts/CanvasStackContext-CMMo180l.js';
+export { D as DEFAULT_FRAME, V as ViewportSize, W as WorldFrame, a as WorldSpec, b as applyCamera, r as resolveFrame } from '../_dts/frac-B4hFJMiN.js';
 import 'react/jsx-runtime';
-import '../_dts/types-DzoNY1pO.js';
+import '../_dts/types-Db-3NNk1.js';
 import '@weasel-js/core';
 import '../_dts/PrefsForm.d-DPy9I8It.js';
 import '../_dts/types-DJ79Tg5J.js';

package/dist/canvas/index.js

@@ -1,4 +1,4 @@
-export { CameraWheelContext, CanvasStack, PITCH_LIMIT, Stage, clampPitch, fitStage, orbitAfterDrag, orbitAfterWheel, useOrbit, usePanZoom, wrapYaw } from '../chunk-CEIUBPPW.js';
+export { CameraWheelContext, CanvasStack, Stage, fitStage, usePanZoom } from '../chunk-TT5C5S6R.js';
 export { centerOn, zoomAt } from '../chunk-H6ZAOWNE.js';
 export { DEFAULT_FRAME, applyCamera, resolveFrame, screenToWorld, worldToScreen } from '../chunk-2AYGEN57.js';
 import '../chunk-WIG6XHJ7.js';

package/dist/chrome/index.d.ts

@@ -1,6 +1,6 @@
-export { a as LabAsideRegion, b as LabChromeContext, L as LabContribution, e as LabFooterRegion, f as LabHeaderRegion, g as LabRegion, h as LabRegionProps, i as LabSidebarRegion, P as PaletteRegion, j as PaletteRegionProps, S as SidebarRegion, k as SidebarRegionProps, l as StatusRegion, m as StatusRegionProps, T as TitleBarPlacement, n as TitleBarRegion, o as TitleBarRegionProps, p as ToolbarRegion, q as ToolbarRegionProps, V as ViewportRegion, r as ViewportRegionProps, t as builtinContributions, w as contributionsIn, x as labContributions, y as mergeContributions, C as suppressContributions, D as toolContributions, E as useLabChromeContext } from '../_dts/index-CSJoj4LC.js';
-export { a3 as ContributionBase, a7 as IconComponent, ae as RegionContribution, ai as SidebarSection, aj as SidebarSlotContext, al as StatusReadout, ao as ToolItem, ap as ToolSlotContext, aq as ToolbarItem, ar as TrialChromeContext, N as TrialContribution, as as TrialRegion, au as ViewportControl } from '../_dts/frac-B4okC2lX.js';
-import '../_dts/types-DzoNY1pO.js';
+export { a as LabAsideRegion, b as LabChromeContext, L as LabContribution, e as LabFooterRegion, f as LabHeaderRegion, g as LabRegion, h as LabRegionProps, i as LabSidebarRegion, P as PaletteRegion, j as PaletteRegionProps, S as SidebarRegion, k as SidebarRegionProps, l as StatusRegion, m as StatusRegionProps, T as TitleBarPlacement, n as TitleBarRegion, o as TitleBarRegionProps, p as ToolbarRegion, q as ToolbarRegionProps, V as ViewportRegion, r as ViewportRegionProps, t as builtinContributions, w as contributionsIn, x as labContributions, y as mergeContributions, C as suppressContributions, D as toolContributions, E as useLabChromeContext } from '../_dts/index-DlKolEIZ.js';
+export { a4 as ContributionBase, a8 as IconComponent, af as RegionContribution, aj as SidebarSection, ak as SidebarSlotContext, am as StatusReadout, ap as ToolItem, aq as ToolSlotContext, ar as ToolbarItem, as as TrialChromeContext, O as TrialContribution, at as TrialRegion, av as ViewportControl } from '../_dts/frac-B4hFJMiN.js';
+import '../_dts/types-Db-3NNk1.js';
 import '@weasel-js/core';
 import '../_dts/PrefsForm.d-DPy9I8It.js';
 import 'react';

package/dist/chrome/index.js

@@ -1,13 +1,13 @@
-export { LabAsideRegion, LabFooterRegion, LabHeaderRegion, LabSidebarRegion, PaletteRegion, SidebarRegion, StatusRegion, TitleBarRegion, ToolbarRegion, ViewportRegion, builtinContributions, contributionsIn, labContributions, mergeContributions, suppressContributions, toolContributions, useLabChromeContext } from '../chunk-IHUVQ3TX.js';
-import '../chunk-UN4U4P63.js';
+export { LabAsideRegion, LabFooterRegion, LabHeaderRegion, LabSidebarRegion, PaletteRegion, SidebarRegion, StatusRegion, TitleBarRegion, ToolbarRegion, ViewportRegion, builtinContributions, contributionsIn, labContributions, mergeContributions, suppressContributions, toolContributions, useLabChromeContext } from '../chunk-CKUKF72R.js';
+import '../chunk-753Y6HE6.js';
 import '../chunk-RWNDDKOH.js';
-import '../chunk-EH7UEQV7.js';
+import '../chunk-FKLT3ITC.js';
 import '../chunk-Z76KEZAX.js';
-import '../chunk-PHK4W562.js';
-import '../chunk-7PFH3CNM.js';
+import '../chunk-EMXAIRUJ.js';
+import '../chunk-REOBGYMC.js';
 import '../chunk-CQLQPQ4P.js';
 import '../chunk-2YILQ7Y5.js';
 import '../chunk-SBXNQW4G.js';
-import '../chunk-T3EC2DXD.js';
+import '../chunk-LASCBWW7.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/{chunk-PJ7WEQBJ.js → chunk-6BUQ77ZV.js}

@@ -1,6 +1,6 @@
 import { LabContext } from './chunk-Z76KEZAX.js';
-import { resolveConfigSchema } from './chunk-ZDHY47EV.js';
-import { fromConfigFields } from './chunk-PHK4W562.js';
+import { resolveConfigSchema } from './chunk-A2ACAGW6.js';
+import { fromConfigFields } from './chunk-EMXAIRUJ.js';
 import { useContext, useMemo } from 'react';
 
 var NO_RULES = [];
@@ -14,5 +14,5 @@ function useConfigSchema(instrument) {
 }
 
 export { useConfigSchema };
-//# sourceMappingURL=chunk-PJ7WEQBJ.js.map
-//# sourceMappingURL=chunk-PJ7WEQBJ.js.map
+//# sourceMappingURL=chunk-6BUQ77ZV.js.map
+//# sourceMappingURL=chunk-6BUQ77ZV.js.map

package/dist/{chunk-PJ7WEQBJ.js.map → chunk-6BUQ77ZV.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/config/useConfigSchema.ts"],"names":[],"mappings":";;;;;AAOA,IAAM,WAAwB,EAAC;AASxB,SAAS,gBAEd,UAAA,EACgB;AAChB,EAAA,MAAM,GAAA,GAAM,WAAW,UAAU,CAAA;AACjC,EAAA,MAAM,KAAA,GAAQ,KAAK,WAAA,IAAe,QAAA;AAClC,EAAA,OAAO,OAAA;AAAA,IACL,MACE,UAAA,CAAW,MAAA,GACP,mBAAA,CAAoB,UAAA,CAAW,MAAA,EAAQ,KAAK,CAAA,GAC5C,gBAAA,CAAiB,UAAA,CAAW,YAAA,IAAe,IAAK,EAAE,CAAA;AAAA,IACxD,CAAC,YAAY,KAAK;AAAA,GACpB;AACF","file":"chunk-PJ7WEQBJ.js","sourcesContent":["import { useContext, useMemo } from 'react';\nimport type { Instrument } from '../instrument/types';\nimport { LabContext } from '../lab/LabContext';\nimport { fromConfigFields } from './fromConfigField';\nimport { resolveConfigSchema } from './resolve';\nimport type { ResolvedConfig } from './types';\n\nconst NO_RULES: readonly [] = [];\n\n/**\n * An instrument's controls, resolved against the surrounding lab's rules.\n *\n * Resolution cannot happen in `defineInstrument` — rules are lab-scoped and\n * that runs at module load — so it happens here, at render. Both instrument\n * paths land in the same shape, so callers never branch on which was used.\n */\nexport function useConfigSchema(\n  // biome-ignore lint/suspicious/noExplicitAny: instruments are stored contravariantly; see InstrumentList\n  instrument: Instrument<any, any, any>, // eslint-disable-line @typescript-eslint/no-explicit-any\n): ResolvedConfig {\n  const lab = useContext(LabContext);\n  const rules = lab?.configRules ?? NO_RULES;\n  return useMemo(\n    () =>\n      instrument.config\n        ? resolveConfigSchema(instrument.config, rules)\n        : fromConfigFields(instrument.configSchema?.() ?? []),\n    [instrument, rules],\n  );\n}\n"]}
+{"version":3,"sources":["../src/config/useConfigSchema.ts"],"names":[],"mappings":";;;;;AAOA,IAAM,WAAwB,EAAC;AASxB,SAAS,gBAEd,UAAA,EACgB;AAChB,EAAA,MAAM,GAAA,GAAM,WAAW,UAAU,CAAA;AACjC,EAAA,MAAM,KAAA,GAAQ,KAAK,WAAA,IAAe,QAAA;AAClC,EAAA,OAAO,OAAA;AAAA,IACL,MACE,UAAA,CAAW,MAAA,GACP,mBAAA,CAAoB,UAAA,CAAW,MAAA,EAAQ,KAAK,CAAA,GAC5C,gBAAA,CAAiB,UAAA,CAAW,YAAA,IAAe,IAAK,EAAE,CAAA;AAAA,IACxD,CAAC,YAAY,KAAK;AAAA,GACpB;AACF","file":"chunk-6BUQ77ZV.js","sourcesContent":["import { useContext, useMemo } from 'react';\nimport type { Instrument } from '../instrument/types';\nimport { LabContext } from '../lab/LabContext';\nimport { fromConfigFields } from './fromConfigField';\nimport { resolveConfigSchema } from './resolve';\nimport type { ResolvedConfig } from './types';\n\nconst NO_RULES: readonly [] = [];\n\n/**\n * An instrument's controls, resolved against the surrounding lab's rules.\n *\n * Resolution cannot happen in `defineInstrument` — rules are lab-scoped and\n * that runs at module load — so it happens here, at render. Both instrument\n * paths land in the same shape, so callers never branch on which was used.\n */\nexport function useConfigSchema(\n  // biome-ignore lint/suspicious/noExplicitAny: instruments are stored contravariantly; see InstrumentList\n  instrument: Instrument<any, any, any>, // eslint-disable-line @typescript-eslint/no-explicit-any\n): ResolvedConfig {\n  const lab = useContext(LabContext);\n  const rules = lab?.configRules ?? NO_RULES;\n  return useMemo(\n    () =>\n      instrument.config\n        ? resolveConfigSchema(instrument.config, rules)\n        : fromConfigFields(instrument.configSchema?.() ?? []),\n    [instrument, rules],\n  );\n}\n"]}

package/dist/{chunk-UN4U4P63.js → chunk-753Y6HE6.js}

@@ -1,5 +1,5 @@
 import { CanvasStackContext } from './chunk-CQLQPQ4P.js';
-import { b2, g2 } from './chunk-T3EC2DXD.js';
+import { b3, g } from './chunk-LASCBWW7.js';
 import { useRef, useCallback, useEffect, useState, useContext } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useVisibleRaf, normalizeZoom } from '@weasel-js/core';
@@ -165,10 +165,10 @@ function FpsMeter() {
     loop.request();
     return () => loop.cancel();
   }, [loop]);
-  return /* @__PURE__ */ jsx("div", { className: "lk-fps-meter", ref: rootRef, children: /* @__PURE__ */ jsxs("span", { className: "lk-fps-meter-value", children: [
-    "FPS ",
-    fps
-  ] }) });
+  return /* @__PURE__ */ jsxs("div", { className: "lk-fps-meter", ref: rootRef, children: [
+    /* @__PURE__ */ jsx("span", { className: "lk-fps-meter-label", children: "FPS" }),
+    /* @__PURE__ */ jsx("span", { className: "lk-fps-meter-value", children: fps })
+  ] });
 }
 function niceNumber(n) {
   if (n <= 0) return 1;
@@ -222,7 +222,7 @@ function ZoomControl({
   };
   return /* @__PURE__ */ jsxs("div", { className: `lk-zoom${className ? ` ${className}` : ""}`, children: [
     /* @__PURE__ */ jsx(
-      b2,
+      b3,
       {
         className: "lk-zoom__slider",
         ariaLabel: "Zoom",
@@ -237,7 +237,7 @@ function ZoomControl({
       }
     ),
     /* @__PURE__ */ jsx(
-      g2,
+      g,
       {
         className: "lk-zoom__field",
         width: "fit",
@@ -266,5 +266,5 @@ function Section({ children, end }) {
 StatusBar.Section = Section;
 
 export { FpsMeter, ScaleIndicator, StatusBar, Toolbar, ZoomControl, useRovingTabIndex };
-//# sourceMappingURL=chunk-UN4U4P63.js.map
-//# sourceMappingURL=chunk-UN4U4P63.js.map
+//# sourceMappingURL=chunk-753Y6HE6.js.map
+//# sourceMappingURL=chunk-753Y6HE6.js.map