@weasel-js/labkit 1.5.1 → 1.6.0

package/dist/index.d.ts

@@ -1,34 +1,35 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { I as IconProps } from './_dts/Select.d-Gwr8fLpK.js';
-export { B as Button, a as ButtonProps, b as ButtonSize, c as ButtonVariant, d as Icon, e as Input, f as InputProps, S as Select, g as SelectProps, T as ToggleBar, h as ToggleBarItem, i as ToggleBarProps, j as ToggleBarSize, k as ToggleBarVariant } from './_dts/Select.d-Gwr8fLpK.js';
-export { LayerStack, LayerStackItem, LayerStackProps } from './ui/layers/index.js';
+import { I as IconProps } from './_dts/Select.d-BchGMC2Y.js';
+export { B as Button, a as ButtonProps, b as ButtonSize, c as ButtonVariant, d as Icon, e as Input, f as InputProps, S as Select, g as SelectProps, T as ToggleBar, h as ToggleBarItem, i as ToggleBarProps, j as ToggleBarSize, k as ToggleBarVariant } from './_dts/Select.d-BchGMC2Y.js';
+export { L as LayerList, a as LayerListItem, b as LayerListProps, c as LayerMove, m as moveLayers } from './_dts/LayerList.d-2c9yup5Y.js';
+import { P as PropertyMetricProps, a as PropertyListPack } from './_dts/index-DINmCuLA.js';
+export { C as ControlPanel, b as PropertyControl, c as PropertyControlProps, d as PropertyField, e as PropertyFieldProps, f as PropertyList, g as PropertyListProps, h as PropertyOption, i as PropertyPanel, j as PropertyPanelProps, k as PropertyRow, l as PropertyRowLayout, m as PropertyRowProps, n as PropertyRowVariant, o as PropertySpan, p as PropertySpanProps } from './_dts/index-DINmCuLA.js';
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { P as PropertyMetricProps, a as PropertyListPack } from './_dts/index-BNdz-tNd.js';
-export { C as CheckboxRow, b as CheckboxRowProps, c as ColorRow, d as ColorRowProps, e as ControlPanel, N as NumberRow, f as NumberRowProps, g as PropertyList, h as PropertyListProps, i as PropertyOption, j as PropertyPanel, k as PropertyPanelProps, l as PropertyRow, m as PropertyRowLayout, n as PropertyRowProps, o as PropertyRowVariant, p as PropertySpan, q as PropertySpanProps, S as SelectRow, r as SelectRowProps, s as SliderRow, t as SliderRowProps, T as TextRow, u as TextRowProps, v as ToggleRow, w as ToggleRowProps } from './_dts/index-BNdz-tNd.js';
-import { DrawCommand, SceneNode, View, Path, FillStyle, StrokeAlign, StyledRun, TextStyle, TextVerticalAlign, Stroke, BuiltinToolId } from '@weasel-js/core';
-import { t as WorldRect, A as AnnotationData, v as AnnotationMeaning, w as MarkScene, x as CaptureSource, y as CaptureOptions, z as CaptureResult, B as AnnotationTarget, E as AnnotationsApi, F as AnnotationsCapability, G as TrialInfo, H as TrialTool, J as AnnotationKind, k as ViewTransform, K as Instrument, q as InstrumentList, o as LabMode, N as TrialContribution, c as StorageAdapter, T as TrialRecord } from './_dts/frac-B4okC2lX.js';
-export { O as Annotation, Q as AnnotationInit, R as AnnotationPatch, X as AnnotationQuery, Y as AnnotationStatus, Z as AnnotationStoreOptions, _ as AnnotationTargetInfo, $ as Auto, a0 as CanvasCapability, a1 as CanvasLayer, a2 as CaptureDeps, a3 as ContributionBase, C as CreateLabStoreOptions, D as DEFAULT_FRAME, n as DragDropCapability, m as DragFeedback, a4 as FracPoint, a5 as FracRect, a6 as HitResult, a7 as IconComponent, a8 as LOUPE_DEFAULTS, L as LabDocument, d as LabStoreState, a9 as LayerCapability, aa as LayerDescriptor, ab as LoupeCapability, ac as LoupeDeclaration, ad as LoupeRenderArgs, P as PaletteItem, l as Point, ae as RegionContribution, af as RenderContext, ag as ResolvedLoupe, e as SavedSnapshot, ah as SerializedAnnotations, S as SerializedTrial, ai as SidebarSection, aj as SidebarSlotContext, ak as StageCapability, al as StatusReadout, f as StorageChange, am as SystemEvent, an as ToolCapability, ao as ToolItem, ap as ToolSlotContext, aq as ToolbarItem, ar as TrialChromeContext, as as TrialRegion, g as TrialStateHandle, at as UndoCapability, U as UndoStack, h as UndockedPanel, i as UndockedPanels, au as ViewportControl, V as ViewportSize, W as WorldFrame, a as WorldSpec, av as annotationsFromJSON, b as applyCamera, aw as auto, ax as createAnnotationScene, ay as createAnnotationStore, j as dockPanel, az as fracContains, aA as fracEncloses, aB as fracToWorld, aC as isAuto, p as panelKey, r as resolveFrame, aD as resolveLoupe, aE as roundFrac, u as undockPanel, aF as worldToFrac } from './_dts/frac-B4okC2lX.js';
-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';
-import { L as LabContribution } from './_dts/index-CSJoj4LC.js';
-export { A as AddTrialOptions, a as LabAsideRegion, b as LabChromeContext, c as LabContext, d as LabContextValue, 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, s as addTrial, t as builtinContributions, u as cloneTrial, v as closeTrial, w as contributionsIn, x as labContributions, y as mergeContributions, z as reorderTrials, B as resetTrial, C as suppressContributions, D as toolContributions, E as useLabChromeContext, F as useLabContext } from './_dts/index-CSJoj4LC.js';
-export { BaseNode, BooleanNode, ColorNode, CustomNode, EnumNode, GroupNode, NumberNode, StringNode, ValueNode, applyRules, autoPathsOf, builtinRules, f, fillConfigDefaults, fromConfigFields, hasConfigPath, isConfigBranch, isLeafVisible, resolveAutoConfig, resolveConfigSchema, schemaNodeAtPath, titleCase, useConfigSchema, useResolvedConfig, valueAtPath, withValueAtPath } from './config/index.js';
-import { b as ConfigSchema, a as ConfigField, c as ConfigRule, d as ControlRenderer } from './_dts/types-DzoNY1pO.js';
-export { A as Annotations, B as BranchAnnotations, e as BranchOptions, f as CheckboxField, g as ColorField, h as ConfigBranch, i as ConfigEntry, j as ConfigFieldBase, k as ConfigFieldType, l as ConfigNode, m as ConfigOf, n as ConfigOption, C as ConfigPath, o as ConfigRuleContext, p as ConfigShape, E as EntryValue, I as InferConfig, L as LeafPatch, N as NodeOptions, q as NodeValue, r as NumberField, R as ResolvedConfig, S as SectionSpec, s as SelectField, t as SelectOption, u as SliderField, T as TextField, V as ValueAtPath } from './_dts/types-DzoNY1pO.js';
+import { S as StanceProps } from './_dts/PrefsRow.d-DFpPIeIC.js';
+import { DrawCommand, SceneNode, View, Path, FillStyle, ScreenLength, StrokeAlign, StyledRun, TextStyle, TextVerticalAlign, Stroke, BuiltinToolId } from '@weasel-js/core';
+import { w as WorldRect, A as AnnotationData, x as AnnotationMeaning, y as MarkScene, z as CaptureSource, B as CaptureOptions, E as CaptureResult, F as AnnotationTarget, G as AnnotationsApi, H as AnnotationsCapability, J as TrialInfo, K as TrialTool, N as AnnotationKind, m as ViewTransform, O as Instrument, t as InstrumentList, s as LabMode, Q as LabDensity, R as TrialContribution, d as StorageAdapter, T as TrialRecord } from './_dts/frac-DTRq7Xpb.js';
+export { X as Annotation, Y as AnnotationInit, Z as AnnotationPatch, _ as AnnotationQuery, $ as AnnotationStatus, a0 as AnnotationStoreOptions, a1 as AnnotationTargetInfo, a2 as Auto, a3 as CanvasCapability, a4 as CanvasLayer, a5 as CaptureDeps, a6 as ContributionBase, C as CreateLabStoreOptions, D as DEFAULT_FRAME, q as DragDropCapability, o as DragFeedback, a7 as FracPoint, a8 as FracRect, a9 as HitResult, aa as IconComponent, ab as LOUPE_DEFAULTS, e as LabDocument, f as LabStoreState, L as LayerCapability, a as LayerDescriptor, ac as LoupeCapability, ad as LoupeDeclaration, ae as LoupeRenderArgs, P as PaletteItem, n as Point, af as RegionContribution, ag as RenderContext, ah as ResolvedLoupe, g as SavedSnapshot, ai as SerializedAnnotations, S as SerializedTrial, aj as SidebarSection, ak as SidebarSlotContext, al as StageCapability, am as StatusReadout, h as StorageChange, an as SystemEvent, ao as ToolCapability, ap as ToolItem, aq as ToolSlotContext, ar as ToolbarItem, as as TrialChromeContext, at as TrialRegion, i as TrialStateHandle, au as UndoCapability, U as UndoStack, j as UndockedPanel, k as UndockedPanels, av as ViewportControl, V as ViewportSize, W as WorldFrame, b as WorldSpec, aw as annotationsFromJSON, c as applyCamera, ax as auto, ay as createAnnotationScene, az as createAnnotationStore, l as dockPanel, aA as fracContains, aB as fracEncloses, aC as fracToWorld, aD as isAuto, p as panelKey, r as resolveFrame, aE as resolveLoupe, aF as roundFrac, u as undockPanel, aG as worldToFrac } from './_dts/frac-DTRq7Xpb.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-Bq73pwFe.js';
+export { C as CanvasLayerDescriptor, a as CanvasStackContext, b as CanvasStackContextValue, c as CanvasStackSurface } from './_dts/CanvasStackContext-DQgcH1ny.js';
+import { L as LabContribution } from './_dts/index-B0--8PEM.js';
+export { A as AddTrialOptions, a as LabAsideRegion, b as LabChromeContext, c as LabContext, d as LabContextValue, 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, s as addTrial, t as builtinContributions, u as cloneTrial, v as closeTrial, w as contributionsIn, x as labContributions, y as mergeContributions, z as reorderTrials, B as resetTrial, C as suppressContributions, D as toolContributions, E as useLabChromeContext, F as useLabContext } from './_dts/index-B0--8PEM.js';
+export { BaseNode, BooleanNode, ColorNode, CustomNode, EnumNode, GroupNode, ListNode, NumberNode, SectionTree, StringNode, ValueNode, applyRules, autoPathsOf, builtinRules, f, fillConfigDefaults, fromConfigFields, hasConfigPath, isConfigBranch, isLeafVisible, resolveAutoConfig, resolveConfigSchema, schemaNodeAtPath, sectionTree, titleCase, useConfigSchema, useResolvedConfig, valueAtPath, withValueAtPath } from './config/index.js';
+import { c as ConfigSchema, b as ConfigField, d as ConfigRule, C as ControlRenderer } from './_dts/types-B7y8hX1D.js';
+export { A as Annotations, B as BranchAnnotations, e as BranchOptions, f as CheckboxField, g as ColorField, h as ConfigBranch, i as ConfigEntry, j as ConfigFieldBase, k as ConfigFieldType, l as ConfigNode, m as ConfigOf, n as ConfigOption, a as ConfigPath, o as ConfigRuleContext, p as ConfigShape, E as EntryValue, I as InferConfig, L as LeafPatch, N as NodeOptions, q as NodeValue, r as NumberField, R as ResolvedConfig, S as SectionSpec, s as SelectField, t as SelectOption, u as SliderField, T as TextField, V as ValueAtPath } from './_dts/types-B7y8hX1D.js';
+export { I as InDialogOptions, i as inDialog, s as summarizeValue } from './_dts/inDialog-D5ZKGjiD.js';
 import { J as JobHandle } from './_dts/types-DJ79Tg5J.js';
 export { a as JobCapability, b as JobEvent, c as JobFailure, d as JobStatus } from './_dts/types-DJ79Tg5J.js';
 export { UseJobOptions, useJob } from './job/index.js';
