@weasel-js/ui 1.4.4 → 1.5.1

package/dist/components/NumberField/index.d.ts

@@ -1,3 +1,5 @@
 export { NumberField } from './NumberField';
 export type { NumberFieldProps } from './NumberField';
+export { UnitField } from './UnitField';
+export type { UnitFieldProps } from './UnitField';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/NumberField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NumberField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NumberField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/NumberField/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/NumberField-DBowmOfe.js";
-export { e as NumberField };
+import { n as e, t } from "../../chunks/NumberField-CQzS6TjF.js";
+export { e as NumberField, t as UnitField };

package/dist/components/OptionsBar/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/OptionsBar-D_Cd3ZYs.js";
+import { t as e } from "../../chunks/OptionsBar-BWaYG_OH.js";
 export { e as OptionsBar };

package/dist/components/PaintField/PaintField.d.ts

@@ -0,0 +1,36 @@
+import { type ReactElement } from 'react';
+import { type FillStyle, type PaintKind } from '@weasel-js/core';
+import { type OverlayPortalProps } from '../../overlays/portalHost';
+/** Props for {@link PaintField}. `onInput` fires throughout a gesture inside
+ *  the popover and `onChange` once at its end. */
+export interface PaintFieldProps extends OverlayPortalProps {
+    /** The paint being edited. `null` is an explicit "no paint"; `undefined` is
+     *  no value to show. */
+    value: FillStyle | null | undefined;
+    /** Indeterminate presentation: the trigger says "Mixed" and the editor
+     *  lights no kind. */
+    mixed?: boolean;
+    /** Dim the trigger — a value is in effect but was never chosen. */
+    unset?: boolean;
+    /** Restrict the editor's kind bar. Default: every registered kind. */
+    kinds?: readonly PaintKind[];
+    /** Offer "None" in the editor. Default `true`. */
+    allowNone?: boolean;
+    onInput?: (next: FillStyle | null) => void;
+    onChange: (next: FillStyle | null) => void;
+    /** Names the paint this field edits — `Fill`, `Color`. */
+    'aria-label'?: string;
+    className?: string;
+}
+/**
+ * A whole `FillStyle` in one control slot: a swatch that says which kind it
+ * holds, and a popover holding {@link PaintInput}.
+ *
+ * `PaintInput` itself is a kind bar over a body — six segments and a stop
+ * editor — which a property row's control column cannot hold. This is the
+ * shape for a narrow slot, and the difference that matters is fidelity: a
+ * `ColorField` in that slot reads a gradient's first stop and writes a solid
+ * back, so touching the control loses the paint.
+ */
+export declare function PaintField(props: PaintFieldProps): ReactElement;
+//# sourceMappingURL=PaintField.d.ts.map

package/dist/components/PaintField/PaintField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaintField.d.ts","sourceRoot":"","sources":["../../../src/components/PaintField/PaintField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAO1C,OAAO,EAAgB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAoB,KAAK,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAKtF;kDACkD;AAClD,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD;4BACwB;IACxB,KAAK,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC;IACpC;0BACsB;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mEAAmE;IACnE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sEAAsE;IACtE,KAAK,CAAC,EAAE,SAAS,SAAS,EAAE,CAAC;IAC7B,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3C,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3C,0DAA0D;IAC1D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAUD;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,CA2C/D"}

package/dist/components/PaintField/index.d.ts

@@ -0,0 +1,3 @@
+export { PaintField } from './PaintField';
+export type { PaintFieldProps } from './PaintField';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/PaintField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PaintField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/PaintField/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../chunks/PaintField-BVYMu3OI.js";
+export { e as PaintField };