-export { LayerList, LayerListProps, LayerTreeNode } from './layers/index.js';
+import { Theme, ColorList } from '@weasel-js/theme';
 export { CanvasLoupe, CanvasLoupeProps, DomLoupe, DomLoupeProps, LOUPE_MAGNIFY_ID, LOUPE_PEEK_ID, LensCamera, LoupeBubble, LoupeBubbleProps, LoupeGestures, LoupeGesturesProps, LoupeInputApi, LoupeState, SourceRect, TrialLoupe, TrialLoupeProps, UseLoupeOptions, createLoupeActions, drawCanvasLens, lensCamera, lensSourceRect, sampleStack, useLoupe } from './loupe/index.js';
 import { SplitProps } from './primitives/index.js';
-export { FloatingPanel, FloatingPanelProps, FpsMeter, JobProgress, JobProgressProps, Legend, LegendEntry, LegendMark, LegendProps, ScaleIndicator, ScaleIndicatorProps, Sidebar, SidebarProps, Split, StatusBar, StatusBarProps, StatusBarSectionProps, Toolbar, ToolbarButtonProps, ToolbarGroupProps, ToolbarProps, ZoomControl, ZoomControlProps } from './primitives/index.js';
-export { C as CURRENT_DOCUMENT_VERSION, I as IndexedDbAdapterOptions, b as LabStoreContext, c as LabStoreProvider, O as OpenLabStoreOptions, d as OpenedLabStore, P as PersistedStateOptions, e as Persistence, f as PersistenceProps, R as RecordCache, g as RecordChange, T as TrialIdContext, h as TrialIdProvider, i as createIndexedDbAdapter, k as createMemoryAdapter, l as indexedDbAdapter, m as labDocumentKey, n as localStorageAdapter, o as noneAdapter, p as openLabStore, q as quarantineKey, s as sessionStorageAdapter, u as urlHashAdapter, r as useLabStore, t as usePersistedState, v as useTrialId, w as useTrialState } from './_dts/useTrialState-uLlmaccn.js';
+export { FloatingPanel, FloatingPanelProps, FpsMeter, JobProgress, JobProgressProps, Legend, LegendEntry, LegendMark, LegendProps, ScaleIndicator, ScaleIndicatorProps, Split, StatusBar, StatusBarProps, StatusBarSectionProps, Toolbar, ToolbarButtonProps, ToolbarGroupProps, ToolbarProps, ZoomControl, ZoomControlProps } from './primitives/index.js';
+export { C as CURRENT_DOCUMENT_VERSION, I as IndexedDbAdapterOptions, b as LabStoreContext, c as LabStoreProvider, O as OpenLabStoreOptions, d as OpenedLabStore, P as PersistedStateOptions, e as Persistence, f as PersistenceProps, R as RecordCache, g as RecordChange, T as TrialIdContext, h as TrialIdProvider, i as createIndexedDbAdapter, k as createMemoryAdapter, l as indexedDbAdapter, m as labDocumentKey, n as localStorageAdapter, o as noneAdapter, p as openLabStore, q as quarantineKey, s as sessionStorageAdapter, u as urlHashAdapter, r as useLabStore, t as usePersistedState, v as useTrialId, w as useTrialState } from './_dts/useTrialState-CP4jfuKl.js';
 export { Box, Rect, SurfaceCanvasContext, SurfaceCanvases, SurfaceClear, SurfaceContext, SurfaceFrame, SurfaceHandle, SurfaceLayer, TilePainter, UseTiledSurfaceOptions, composeRects, rectsEqual, toDeviceRect, useSurface, useSurfaceCanvas, useSurfaceOptional, useSurfaceTile, useTileId, useTiledSurface } from './surface/index.js';