package/dist/components/PaintInput/PaintInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaintInput.d.ts","sourceRoot":"","sources":["../../../src/components/PaintInput/PaintInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAIL,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,iBAAiB,CAAC;AAuCzB;kCACkC;AAClC,MAAM,WAAW,eAAe;IAC9B;+BAC2B;IAC3B,KAAK,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC;IACpC;4CACwC;IACxC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mEAAmE;IACnE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,SAAS,SAAS,EAAE,CAAC;IAC7B;;kCAE8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3C,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3C;2EACuE;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,CAoH/D"}
+{"version":3,"file":"PaintInput.d.ts","sourceRoot":"","sources":["../../../src/components/PaintInput/PaintInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAIL,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,iBAAiB,CAAC;AAwCzB;kCACkC;AAClC,MAAM,WAAW,eAAe;IAC9B;+BAC2B;IAC3B,KAAK,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC;IACpC;4CACwC;IACxC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mEAAmE;IACnE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,SAAS,SAAS,EAAE,CAAC;IAC7B;;kCAE8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3C,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3C;2EACuE;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,CA6H/D"}

package/dist/components/PaintInput/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/PaintInput-B7AScmHN.js";
+import { t as e } from "../../chunks/PaintInput-BzAHCKro.js";
 export { e as PaintInput };

package/dist/components/PatternPicker/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../chunks/PatternPicker-Ba22Bf4L.js";
+import { n as e, t } from "../../chunks/PatternPicker-C4OryrYi.js";
 export { t as PatternPicker, e as seedPattern };

package/dist/components/Plot2D/Plot2D.d.ts

@@ -1,5 +1,6 @@
 import { type CSSProperties, type KeyboardEvent as ReactKeyboardEvent, type PointerEvent as ReactPointerEvent, type ReactNode } from 'react';
 import { type Point } from './geometry';
+import { type TickFormatter } from './ticks';
 /** Background grid configuration for a {@link Plot2D}. */
 export interface GridSettings {
     /** Number of evenly-spaced internal grid lines per axis (excluding
@@ -13,6 +14,33 @@ export interface AxesSettings {
     /** Stroke color override. When omitted, uses `var(--plot-axis)`. */
     color?: string;
 }
+/**
+ * Ticks along one axis of a {@link Plot2D}: a line across the plot at each
+ * tick value, and a label naming it. Every label in a column is formatted
+ * to the same number of decimal places.
+ */
+export interface TickSettings {
+    /** Tick values in model space; any outside the range are skipped.
+     *  Omitted = round 1/2/5 steps, as many as `minSpacing` allows at the
+     *  plot's current size. */
+    values?: readonly number[];
+    /** Smallest gap between generated ticks, in px. Default 24 on y, 64 on x. */
+    minSpacing?: number;
+    /** A generated tick nearer either end of the axis than this is dropped,
+     *  so its label stays on the plot, in px. Default 4 on y, 16 on x. */
+    inset?: number;
+    /** Draw a line across the plot at each tick. Default true. */
+    lines?: boolean;
+    /** Where labels sit: `'inside'` the plot along its left (y) or bottom (x)
+     *  edge, `'outside'` it past that edge in space the caller leaves free,
+     *  or `false` for none. Default `'inside'`. */
+    labels?: 'inside' | 'outside' | false;
+    /** Space between a label and the plot edge it sits against, in px.
+     *  Default 4. */
+    gap?: number;
+    /** Label text for a tick. Default {@link formatTick}. */
+    format?: TickFormatter;
+}
 /** A pointer position given in both of the plot's coordinate systems. */
 export interface Plot2DCoords {
     plot: Point;
@@ -32,8 +60,16 @@ export interface Plot2DProps {
     /** Axis lines. `false` / `null` = no axes. Omitted = default-styled
      *  axes (on). Pass AxesSettings to customize. */
     axes?: AxesSettings | false | null;
+    /** Ticks at x values. `false` / `null` / omitted = none; `{}` = defaults. */
+    xTicks?: TickSettings | false | null;
+    /** Ticks at y values. `false` / `null` / omitted = none; `{}` = defaults. */
+    yTicks?: TickSettings | false | null;
     /** Forwarded to the underlying svg. Consumer opts into focus this way. */
     tabIndex?: number;
+    /** Default `'img'`. A plot holding focusable marks must not be an image,
+     *  whose children are presentational to assistive technology. */
+    role?: string;
+    'aria-label'?: string;
     className?: string;
     style?: CSSProperties;
     /** Pointer down on the SVG. Receives both plot- and model-space coords
@@ -66,8 +102,8 @@ export interface Plot2DHandle {
     readonly height: number;
 }
 /**
- * An SVG plotting surface with an optional grid and axes. It draws the frame
- * and owns the model-space to plot-space mapping; the plotted content is
+ * An SVG plotting surface with an optional grid, axes and ticks. It draws the
+ * frame and owns the model-space to plot-space mapping; the plotted content is
  * whatever children are passed, positioned in plot space.
  */
 export declare const Plot2D: import("react").ForwardRefExoticComponent<Plot2DProps & import("react").RefAttributes<Plot2DHandle>>;

package/dist/components/Plot2D/Plot2D.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Plot2D.d.ts","sourceRoot":"","sources":["../../../src/components/Plot2D/Plot2D.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,aAAa,IAAI,kBAAkB,EACxC,KAAK,YAAY,IAAI,iBAAiB,EACtC,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAEY,KAAK,KAAK,EAC5B,MAAM,YAAY,CAAC;AAIpB,0DAA0D;AAC1D,MAAM,WAAW,YAAY;IAC3B;0DACsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,oDAAoD;AACpD,MAAM,WAAW,YAAY;IAC3B,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,yEAAyE;AACzE,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC;CACd;AAED,gCAAgC;AAChC,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,MAAM,CAAC,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,2CAA2C;IAC3C,MAAM,CAAC,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC;wEACoE;IACpE,IAAI,CAAC,EAAE,YAAY,GAAG,KAAK,GAAG,IAAI,CAAC;IACnC;qDACiD;IACjD,IAAI,CAAC,EAAE,YAAY,GAAG,KAAK,GAAG,IAAI,CAAC;IACnC,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;2EACuE;IACvE,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,iBAAiB,CAAC,aAAa,CAAC,EAAE,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IACpF,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC3D,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;GAIG;AACH,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,EAAE,KAAK,GAAG,KAAK,CAAC;IAC9B,WAAW,CAAC,EAAE,EAAE,KAAK,GAAG,KAAK,CAAC;IAC9B;kDAC8C;IAC9C,YAAY,CAAC,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAC;IAC7D,+CAA+C;IAC/C,aAAa,CAAC,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAC;IAC9D,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED;;;;GAIG;AACH,eAAO,MAAM,MAAM,sGA6HjB,CAAC"}
+{"version":3,"file":"Plot2D.d.ts","sourceRoot":"","sources":["../../../src/components/Plot2D/Plot2D.tsx"],"names":[],"mappings":"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"}

package/dist/components/Plot2D/index.d.ts

@@ -1,3 +1,4 @@
-export { Plot2D, type Plot2DProps, type Plot2DHandle, type Plot2DCoords, type GridSettings, type AxesSettings, } from './Plot2D';
+export { Plot2D, type Plot2DProps, type Plot2DHandle, type Plot2DCoords, type GridSettings, type AxesSettings, type TickSettings, } from './Plot2D';
+export { niceStep, niceTicks, stepDecimals, tickDecimals, formatTick, type NiceTickOptions, type TickFormatCtx, type TickFormatter, type TickSet, } from './ticks';
 export { modelToPlot, plotToModel, type Point, type ModelRange, type PlotSize, } from './geometry';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Plot2D/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Plot2D/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,YAAY,GAClB,MAAM,UAAU,CAAC;AAElB,OAAO,EACL,WAAW,EACX,WAAW,EACX,KAAK,KAAK,EACV,KAAK,UAAU,EACf,KAAK,QAAQ,GACd,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Plot2D/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,YAAY,EACjB,KAAK,YAAY,GAClB,MAAM,UAAU,CAAC;AAElB,OAAO,EACL,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,OAAO,GACb,MAAM,SAAS,CAAC;AAEjB,OAAO,EACL,WAAW,EACX,WAAW,EACX,KAAK,KAAK,EACV,KAAK,UAAU,EACf,KAAK,QAAQ,GACd,MAAM,YAAY,CAAC"}

package/dist/components/Plot2D/index.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../../chunks/Plot2D-C97pO13t.js";
-export { n as Plot2D, e as modelToPlot, t as plotToModel };
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../../chunks/Plot2D-Czvyt_vG.js";
+export { s as Plot2D, r as formatTick, o as modelToPlot, a as niceStep, n as niceTicks, t as plotToModel, e as stepDecimals, i as tickDecimals };

package/dist/components/Plot2D/ticks.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Tick placement for a numeric axis. Pure — no DOM, no React.
+ */
+/** What a tick label formatter knows about the column it is part of. */
+export interface TickFormatCtx {
+    /** Places after the point that every label in the column shares. */
+    decimals: number;
+    /** Distance between neighboring ticks, or 0 when the ticks were given
+     *  explicitly and are not evenly spaced. */
+    step: number;
+}
+/** Turns a tick value into its label. */
+export type TickFormatter = (value: number, ctx: TickFormatCtx) => string;
+/** A column of ticks and the facts its labels share. */
+export interface TickSet {
+    values: number[];
+    step: number;
+    decimals: number;
+}
+/** Options for {@link niceTicks}. */
+export interface NiceTickOptions {
+    /** Smallest gap between neighboring ticks, in px. */
+    minSpacing: number;
+    /** Ticks closer than this to either end of the axis are dropped, in px.
+     *  Default 0. */
+    inset?: number;
+}
+/** The smallest of 1, 2 or 5 times a power of ten that is at least `rough`. */
+export declare function niceStep(rough: number): number;
+/** Places after the point a multiple of `step` needs, for a 1/2/5 step. */
+export declare function stepDecimals(step: number): number;
+/** The most places after the point any of `values` needs. */
+export declare function tickDecimals(values: readonly number[]): number;
+/**
+ * Ticks at round values across `range`, drawn `pixels` long: the finest
+ * 1/2/5 step that keeps neighbors `minSpacing` px apart, so a taller plot
+ * gets more of them.
+ */
+export declare function niceTicks(range: readonly [number, number], pixels: number, options: NiceTickOptions): TickSet;
+/** The default label: `value` fixed to the column's shared decimals, with
+ *  no negative zero. */
+export declare function formatTick(value: number, ctx: TickFormatCtx): string;
+//# sourceMappingURL=ticks.d.ts.map

package/dist/components/Plot2D/ticks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ticks.d.ts","sourceRoot":"","sources":["../../../src/components/Plot2D/ticks.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,wEAAwE;AACxE,MAAM,WAAW,aAAa;IAC5B,oEAAoE;IACpE,QAAQ,EAAE,MAAM,CAAC;IACjB;gDAC4C;IAC5C,IAAI,EAAE,MAAM,CAAC;CACd;AAED,yCAAyC;AACzC,MAAM,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,aAAa,KAAK,MAAM,CAAC;AAE1E,wDAAwD;AACxD,MAAM,WAAW,OAAO;IACtB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,qCAAqC;AACrC,MAAM,WAAW,eAAe;IAC9B,qDAAqD;IACrD,UAAU,EAAE,MAAM,CAAC;IACnB;qBACiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAID,+EAA+E;AAC/E,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAK9C;AAED,2EAA2E;AAC3E,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAGjD;AAED,6DAA6D;AAC7D,wBAAgB,YAAY,CAAC,MAAM,EAAE,SAAS,MAAM,EAAE,GAAG,MAAM,CAS9D;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CACvB,KAAK,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,EAChC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,eAAe,GACvB,OAAO,CAoBT;AAED;wBACwB;AACxB,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,aAAa,GAAG,MAAM,CAGpE"}

package/dist/components/PointPlotter/PointPlotter.d.ts

@@ -1,6 +1,6 @@
 import type { CSSProperties, ReactNode } from 'react';
 import { type AnchorRenderProps, type ControlPoint } from '../CurveEditor';
-import type { GridSettings, AxesSettings } from '../Plot2D';
+import type { GridSettings, AxesSettings, TickSettings } from '../Plot2D';
 /** Props for {@link PointPlotter}. */
 export interface PointPlotterProps {
     /** Plotted points; caller-owned. */
@@ -18,6 +18,8 @@ export interface PointPlotterProps {
     height: number;
     grid?: GridSettings | false | null;
     axes?: AxesSettings | false | null;
+    xTicks?: TickSettings | false | null;
+    yTicks?: TickSettings | false | null;
     /** Minimum allowed point count. User-initiated deletion is refused
      *  while `value.length <= minPoints`. */
     minPoints?: number;

package/dist/components/PointPlotter/PointPlotter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PointPlotter.d.ts","sourceRoot":"","sources":["../../../src/components/PointPlotter/PointPlotter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,YAAY,EAElB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE5D,sCAAsC;AACtC,MAAM,WAAW,iBAAiB;IAChC,oCAAoC;IACpC,KAAK,EAAE,SAAS,YAAY,EAAE,CAAC;IAC/B,mEAAmE;IACnE,OAAO,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IACxC;2EACuE;IACvE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,YAAY,EAAE,KAAK,IAAI,CAAC;IACzE,2CAA2C;IAC3C,MAAM,CAAC,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,2CAA2C;IAC3C,MAAM,CAAC,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,YAAY,GAAG,KAAK,GAAG,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,YAAY,GAAG,KAAK,GAAG,IAAI,CAAC;IACnC;6CACyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;6CACyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;yCACqC;IACrC,YAAY,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC;IACvC;iEAC6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kEAAkE;IAClE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,SAAS,CAAC;IACtD,4EAA4E;IAC5E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CASpD"}
+{"version":3,"file":"PointPlotter.d.ts","sourceRoot":"","sources":["../../../src/components/PointPlotter/PointPlotter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,YAAY,EAElB,MAAM,gBAAgB,CAAC;AACxB,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE1E,sCAAsC;AACtC,MAAM,WAAW,iBAAiB;IAChC,oCAAoC;IACpC,KAAK,EAAE,SAAS,YAAY,EAAE,CAAC;IAC/B,mEAAmE;IACnE,OAAO,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IACxC;2EACuE;IACvE,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,YAAY,EAAE,KAAK,IAAI,CAAC;IACzE,2CAA2C;IAC3C,MAAM,CAAC,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,2CAA2C;IAC3C,MAAM,CAAC,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,YAAY,GAAG,KAAK,GAAG,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,YAAY,GAAG,KAAK,GAAG,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,YAAY,GAAG,KAAK,GAAG,IAAI,CAAC;IACrC,MAAM,CAAC,EAAE,YAAY,GAAG,KAAK,GAAG,IAAI,CAAC;IACrC;6CACyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;6CACyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;yCACqC;IACrC,YAAY,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC;IACvC;iEAC6D;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kEAAkE;IAClE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,SAAS,CAAC;IACtD,4EAA4E;IAC5E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CASpD"}

package/dist/components/PointPlotter/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/PointPlotter-CbDKVggs.js";
+import { t as e } from "../../chunks/PointPlotter-Xvb98GwB.js";
 export { e as PointPlotter };

package/dist/components/Powerline/index.js

@@ -1,3 +1,3 @@
 import { n as e } from "../../chunks/Badge-Bf8Rd1R6.js";
-import { t } from "../../chunks/Powerline-BaHDJlcO.js";
+import { t } from "../../chunks/Powerline-B_EH-7Z-.js";
 export { e as EDGE_PROFILES, t as Powerline };

package/dist/components/Prefs/PrefsForm.d.ts

@@ -9,6 +9,10 @@ export interface PrefRenderContext {
     /** Current value — `values` at `path`, falling back to `pref.default`. */
     value: unknown;
     setValue: (value: unknown) => void;
+    /** Whether this leaf is currently auto — not pinned, computed by the owner. */
+    auto: boolean;
+    /** Toggle this leaf's auto state. */
+    setAuto: (next: boolean) => void;
 }
 /**
  * Renders the control cell for one preference leaf. Returning `null`

package/dist/components/Prefs/PrefsForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrefsForm.d.ts","sourceRoot":"","sources":["../../../src/components/Prefs/PrefsForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAchD,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,QAAQ,EACd,MAAM,UAAU,CAAC;AAGlB,yEAAyE;AACzE,MAAM,WAAW,iBAAiB;IAChC,sDAAsD;IACtD,IAAI,EAAE,MAAM,CAAC;IACb,0EAA0E;IAC1E,IAAI,EAAE,QAAQ,CAAC;IACf,0EAA0E;IAC1E,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC;AAED;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,iBAAiB,KAAK,SAAS,CAAC;AAEjE,mCAAmC;AACnC,MAAM,WAAW,cAAc;IAC7B,0EAA0E;IAC1E,MAAM,EAAE,SAAS,CAAC;IAClB;8DAC0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;0CACsC;IACtC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IACzC,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAsB9C"}
+{"version":3,"file":"PrefsForm.d.ts","sourceRoot":"","sources":["../../../src/components/Prefs/PrefsForm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAehD,OAAO,EAML,KAAK,SAAS,EACd,KAAK,QAAQ,EACd,MAAM,UAAU,CAAC;AAGlB,yEAAyE;AACzE,MAAM,WAAW,iBAAiB;IAChC,sDAAsD;IACtD,IAAI,EAAE,MAAM,CAAC;IACb,0EAA0E;IAC1E,IAAI,EAAE,QAAQ,CAAC;IACf,0EAA0E;IAC1E,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,+EAA+E;IAC/E,IAAI,EAAE,OAAO,CAAC;IACd,qCAAqC;IACrC,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAClC;AAED;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,iBAAiB,KAAK,SAAS,CAAC;AAEjE,mCAAmC;AACnC,MAAM,WAAW,cAAc;IAC7B,0EAA0E;IAC1E,MAAM,EAAE,SAAS,CAAC;IAClB;8DAC0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;0CACsC;IACtC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IACzC,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAsB9C"}

package/dist/components/Prefs/index.d.ts

@@ -1,4 +1,4 @@
 export { PrefsForm, type PrefsFormProps, type PrefRenderer, type PrefRenderContext } from './PrefsForm';
 export { PrefsDialog, type PrefsDialogProps } from './PrefsDialog';
-export { isPrefLeaf, prefDisplayBounds, prefValueAtPath, visiblePrefSubtree, type BuiltinPref, type PrefBoolean, type PrefBooleanControl, type PrefColor, type PrefCustom, type PrefEnum, type PrefEnumControl, type PrefEnumEncoding, type PrefGroup, type PrefKind, type PrefLeaf, type PrefNumber, type PrefNumberControl, type PrefNumberUnit, type PrefPaint, type PrefObject, type PrefString, type PrefStringControl, } from './schema';
+export { isPrefLeaf, prefDisplayBounds, prefValueAtPath, visiblePrefSubtree, type BuiltinPref, type PrefBoolean, type PrefBooleanControl, type PrefColor, type PrefCustom, type PrefEnum, type PrefEnumControl, type PrefEnumEncoding, type PrefGroup, type PrefKind, type PrefLeaf, type PrefNumber, type PrefNumberControl, type PrefNumberFormat, type PrefNumberUnit, type PrefPaint, type PrefObject, type PrefString, type PrefStringControl, } from './schema';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Prefs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Prefs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACxG,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EAClB,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACvB,KAAK,SAAS,EACd,KAAK,UAAU,EACf,KAAK,QAAQ,EACb,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,QAAQ,EACb,KAAK,UAAU,EACf,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,iBAAiB,GACvB,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Prefs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACxG,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EAClB,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACvB,KAAK,SAAS,EACd,KAAK,UAAU,EACf,KAAK,QAAQ,EACb,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,SAAS,EACd,KAAK,QAAQ,EACb,KAAK,QAAQ,EACb,KAAK,UAAU,EACf,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,iBAAiB,GACvB,MAAM,UAAU,CAAC"}

package/dist/components/Prefs/index.js

@@ -1,3 +1,3 @@
-import { n as e, t } from "../../chunks/Prefs-4JSEtuU-.js";
-import { i as n, n as r, r as i, t as a } from "../../chunks/schema-CtWwGbqJ.js";
-export { t as PrefsDialog, e as PrefsForm, a as isPrefLeaf, r as prefDisplayBounds, i as prefValueAtPath, n as visiblePrefSubtree };
+import { n as e, t } from "../../chunks/Prefs-FuaJBs3t.js";
+import { a as n, i as r, n as i, t as a } from "../../chunks/schema-MCVT1MLv.js";
+export { t as PrefsDialog, e as PrefsForm, a as isPrefLeaf, i as prefDisplayBounds, r as prefValueAtPath, n as visiblePrefSubtree };

package/dist/components/Prefs/schema.d.ts

@@ -1,5 +1,5 @@
-export type { ToolPref as BuiltinPref, ToolPrefBoolean as PrefBoolean, ToolPrefBooleanControl as PrefBooleanControl, ToolPrefColor as PrefColor, ToolPrefCustom as PrefCustom, ToolPrefEnum as PrefEnum, ToolPrefEnumControl as PrefEnumControl, ToolPrefEnumEncoding as PrefEnumEncoding, ToolPrefGroup as PrefGroup, ToolPrefKind as PrefKind, ToolPrefLeaf as PrefLeaf, ToolPrefNumber as PrefNumber, ToolPrefNumberControl as PrefNumberControl, ToolPrefNumberUnit as PrefNumberUnit, ToolPrefObject as PrefObject, ToolPrefPaint as PrefPaint, ToolPrefString as PrefString, ToolPrefStringControl as PrefStringControl, } from '@weasel-js/core';
-import type { ToolPrefGroup, ToolPrefLeaf, ToolPrefNumber } from '@weasel-js/core';
+export type { ToolPref as BuiltinPref, ToolPrefBoolean as PrefBoolean, ToolPrefBooleanControl as PrefBooleanControl, ToolPrefColor as PrefColor, ToolPrefCustom as PrefCustom, ToolPrefEnum as PrefEnum, ToolPrefEnumControl as PrefEnumControl, ToolPrefEnumEncoding as PrefEnumEncoding, ToolPrefGroup as PrefGroup, ToolPrefKind as PrefKind, ToolPrefLeaf as PrefLeaf, ToolPrefNumber as PrefNumber, ToolPrefNumberControl as PrefNumberControl, ToolPrefNumberFormat as PrefNumberFormat, ToolPrefNumberUnit as PrefNumberUnit, ToolPrefObject as PrefObject, ToolPrefPaint as PrefPaint, ToolPrefString as PrefString, ToolPrefStringControl as PrefStringControl, } from '@weasel-js/core';
+import type { ToolPrefGroup, ToolPrefLeaf, ToolPrefNumber, ToolPrefNumberUnit as PrefNumberUnitType } from '@weasel-js/core';
 /**
  * A number leaf's bounds in the unit it is displayed in.
  *
@@ -16,6 +16,9 @@ export declare function prefDisplayBounds(p: ToolPrefNumber): {
     max?: number;
     step: number;
 };
+/** What a unit leaf's field reads as typed text: its `accepts` table, and its
+ *  `suffix` as the display unit itself. */
+export declare function prefUnitAccepts(unit: PrefNumberUnitType): Readonly<Record<string, number>>;
 /** Distinguishes a leaf from a group while walking a schema tree. */
 export declare function isPrefLeaf(node: ToolPrefLeaf | ToolPrefGroup): node is ToolPrefLeaf;
 /** Get the value at a dotted path inside a nested value tree. Returns

package/dist/components/Prefs/schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/Prefs/schema.ts"],"names":[],"mappings":"AAKA,YAAY,EACV,QAAQ,IAAI,WAAW,EACvB,eAAe,IAAI,WAAW,EAC9B,sBAAsB,IAAI,kBAAkB,EAC5C,aAAa,IAAI,SAAS,EAC1B,cAAc,IAAI,UAAU,EAC5B,YAAY,IAAI,QAAQ,EACxB,mBAAmB,IAAI,eAAe,EACtC,oBAAoB,IAAI,gBAAgB,EACxC,aAAa,IAAI,SAAS,EAC1B,YAAY,IAAI,QAAQ,EACxB,YAAY,IAAI,QAAQ,EACxB,cAAc,IAAI,UAAU,EAC5B,qBAAqB,IAAI,iBAAiB,EAC1C,kBAAkB,IAAI,cAAc,EACpC,cAAc,IAAI,UAAU,EAC5B,aAAa,IAAI,SAAS,EAC1B,cAAc,IAAI,UAAU,EAC5B,qBAAqB,IAAI,iBAAiB,GAC3C,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEnF;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,CAC/B,CAAC,EAAE,cAAc,GAChB;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAU9C;AAED,qEAAqE;AACrE,wBAAgB,UAAU,CAAC,IAAI,EAAE,YAAY,GAAG,aAAa,GAAG,IAAI,IAAI,YAAY,CAEnF;AAED;kEACkE;AAClE,wBAAgB,eAAe,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAOtE;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,YAAY,GAAG,aAAa,EACvE,IAAI,EAAE,CAAC,EACP,UAAU,EAAE,OAAO,GAClB,CAAC,GAAG,IAAI,CAUV"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/Prefs/schema.ts"],"names":[],"mappings":"AAKA,YAAY,EACV,QAAQ,IAAI,WAAW,EACvB,eAAe,IAAI,WAAW,EAC9B,sBAAsB,IAAI,kBAAkB,EAC5C,aAAa,IAAI,SAAS,EAC1B,cAAc,IAAI,UAAU,EAC5B,YAAY,IAAI,QAAQ,EACxB,mBAAmB,IAAI,eAAe,EACtC,oBAAoB,IAAI,gBAAgB,EACxC,aAAa,IAAI,SAAS,EAC1B,YAAY,IAAI,QAAQ,EACxB,YAAY,IAAI,QAAQ,EACxB,cAAc,IAAI,UAAU,EAC5B,qBAAqB,IAAI,iBAAiB,EAC1C,oBAAoB,IAAI,gBAAgB,EACxC,kBAAkB,IAAI,cAAc,EACpC,cAAc,IAAI,UAAU,EAC5B,aAAa,IAAI,SAAS,EAC1B,cAAc,IAAI,UAAU,EAC5B,qBAAqB,IAAI,iBAAiB,GAC3C,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,kBAAkB,IAAI,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE7H;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,CAC/B,CAAC,EAAE,cAAc,GAChB;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAU9C;AAED;2CAC2C;AAC3C,wBAAgB,eAAe,CAAC,IAAI,EAAE,kBAAkB,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAE1F;AAED,qEAAqE;AACrE,wBAAgB,UAAU,CAAC,IAAI,EAAE,YAAY,GAAG,aAAa,GAAG,IAAI,IAAI,YAAY,CAEnF;AAED;kEACkE;AAClE,wBAAgB,eAAe,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAOtE;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,YAAY,GAAG,aAAa,EACvE,IAAI,EAAE,CAAC,EACP,UAAU,EAAE,OAAO,GAClB,CAAC,GAAG,IAAI,CAUV"}

package/dist/components/Properties/PinDot.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from 'react';
+export interface PinDotProps {
+    /** Whether the row is currently auto. */
+    auto: boolean;
+    /** The row's label, used to name the control. */
+    label: ReactNode;
+    onChange: (next: boolean) => void;
+}
+/**
+ * Pinned/auto affordance for a property row. Filled means the row holds a
+ * pinned value; hollow means it is auto and the owner decides.
+ *
+ * Invisible at rest and revealed by the row's `:hover` / `:focus-within` — so
+ * tabbing to the row's control brings it into view and into reach, which is
+ * the whole keyboard path for going auto.
+ */
+export declare function PinDot({ auto, label, onChange }: PinDotProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PinDot.d.ts.map

package/dist/components/Properties/PinDot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PinDot.d.ts","sourceRoot":"","sources":["../../../src/components/Properties/PinDot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,WAAW;IAC1B,yCAAyC;IACzC,IAAI,EAAE,OAAO,CAAC;IACd,iDAAiD;IACjD,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACnC;AAED;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,WAAW,2CA6B5D"}

package/dist/components/Properties/PropertyPanel.d.ts

@@ -1,4 +1,5 @@
 import { type ReactNode } from 'react';
+import type { PrefNumberFormat } from '../Prefs/schema';
 /**
  * How much room a container gives its rows — gaps, padding, and field height,
  * moved together. Set on any container in the family; it reaches every
@@ -99,11 +100,25 @@ export interface PropertyRowProps extends PropertyMetricProps {
     span?: boolean;
     children: ReactNode;
     htmlFor?: string;
+    /** The control is a group of several (a segmented toggle), not one element.
+     *  The row then renders as a `<div>`: a `<label>` hands a click on its text to
+     *  its first control, which in a group means selecting the first option. Each
+     *  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. */
+    auto?: boolean;
+    /** Given, the row carries a pin dot that toggles `auto`. Omitted, the row can
+     *  show an auto state but not change it. */
+    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. */
-export declare function PropertyRow({ label, readout, description, variant, layout, span, children, htmlFor, className, density, align, }: PropertyRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function PropertyRow({ label, readout, description, variant, layout, span, children, htmlFor, group, className, density, align, auto, onAutoChange, 'data-auto-path': autoPath, }: PropertyRowProps): import("react/jsx-runtime").JSX.Element;
 /** Props for `<SliderRow>`. */
 export interface SliderRowProps extends PropertyMetricProps {
     label: ReactNode;
@@ -125,6 +140,14 @@ export interface SliderRowProps extends PropertyMetricProps {
     onInput?: (next: number) => void;
     /** Override how the value is rendered next to the label. Defaults to `value.toString()`. */
     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,
+     * which an editable field would seed a draft with and then fail to parse.
+     */
+    readout?: ReactNode;
+    /** A named display for the value: `compact` reads `2.0M`. `format` wins when both are given. */
+    notation?: PrefNumberFormat;
     /**
      * Optional suffix rendered next to the readout. A string becomes a
      * baseline-aligned dim "word" unit (e.g. "px"); pass JSX like `<sup>°</sup>`
@@ -135,10 +158,16 @@ export interface SliderRowProps extends PropertyMetricProps {
     description?: string;
     /** Take the full width of the enclosing grid — see `<PropertyRow span>`. */
     span?: boolean;
+    /** The row is auto — see `<PropertyRow auto>`. */
+    auto?: boolean;
+    /** Toggles `auto` from a pin dot — 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`. */
-export declare function SliderRow({ label, value, min, max, step, onChange, onInput, format, unit, layout, description, span, density, align, }: SliderRowProps): import("react/jsx-runtime").JSX.Element;
+export 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): import("react/jsx-runtime").JSX.Element;
 /** Props for `<ColorRow>`. */
 export interface ColorRowProps extends PropertyMetricProps {
     label: ReactNode;
@@ -169,42 +198,80 @@ export interface ColorRowProps extends PropertyMetricProps {
     /** Label beside the swatch (default) or above it. */
     layout?: PropertyRowLayout;
     description?: string;
+    /** Right-aligned readout shown next to the label — see `<PropertyRow readout>`. */
+    readout?: ReactNode;
     /** Take the full width of the enclosing grid — see `<PropertyRow span>`. */
     span?: boolean;
+    /** The row is auto — see `<PropertyRow auto>`. */
+    auto?: boolean;
+    /** Toggles `auto` from a pin dot — 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. */
-export declare function ColorRow({ label, value, onChange, onInput, alpha, onAlphaChange, onAlphaInput, alphaDisabled, layout, description, span, density, align, }: ColorRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function ColorRow({ label, readout, value, onChange, onInput, alpha, onAlphaChange, onAlphaInput, alphaDisabled, layout, description, span, density, align, auto, onAutoChange, 'data-auto-path': autoPath, }: ColorRowProps): import("react/jsx-runtime").JSX.Element;
 /** Props for `<CheckboxRow>`. */
 export interface CheckboxRowProps extends PropertyMetricProps {
     label: ReactNode;
-    value: boolean;
+    /** Absent reads as unchecked. */
+    value: boolean | undefined;
     onChange: (next: boolean) => void;
     /** Label beside the box (default) or above it. */
     layout?: PropertyRowLayout;
     description?: string;
+    /** Right-aligned readout shown next to the label — see `<PropertyRow readout>`. */
+    readout?: ReactNode;
     /** Take the full width of the enclosing grid — see `<PropertyRow span>`. */
     span?: boolean;
+    /** The row is auto — see `<PropertyRow auto>`. */
+    auto?: boolean;
+    /** Toggles `auto` from a pin dot — 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. */
-export declare function CheckboxRow({ label, value, onChange, layout, span, description, density, align, }: CheckboxRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function CheckboxRow({ label, readout, value, onChange, layout, span, description, density, align, auto, onAutoChange, 'data-auto-path': autoPath, }: CheckboxRowProps): import("react/jsx-runtime").JSX.Element;
+/** Props for `<SwitchRow>`. */
+export interface SwitchRowProps extends Omit<CheckboxRowProps, 'value'> {
+    /** Absent reads as off. */
+    value: boolean | undefined;
+}
+/**
+ * A boolean switch — the same row as `<CheckboxRow>`, drawn as an on/off
+ * toggle. Reach for it where the change takes effect immediately, and for
+ * a checkbox where it is submitted with a form.
+ */
+export declare function SwitchRow({ label, readout, value, onChange, layout, span, description, density, align, auto, onAutoChange, 'data-auto-path': autoPath, }: SwitchRowProps): import("react/jsx-runtime").JSX.Element;
 /** Props for `<TextRow>`. */
 export interface TextRowProps extends PropertyMetricProps {
     label: ReactNode;
-    value: string;
+    /** Absent reads as an empty field. */
+    value: string | null | undefined;
     onChange: (next: string) => void;
     placeholder?: string;
     maxLength?: number;
     layout?: PropertyRowLayout;
     description?: string;
+    /** Right-aligned readout shown next to the label — see `<PropertyRow readout>`. */
+    readout?: ReactNode;
     /** Take the full width of the enclosing grid — see `<PropertyRow span>`. */
     span?: boolean;
+    /** The row is auto — see `<PropertyRow auto>`. */
+    auto?: boolean;
+    /** Toggles `auto` from a pin dot — 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. */
-export declare function TextRow({ label, value, onChange, placeholder, maxLength, layout, description, span, density, align, }: TextRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextRow({ label, readout, value, onChange, placeholder, maxLength, layout, description, span, density, align, auto, onAutoChange, 'data-auto-path': autoPath, }: TextRowProps): import("react/jsx-runtime").JSX.Element;
 /** Props for `<NumberRow>`. */
 export interface NumberRowProps extends PropertyMetricProps {
     label: ReactNode;
-    value: number;
+    /** Absent reads as an empty field. */
+    value: number | null | undefined;
     /**
      * The committed value. Given `onInput` as well, it fires on blur or Enter;
      * on its own it fires on every keystroke, which is what a row with one
@@ -229,12 +296,20 @@ export interface NumberRowProps extends PropertyMetricProps {
     unit?: ReactNode;
     layout?: PropertyRowLayout;
     description?: string;
+    /** Right-aligned readout shown next to the label — see `<PropertyRow readout>`. */
+    readout?: ReactNode;
     /** Take the full width of the enclosing grid — see `<PropertyRow span>`. */
     span?: boolean;
+    /** The row is auto — see `<PropertyRow auto>`. */
+    auto?: boolean;
+    /** Toggles `auto` from a pin dot — 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. */
-export declare function NumberRow({ label, value, onChange, onInput, min, max, step, placeholder, unit, layout, description, span, density, align, }: NumberRowProps): import("react/jsx-runtime").JSX.Element;
+export 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): import("react/jsx-runtime").JSX.Element;
 export interface PropertyOption<T extends string> {
     value: T;
     label: ReactNode;
@@ -242,17 +317,28 @@ export interface PropertyOption<T extends string> {
 /** Props for `<SelectRow>`. */
 export interface SelectRowProps<T extends string> extends PropertyMetricProps {
     label: ReactNode;
-    value: T;
+    /** Absent, or not one of `options`, shows a placeholder rather than the first option. */
+    value: T | undefined;
     options: ReadonlyArray<PropertyOption<T>>;
     onChange: (next: T) => void;
+    /** Shown while no option is chosen. Defaults to "Choose option…". */
+    placeholder?: string;
     layout?: PropertyRowLayout;
     description?: string;
+    /** Right-aligned readout shown next to the label — see `<PropertyRow readout>`. */
+    readout?: ReactNode;
     /** Take the full width of the enclosing grid — see `<PropertyRow span>`. */
     span?: boolean;
+    /** The row is auto — see `<PropertyRow auto>`. */
+    auto?: boolean;
+    /** Toggles `auto` from a pin dot — 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. */
-export declare function SelectRow<T extends string>({ label, value, options, onChange, layout, description, span, density, align, }: SelectRowProps<T>): import("react/jsx-runtime").JSX.Element;
+export 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>): import("react/jsx-runtime").JSX.Element;
 /** Props for `<ToggleRow>`. */
 export interface ToggleRowProps<T extends string> extends PropertyMetricProps {
     label: ReactNode;
@@ -261,10 +347,18 @@ export interface ToggleRowProps<T extends string> extends PropertyMetricProps {
     onChange: (next: T) => void;
     layout?: PropertyRowLayout;
     description?: string;
+    /** Right-aligned readout shown next to the label — see `<PropertyRow readout>`. */
+    readout?: ReactNode;
     /** Take the full width of the enclosing grid — see `<PropertyRow span>`. */
     span?: boolean;
+    /** The row is auto — see `<PropertyRow auto>`. */
+    auto?: boolean;
+    /** Toggles `auto` from a pin dot — 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. */
-export declare function ToggleRow<T extends string>({ label, value, options, onChange, layout, description, span, density, align, }: ToggleRowProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function ToggleRow<T extends string>({ label, readout, value, options, onChange, layout, description, span, density, align, auto, onAutoChange, 'data-auto-path': autoPath, }: ToggleRowProps<T>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PropertyPanel.d.ts.map