-import { Theme } from '@weasel-js/theme';
 export { EventBus, EventListener, clearUndo, createEventBus, emptyStack, pushSnapshot, redo, undo } from './undo/index.js';
 import 'react-aria-components';
-import './_dts/PrefsForm.d-DPy9I8It.js';
+import './_dts/number.d-OeQYQoUO.js';
 import 'windease';
 import 'zustand/vanilla';
 
@@ -79,77 +80,17 @@ interface CurveFieldProps {
  */
 declare function CurveField({ values, min, max, step, width, height, defaults, onChange, marks, }: CurveFieldProps): react_jsx_runtime.JSX.Element;
 
-/** Props for `<Subpanel>`. */
-interface SubpanelProps extends PropertyMetricProps {
-    title: ReactNode;
-    children: ReactNode;
-    className?: string;
-}
-/** A typographic divider inside a property list: a small title flanked by a
- *  rule. Purely a heading — use `<PropertyGroup>` for a bordered section. */
-declare function Subpanel({ title, children, className, density, align }: SubpanelProps): react_jsx_runtime.JSX.Element;
-/** Props for `<EffectCard>`. */
-interface EffectCardProps {
-    /** Card title rendered in the title bar (e.g. effect kind label or a select). */
-    title: ReactNode;
-    /** Optional badge/chip displayed before the remove button (e.g. primary value summary). */
-    primary?: ReactNode;
-    /** Optional accent color in any CSS color form. Sets --wzl-effect-card-accent on the card. */
-    accent?: string;
-    /** Optional ordinal badge that doubles as the drag handle (used by tail cards in SB). */
-    index?: number;
-    expanded?: boolean;
-    onToggleExpanded?: () => void;
-    onRemove?: () => void;
-    /**
-     * Drag-handle wiring. When provided, an inline handle (⋮⋮ icon or `index`)
-     * activates HTML5 drag on press. Consumer owns the drag/drop coordination —
-     * see EffectCardList for the batteries-included wrapper.
-     */
-    draggable?: boolean;
-    onPressHandle?: () => void;
-    onReleaseHandle?: () => void;
-    onDragStart?: (e: React.DragEvent<HTMLDivElement>) => void;
-    onDragEnd?: (e: React.DragEvent<HTMLDivElement>) => void;
-    onDragOver?: (e: React.DragEvent<HTMLDivElement>) => void;
-    onDragLeave?: (e: React.DragEvent<HTMLDivElement>) => void;
-    onDrop?: (e: React.DragEvent<HTMLDivElement>) => void;
-    dragging?: boolean;
-    children?: ReactNode;
-    className?: string;
-}
-/** An accented, collapsible card for one item in a list of like things —
- *  effects, layers, tails. The accent color rebinds the theme accent token
- *  within the card, so its controls pick it up too. */
-declare function EffectCard({ title, primary, accent, index, expanded, onToggleExpanded, onRemove, draggable, onPressHandle, onReleaseHandle, onDragStart, onDragEnd, onDragOver, onDragLeave, onDrop, dragging, children, className, }: EffectCardProps): react_jsx_runtime.JSX.Element;
-/** The minimum an item must carry to appear in an `<EffectCardList>`. */
-interface EffectCardListItem {
-    id: string | number;
-}
-/** Props for `<EffectCardList>`. */
-interface EffectCardListProps<T extends EffectCardListItem> {
-    items: ReadonlyArray<T>;
-    renderItem: (item: T, helpers: {
-        isExpanded: boolean;
-        isDragging: boolean;
-        toggleExpanded: () => void;
-        cardProps: Pick<EffectCardProps, 'expanded' | 'dragging' | 'draggable' | 'onToggleExpanded' | 'onPressHandle' | 'onReleaseHandle' | 'onDragStart' | 'onDragEnd' | 'onDragOver' | 'onDragLeave' | 'onDrop'>;
-    }) => ReactNode;
-    onReorder: (sourceId: T['id'], targetId: T['id'], position: 'before' | 'after') => void;
-    /** Optional rendered when the list is empty. */
-    empty?: ReactNode;
-    /** IDs to render expanded on first mount. Defaults to all collapsed. */
-    defaultExpandedIds?: ReadonlyArray<T['id']>;
-}
-/** A drag-reorderable list of `<EffectCard>`s. Owns the expanded and dragging
- *  state and hands it back to `renderItem`, so the caller only supplies each
- *  card's contents. */
-declare function EffectCardList<T extends EffectCardListItem>({ items, renderItem, onReorder, empty, defaultExpandedIds, }: EffectCardListProps<T>): react_jsx_runtime.JSX.Element;
-
 /** Props for `<PropertyGroup>`. */
-interface PropertyGroupProps extends PropertyMetricProps {
+interface PropertyGroupProps extends PropertyMetricProps, StanceProps {
     /** Title rendered between two rules at the top of the group. */
     title: ReactNode;
+    /** Before the title: a drag handle, an ordinal. Clicks here do not fold the group. */
+    leading?: ReactNode;
+    /** After the title: a summary of the group's value, a remove button. Clicks here do not fold the group. */
+    actions?: ReactNode;
+    /** Help text for the whole group, drawn under the title and above the
+     *  rows. `<PropertyRow description>` covers the per-row case. */
+    description?: ReactNode;
     /** When true the group renders nothing — useful for conditional sections. */
     hidden?: boolean;
     /**
@@ -169,6 +110,9 @@ interface PropertyGroupProps extends PropertyMetricProps {
     onCollapsedChange?: (next: boolean) => void;
     children: ReactNode;
     className?: string;
+    /** Take the whole width of a packed grid, like `<PropertyRow span>`: a group
+     *  lays its own rows out, so half a column leaves them overlapping. */
+    span?: boolean;
     /** How rows pack into the 2-column grid — see `<PropertyList pack>`. */
     pack?: PropertyListPack;
 }
@@ -178,9 +122,24 @@ interface PropertyGroupProps extends PropertyMetricProps {
  * inside a fill effect's controls).
  *
  * A collapsible group keeps its rows mounted and hides them, so a control's
- * local state survives being folded away.
+ * local state survives being folded away. `stance` and `tone` work as on
+ * `<PropertyPanel>`; a tone also draws the group's leading edge in it, which
+ * is how a list of like groups — effects, tails — tells its members apart.
+ * `leading` and `actions` put a handle and controls in the title row, and the
+ * groups of a `<PropertyList>` reorder with `useReorderDragList`.
  */
-declare function PropertyGroup({ title, hidden, collapsible, defaultCollapsed, collapsed, onCollapsedChange, children, className, pack, density, align, }: PropertyGroupProps): react_jsx_runtime.JSX.Element | null;
+declare function PropertyGroup({ title, leading, actions, description, hidden, collapsible, defaultCollapsed, collapsed, onCollapsedChange, children, className, span, pack, density, align, stance, tone, }: PropertyGroupProps): react_jsx_runtime.JSX.Element | null;
+
+/** Props for `<Subpanel>`. */
+interface SubpanelProps extends PropertyMetricProps, StanceProps {
+    title: ReactNode;
+    children: ReactNode;
+    className?: string;
+}
+/** A typographic divider inside a property list: a small title flanked by a
+ *  rule. Purely a heading — use `<PropertyGroup>` for a bordered section. A
+ *  stance or tone colors the title and rule. */
+declare function Subpanel({ title, children, className, density, align, stance, tone }: SubpanelProps): react_jsx_runtime.JSX.Element;
 
 /** A design token as `TokenPanel` edits it. */
 interface TokenEntry {
@@ -195,6 +154,30 @@ interface TokenEntry {
     overridden?: boolean;
     description?: string;
 }
+/** How a scale's steps follow from its base: one multiplier per step, a constant ratio, or a constant step. */
+type TokenScaleRule = {
+    kind: 'factors';
+    factors: readonly number[];
+} | {
+    kind: 'ratio';
+    ratio: number;
+} | {
+    kind: 'step';
+    step: number;
+};
+/** A group whose steps are generated from a base, so the panel edits the base and the rule rather than each step. */
+interface TokenScale {
+    /** The generated tokens, smallest first. Anything else in the group draws as an ordinary step. */
+    tokens: readonly string[];
+    base: number;
+    rule: TokenScaleRule;
+}
+/**
+ * The same scale under another rule, fitted to the amounts its steps have now.
+ * A ratio or step counts from the first step, so switching to one moves the
+ * base there.
+ */
+declare function refitScale(scale: TokenScale, kind: TokenScaleRule['kind'], amounts: readonly number[]): TokenScale;
 type TokenCategory = 'color' | 'type' | 'size' | 'motion' | 'depth' | 'other';
 /** A DTCG type read off the shape of a value, for a token that arrives without one. `'string'` when nothing fits. */
 declare function inferTokenType(value: string): string;
@@ -208,9 +191,13 @@ interface TokenPanelProps {
     /** Sections held closed, by category. Omit to let the panel keep that state itself. */
     collapsed?: Readonly<Partial<Record<TokenCategory, boolean>>>;
     onCollapsedChange?: (category: TokenCategory, collapsed: boolean) => void;
+    /** Groups generated from a base, by group name. Such a group edits its base and rule above its steps. */
+    scales?: Readonly<Record<string, TokenScale>>;
+    /** A scale's new base or rule. The panel does not regenerate the steps; the consumer does, through `onChange`. */
+    onScaleChange?: (group: string, scale: TokenScale) => void;
     /** Files a token under a section. Defaults to `tokenCategory`. */
     categorize?: (token: TokenEntry) => TokenCategory;
-    /** The fewest colors sharing a group that draw as one row of swatches. Default 3. */
+    /** The fewest colors, or sizes, sharing a group that draw as one row of swatches or one grid of steps. Default 3. */
     familySize?: number;
     /**
      * Row layout. `tight` puts a token on one line — name, control, Reset — with the
@@ -223,12 +210,14 @@ interface TokenPanelProps {
 }
 /**
  * Edits a set of design tokens by type: collapsible sections by category, a
- * color group drawn as one row of swatches sized to fit, and a control for each
+ * color group drawn as one row of swatches sized to fit, a group of sizes drawn
+ * as one grid of numbers labeled by step — with its base and rule above it when
+ * `scales` says how it is generated — and a control for each
  * type — a number with its unit for dimensions and durations, the nine weights
  * for a font weight, a curve beside a `cubic-bezier()`, a swatch beside a color,
  * and text for everything else.
  */
-declare function TokenPanel({ tokens, onChange, collapsed, onCollapsedChange, categorize, familySize, density, className, }: TokenPanelProps): react_jsx_runtime.JSX.Element;
+declare function TokenPanel({ tokens, onChange, collapsed, onCollapsedChange, scales, onScaleChange, categorize, familySize, density, className, }: TokenPanelProps): react_jsx_runtime.JSX.Element;
 
 /** Props for {@link Jog}. */
 interface JogProps {
@@ -395,6 +384,8 @@ declare function seenFrom(config: unknown, keys: readonly string[]): Record<stri
  */
 declare function isStale(seen: Readonly<Record<string, unknown>> | undefined, config: unknown, keys: readonly string[]): boolean;
 
+type Mat3 = readonly [number, number, number, number, number, number];
+
 /**
  * Public types for `@weasel-js/svg`. The package exposes a flat,
  * discriminated-union node model (`SvgNode`) that mirrors the SVG element
@@ -442,10 +433,14 @@ interface NamespacedElement {
     children?: Record<string, NamespacedElement[]>;
 }
 /**
- * 2x3 affine matrix in column-major form (SVG's `matrix(a b c d e f)`
- * order). Maps `[x', y'] = [a*x + c*y + e, b*x + d*y + f]`.
+ * 2x3 affine matrix in SVG's `matrix(a b c d e f)` order, mapping
+ * `[x', y'] = [a*x + c*y + e, b*x + d*y + f]`.
+ *
+ * The same order the kernel's affine tier uses, so this is that type under
+ * the name the SVG spec gives it — not a parallel one. An `SvgGroupNode`'s
+ * transform and a geom `Mat3` are interchangeable without a conversion.
  */
-type Matrix = readonly [number, number, number, number, number, number];
+type Matrix = Mat3;
 /**
  * FillStyle description in the SVG sense — either explicit `none`, a solid
  * color, or a reference to a weasel-native gradient `FillStyle`. Solid colors
@@ -466,11 +461,9 @@ type SvgPaint = {
 interface SvgStroke {
     paint: SvgPaint;
     /** World units, or `{ px }` for a width that holds its rendered thickness
-     *  however the document is scaled — SVG's `vector-effect="non-scaling-stroke"`,
-     *  and the same unit system as the kit's `Stroke.width`. */
-    width: number | {
-        px: number;
-    };
+     *  however the document is scaled — SVG's `vector-effect="non-scaling-stroke"`.
+     *  Literally the kit's own unit, not a second spelling of it. */
+    width: ScreenLength;
     opacity?: number;
     /** `stroke-linecap`. Default per SVG spec is `'butt'`. */
     cap?: 'butt' | 'round' | 'square';
@@ -775,7 +768,8 @@ declare function validateConfigSchema(fields: ConfigField[]): ValidationResult;
 
 /** One page in a project's set of labs. */
 interface LabPage {
-    /** The page's own URL, and how the switcher knows which page is open. */
+    /** The page's own URL, and how the switcher knows which page is open. A
+     *  hash route (`#/dev/tools`) names a page on the current document. */
     href: string;
     label: string;
 }
@@ -794,7 +788,11 @@ interface LabSwitcherProps {
  *  Matched on the end of the path so a query string, a trailing slash or a
  *  leftover `.html` cannot lose it: a project whose dev server maps `/stats`
  *  to `stats.html` serves both spellings, and a bookmark from before the URLs
- *  lost their extension still resolves to the same page. */
+ *  lost their extension still resolves to the same page.
+ *
+ *  A page whose `href` carries a hash is a route on a single document and wins
+ *  when the path's hash is that route or one under it. A page without one
+ *  ignores the hash, so an in-page anchor does not lose it. */
 declare function currentPage(path: string, pages: readonly LabPage[]): number;
 /** A project's lab title, doubling as the way to reach its other labs.
  *
@@ -815,15 +813,24 @@ interface LabBaseProps {
     instruments: InstrumentList;
     defaultInstrument: string;
     mode?: LabMode;
+    /** How much room the lab's chrome takes. Default `'comfortable'`; a lab whose
+     *  window is the whole app, rather than a panel beside one, reads better at
+     *  `'roomy'`. The trials' own contents are unaffected. */
+    density?: LabDensity;
+    /** The theme the lab's chrome resolves against, applied at `mode` and
+     *  `density`. Default `interstellarTheme`; extend it rather than replace it to
+     *  keep the lab's look while changing a few tokens. */
+    theme?: Theme;
     /** Rendered while a stored lab loads. Default: the lab's empty shell. */
     fallback?: ReactNode;
     /**
-     * Optional list of CSS colors used to compose the interstellar theme's
-     * cosmic backdrop. Each color becomes one radial-gradient blob on the
-     * dark void base. Order maps to a fixed spread of positions; extras wrap
-     * around. Ignored unless the resolved mode is dark.
+     * Colors composing the interstellar theme's cosmic backdrop. Each becomes
+     * one radial-gradient blob on the dark void base, in a fixed spread of
+     * positions; extras wrap around. A theme ramp resolves against the lab's
+     * theme; a function list gives as many blobs as there are positions.
+     * Ignored unless the resolved mode is dark.
      */
-    nebula?: readonly string[];
+    nebula?: ColorList;
     title?: string;
     /** The project's other labs. Given two or more, the title becomes the way to
      *  reach them — the same switcher `<LabShell>` renders, so a lab reached from
@@ -870,7 +877,22 @@ type LabProps = LabBaseProps & ({
 });
 /** The lab runtime: opens the store, provides it, and renders one trial
  *  per record in a grid. Each trial runs one of `instruments`. */
-declare function Lab(props: LabProps): string | number | bigint | boolean | react_jsx_runtime.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null;
+declare function Lab(props: LabProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null;
+
+/** Props for `<LabBoundary>`. */
+interface LabBoundaryProps {
+    children: ReactNode;
+}
+/**
+ * Renders its children as though no lab, trial or theme were above them: every context a `<Lab>` or a
+ * `<Trial>` publishes reads as absent below it, so a labkit piece mounted inside a trial behaves the way it
+ * does on a bare page. A `<LabRoot>` under it applies its own theme instead of deferring to the lab's, and a
+ * `usePersistedState` under it keeps local state instead of writing into the enclosing lab's records.
+ *
+ * For a host that shows arbitrary content inside a trial, such as a component workshop; a lab's own chrome
+ * never needs it.
+ */
+declare function LabBoundary({ children }: LabBoundaryProps): react_jsx_runtime.JSX.Element;
 
 /** Props for `<LabPalette>`. */
 interface LabPaletteProps {
@@ -920,11 +942,14 @@ interface LabShellProps {
     /** The path the switcher reads to mark the open page. Defaults to the
      *  current location. */
     path?: string;
+    /** Set as `document.title` while the shell is mounted, and the previous
+     *  title restored after. Omitted, the document's title is left alone. */
+    documentTitle?: string;
 }
 /** Page frame for a lab: a titled header, a body, and an optional footer,
  *  themed for the resolved color mode. Presentational only — use `<Lab>` when
  *  the trial runtime is wanted too. */
-declare function LabShell({ title, children, header, footer, mode, pages, path, }: LabShellProps): react_jsx_runtime.JSX.Element;
+declare function LabShell({ title, children, header, footer, mode, pages, path, documentTitle, }: LabShellProps): react_jsx_runtime.JSX.Element;
 
 /** A tile's persisted extent, keyed by the id its caller gave it. Grid resizes
  *  write `span`; `size` is here because a strategy swap would write that. */
@@ -1009,8 +1034,8 @@ declare const DEFAULT_VIEW: ViewTransform2D;
 declare function as2DView(view: unknown): ViewTransform2D | null;
 
 /**
- * labkit's theme: a cosmic dark and a warm parchment light, extending the
- * built-in weasel theme. A pins-only theme definition: nothing in it is
+ * labkit's theme: a cosmic dark over the built-in weasel theme, whose light
+ * mode it keeps as is. A pins-only theme definition: nothing in it is
  * derived, so it loads without the engine.
  */
 declare const interstellarTheme: Theme;
@@ -1082,5 +1107,5 @@ interface TrialChromeProps {
  *  each region its slice. */
 declare function TrialChrome({ trialId, record, instrument, isLastTrial, undoBindings, job, loupe, trialChrome, chrome, suppress, activeToolId, setActiveTool, children, }: TrialChromeProps): react_jsx_runtime.JSX.Element;
 
-export { ANNOTATION_TOOLS, ANNOTATION_WEASEL_TOOLS, AnnotationData, AnnotationKind, AnnotationMeaning, AnnotationOverlay, AnnotationTarget, AnnotationTargets, AnnotationsApi, AnnotationsCapability, AnnotationsContext, CaptureOptions, CaptureResult, CaptureSource, CloseIcon, CollapseIcon, ConfigField, ConfigRule, ConfigSchema, ControlRenderer, CurveField, DEFAULT_VIEW, EffectCard, EffectCardList, ExpandIcon, ExportMenu, IconProps, Instrument, InstrumentList, JobHandle, Jog, Lab, LabContribution, LabMode, LabPalette, LabRoot, LabShell, LabSwitcher, MarkList, MarkScene, PauseIcon, PlayIcon, PropertyGroup, PropertyListPack, ResetIcon, SPECIMEN_SECTIONS, Specimen, SplitProps, StepBackIcon, StepForwardIcon, StopIcon, StorageAdapter, Subpanel, TokenPanel, Trial, TrialBody, TrialChrome, TrialContribution, TrialInfo, TrialRecord, TrialTool, ViewTransform, Workspace, WorldRect, annotationToolInfo, as2DView, capturePlan, captureTarget, composeCaptureSvg, createMarkDrawOne, currentPage, defineInstrument, fitView, fromWeaselView, inferTokenType, interstellarTheme, isStale, markCommands, markSvgNodes, resolveMarkStyle, seenFrom, toWeaselView, useAnnotations, useAnnotationsOptional, validateConfigSchema };
-export type { AnnotationOverlayProps, AnnotationTargetsProps, AnnotationToolInfo, CaptureArgs, CapturePlan, ComposeSvgArgs, ContentSize, CurveFieldProps, CurveMark, EffectCardListItem, EffectCardListProps, EffectCardProps, InstrumentSpec, JogProps, LabPage, LabPaletteProps, LabProps, LabRootProps, LabShellProps, LabSwitcherProps, MarkDrawOptions, MarkListProps, MarkStyle, PaintableMark, PaneSize, PanelDescriptor, PropertyGroupProps, SubpanelProps, TokenCategory, TokenEntry, TokenPanelProps, TrialBodyProps, TrialChromeProps, TrialLayout, TrialProps, UndoBindings, ValidationResult, ViewTransform2D, WorkspaceProps };
+export { ANNOTATION_TOOLS, ANNOTATION_WEASEL_TOOLS, AnnotationData, AnnotationKind, AnnotationMeaning, AnnotationOverlay, AnnotationTarget, AnnotationTargets, AnnotationsApi, AnnotationsCapability, AnnotationsContext, CaptureOptions, CaptureResult, CaptureSource, CloseIcon, CollapseIcon, ConfigField, ConfigRule, ConfigSchema, ControlRenderer, CurveField, DEFAULT_VIEW, ExpandIcon, ExportMenu, IconProps, Instrument, InstrumentList, JobHandle, Jog, Lab, LabBoundary, LabContribution, LabDensity, LabMode, LabPalette, LabRoot, LabShell, LabSwitcher, MarkList, MarkScene, PauseIcon, PlayIcon, PropertyGroup, PropertyListPack, ResetIcon, SPECIMEN_SECTIONS, Specimen, SplitProps, StepBackIcon, StepForwardIcon, StopIcon, StorageAdapter, Subpanel, TokenPanel, Trial, TrialBody, TrialChrome, TrialContribution, TrialInfo, TrialRecord, TrialTool, ViewTransform, Workspace, WorldRect, annotationToolInfo, as2DView, capturePlan, captureTarget, composeCaptureSvg, createMarkDrawOne, currentPage, defineInstrument, fitView, fromWeaselView, inferTokenType, interstellarTheme, isStale, markCommands, markSvgNodes, refitScale, resolveMarkStyle, seenFrom, toWeaselView, useAnnotations, useAnnotationsOptional, validateConfigSchema };
+export type { AnnotationOverlayProps, AnnotationTargetsProps, AnnotationToolInfo, CaptureArgs, CapturePlan, ComposeSvgArgs, ContentSize, CurveFieldProps, CurveMark, InstrumentSpec, JogProps, LabBoundaryProps, LabPage, LabPaletteProps, LabProps, LabRootProps, LabShellProps, LabSwitcherProps, MarkDrawOptions, MarkListProps, MarkStyle, PaintableMark, PaneSize, PanelDescriptor, PropertyGroupProps, SubpanelProps, TokenCategory, TokenEntry, TokenPanelProps, TokenScale, TokenScaleRule, TrialBodyProps, TrialChromeProps, TrialLayout, TrialProps, UndoBindings, ValidationResult, ViewTransform2D, WorkspaceProps };