@weasel-js/ui 1.5.1 → 1.5.2

package/dist/components/TokenPanel/TokenPanel.d.ts

@@ -1,4 +1,4 @@
-import { type TokenCategory, type TokenEntry } from './tokenTypes';
+import { type TokenCategory, type TokenEntry, type TokenScale } from './tokenTypes';
 type OnChange = (name: string, value: string | null) => void;
 /** Props for `<TokenPanel>`. */
 export interface TokenPanelProps {
@@ -8,9 +8,13 @@ export 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
@@ -23,11 +27,13 @@ export 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.
  */
-export declare function TokenPanel({ tokens, onChange, collapsed, onCollapsedChange, categorize, familySize, density, className, }: TokenPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function TokenPanel({ tokens, onChange, collapsed, onCollapsedChange, scales, onScaleChange, categorize, familySize, density, className, }: TokenPanelProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=TokenPanel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TokenPanel.d.ts","sourceRoot":"","sources":["../../../src/components/TokenPanel/TokenPanel.tsx"],"names":[],"mappings":"AAQA,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,UAAU,EAEhB,MAAM,cAAc,CAAC;AAEtB,KAAK,QAAQ,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;AAE7D,gCAAgC;AAChC,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,SAAS,UAAU,EAAE,CAAC;IAC9B,6HAA6H;IAC7H,QAAQ,EAAE,QAAQ,CAAC;IACnB,uFAAuF;IACvF,SAAS,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IAC9D,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1E,kEAAkE;IAClE,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,aAAa,CAAC;IAClD,qFAAqF;IACrF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgMD;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,QAAQ,EACR,SAAS,EACT,iBAAiB,EACjB,UAA0B,EAC1B,UAAc,EACd,OAAkB,EAClB,SAAS,GACV,EAAE,eAAe,2CAmCjB"}
+{"version":3,"file":"TokenPanel.d.ts","sourceRoot":"","sources":["../../../src/components/TokenPanel/TokenPanel.tsx"],"names":[],"mappings":"AAWA,OAAO,EAKL,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,UAAU,EAGhB,MAAM,cAAc,CAAC;AAEtB,KAAK,QAAQ,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;AAE7D,gCAAgC;AAChC,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,SAAS,UAAU,EAAE,CAAC;IAC9B,6HAA6H;IAC7H,QAAQ,EAAE,QAAQ,CAAC;IACnB,uFAAuF;IACvF,SAAS,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IAC9D,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1E,yGAAyG;IACzG,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;IAC9C,kHAAkH;IAClH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC3D,kEAAkE;IAClE,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,aAAa,CAAC;IAClD,qHAAqH;IACrH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA2aD;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,QAAQ,EACR,SAAS,EACT,iBAAiB,EACjB,MAAM,EACN,aAAa,EACb,UAA0B,EAC1B,UAAc,EACd,OAAkB,EAClB,SAAS,GACV,EAAE,eAAe,2CAqCjB"}

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

@@ -1,5 +1,5 @@
 export { TokenPanel } from './TokenPanel';
 export type { TokenPanelProps } from './TokenPanel';
-export { inferTokenType, TOKEN_CATEGORIES, tokenCategory } from './tokenTypes';
-export type { TokenCategory, TokenEntry } from './tokenTypes';
+export { inferTokenType, refitScale, TOKEN_CATEGORIES, tokenCategory } from './tokenTypes';
+export type { TokenCategory, TokenEntry, TokenScale, TokenScaleRule } from './tokenTypes';
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/TokenPanel/index.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "../../chunks/TokenPanel-BL9hlq7x.js";
-export { t as TOKEN_CATEGORIES, r as TokenPanel, n as inferTokenType, e as tokenCategory };
+import { a as e, i as t, n, r, t as i } from "../../chunks/TokenPanel-BPHq24dc.js";
+export { n as TOKEN_CATEGORIES, i as TokenPanel, r as inferTokenType, t as refitScale, e as tokenCategory };

package/dist/components/TokenPanel/tokenTypes.d.ts

@@ -11,6 +11,30 @@ export 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. */
+export 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. */
+export 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.
+ */
+export declare function refitScale(scale: TokenScale, kind: TokenScaleRule['kind'], amounts: readonly number[]): TokenScale;
 export type TokenCategory = 'color' | 'type' | 'size' | 'motion' | 'depth' | 'other';
 /** The panel's sections, in the order it draws them. */
 export declare const TOKEN_CATEGORIES: readonly {

package/dist/components/TokenPanel/tokenTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokenTypes.d.ts","sourceRoot":"","sources":["../../../src/components/TokenPanel/tokenTypes.ts"],"names":[],"mappings":"AAEA,+CAA+C;AAC/C,MAAM,WAAW,UAAU;IACzB,iDAAiD;IACjD,IAAI,EAAE,MAAM,CAAC;IACb,2EAA2E;IAC3E,IAAI,EAAE,MAAM,CAAC;IACb,oGAAoG;IACpG,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;AAErF,wDAAwD;AACxD,eAAO,MAAM,gBAAgB,EAAE,SAAS;IAAE,EAAE,EAAE,aAAa,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAO3E,CAAC;AAIF,wGAAwG;AACxG,wBAAgB,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,aAAa,CAqB9D;AAyBD,qHAAqH;AACrH,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAWpD;AAED,kEAAkE;AAClE,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAGhF;AAED,mFAAmF;AACnF,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAK5F"}
+{"version":3,"file":"tokenTypes.d.ts","sourceRoot":"","sources":["../../../src/components/TokenPanel/tokenTypes.ts"],"names":[],"mappings":"AAEA,+CAA+C;AAC/C,MAAM,WAAW,UAAU;IACzB,iDAAiD;IACjD,IAAI,EAAE,MAAM,CAAC;IACb,2EAA2E;IAC3E,IAAI,EAAE,MAAM,CAAC;IACb,oGAAoG;IACpG,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,+GAA+G;AAC/G,MAAM,MAAM,cAAc,GACtB;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,SAAS,MAAM,EAAE,CAAA;CAAE,GAC/C;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAChC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnC,qHAAqH;AACrH,MAAM,WAAW,UAAU;IACzB,kGAAkG;IAClG,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,cAAc,CAAC;CACtB;AAID;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,SAAS,MAAM,EAAE,GAAG,UAAU,CAYlH;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;AAErF,wDAAwD;AACxD,eAAO,MAAM,gBAAgB,EAAE,SAAS;IAAE,EAAE,EAAE,aAAa,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAO3E,CAAC;AAIF,wGAAwG;AACxG,wBAAgB,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,aAAa,CAqB9D;AAyBD,qHAAqH;AACrH,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAWpD;AAED,kEAAkE;AAClE,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAGhF;AAED,mFAAmF;AACnF,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAK5F"}

package/dist/components/ToolButton/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/ToolButton-Dd-1T5aX.js";
+import { t as e } from "../../chunks/ToolButton-9QzJCmuM.js";
 export { e as ToolButton };

package/dist/components/ToolGroup/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/ToolGroup-BBI-W-Gm.js";
+import { t as e } from "../../chunks/ToolGroup-BJiDrH_i.js";
 export { e as ToolGroup };

package/dist/components/ToolOptionsBar/ToolOptionsBar.d.ts

@@ -1,4 +1,6 @@
 import type { ReactNode } from 'react';
+import type { ToolPrefGroup } from '@weasel-js/core';
+import { type PropertyRenderer } from '../SelectionPanel/renderLeaf';
 /** Props for {@link ToolOptionsBar}. */
 export interface ToolOptionsBarProps {
     /**
@@ -12,34 +14,43 @@ export interface ToolOptionsBarProps {
      * toolbar", then "Text" again when browsing into the visible span).
      * `aria-labelledby` would avoid the echo at the cost of id plumbing and
      * an awkward no-`id`-to-point-at case when `label` is omitted. The
-     * double-announcement is common enough for labelled landmark regions
+     * double-announcement is common enough for labeled landmark regions
      * that it's left as-is — considered, not missed.
      */
     label?: string;
+    /**
+     * The active tool's options. Leaves draw through the same leaf → control
+     * mapping `SelectionPanel` uses, so a kind gets its control decided in one
+     * place; groups organize without drawing, since the bar is one line.
+     */
+    schema?: ToolPrefGroup;
+    /** Each leaf's value, keyed by dotted path. A path with no entry is unset. */
+    values?: Readonly<Record<string, unknown>>;
+    /** A leaf edit, as the dotted path it was declared at and its new value. */
+    onChange?: (path: string, value: unknown) => void;
+    /** Paths whose sources disagree — drawn as the control's mixed state. */
+    mixed?: ReadonlySet<string>;
+    /** Control overrides, by dotted path or by leaf kind, as the panel takes. */
+    renderers?: Record<string, PropertyRenderer>;
     children?: ReactNode;
     className?: string;
 }
 /**
- * Horizontal strip reserved above the workspace for contextual tool
- * options — its first tenant is the character controls a text tool
- * exposes while a caret range is active. Pure chrome: it renders an
- * optional label and a children slot, nothing else. It knows nothing
- * about text, or about any specific tool — any tool can fill it.
+ * Horizontal strip reserved above the workspace for contextual tool options.
+ * Given a `schema` it draws the active tool's options itself; the children
+ * slot stays open for a tenant that is not a tool's options at all, such as
+ * loupe controls.
  *
- * The row always renders, even with no `label` and no `children`,
- * because the app reserves its height permanently rather than mounting
- * it on demand — mounting mid-edit would resize the workspace under a
- * canvas that's sized to the page.
+ * The row always renders, even empty, because the app reserves its height
+ * permanently rather than mounting it on demand — mounting mid-edit would
+ * resize the workspace under a canvas that's sized to the page.
  *
  * `role="toolbar"` without roving tabindex: the ARIA authoring practices
- * expect arrow-key roving focus across a toolbar's items, but this
- * component doesn't own or know the shape of its children — they're
- * arbitrary, possibly compound controls (`NumberField`, `Select`,
- * `ColorField`) that already use arrow keys for their own value editing.
- * Imposing roving focus here would fight those controls' own key
- * handling. Tab order falls back to normal DOM order for now; revisit
- * once the first tenant's control set is concrete and a roving-focus
- * contract can be designed in coordination with those controls.
+ * expect arrow-key roving focus across a toolbar's items, but a bar of
+ * compound controls (`NumberField`, `Select`, `ColorField`) must leave the
+ * arrow keys to them — they edit their own value with them. That is true of
+ * schema-drawn controls as much as of arbitrary children, so the bar keeps
+ * plain DOM tab order and `useRovingTabIndex` documents this as its opt-out.
  */
 export declare function ToolOptionsBar(props: ToolOptionsBarProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ToolOptionsBar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToolOptionsBar.d.ts","sourceRoot":"","sources":["../../../src/components/ToolOptionsBar/ToolOptionsBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,wCAAwC;AACxC,MAAM,WAAW,mBAAmB;IAClC;;;;;;;;;;;;;OAaG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CASxD"}
+{"version":3,"file":"ToolOptionsBar.d.ts","sourceRoot":"","sources":["../../../src/components/ToolOptionsBar/ToolOptionsBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,aAAa,EAAgB,MAAM,iBAAiB,CAAC;AACnE,OAAO,EAKL,KAAK,gBAAgB,EACtB,MAAM,8BAA8B,CAAC;AAItC,wCAAwC;AACxC,MAAM,WAAW,mBAAmB;IAClC;;;;;;;;;;;;;OAaG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAC3C,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,yEAAyE;IACzE,KAAK,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC5B,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAsBxD"}

package/dist/components/ToolOptionsBar/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/ToolOptionsBar-B2xPWzJf.js";
+import { t as e } from "../../chunks/ToolOptionsBar-CAM6RcUH.js";
 export { e as ToolOptionsBar };

package/dist/components/ToolPalette/ToolPalette.d.ts

@@ -11,10 +11,11 @@ export interface ToolPaletteProps {
      *  omitted, falls back to `tool.keybinding` (legacy path). */
     lookupShortcut?: (toolId: string) => ShortcutInput | undefined;
     /**
-     * Optional mode registry. When provided, tools whose `capabilities` do not
-     * match the current mode are rendered greyed-out, aria-disabled, and their
-     * onClick is suppressed. When omitted, all tools are treated as eligible
-     * (preserves existing behaviour in consumers that haven't wired a registry).
+     * Optional mode registry. When provided, tools whose
+     * `eligibility.capabilities` do not match the current mode are rendered
+     * greyed-out, aria-disabled, and their onClick is suppressed. When omitted,
+     * all tools are treated as eligible (preserves existing behavior in
+     * consumers that haven't wired a registry).
      */
     modeRegistry?: ModeRegistry;
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"ToolPalette.d.ts","sourceRoot":"","sources":["../../../src/components/ToolPalette/ToolPalette.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAW,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAwB,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAK3E,OAAO,EAAkB,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AA8CtE,qCAAqC;AACrC,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,QAAQ,CAAC;IAChB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;kEAE8D;IAC9D,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,aAAa,GAAG,SAAS,CAAC;IAC/D;;;;;OAKG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;;OAIG;IACH,UAAU,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAChC;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CA0ElD"}
+{"version":3,"file":"ToolPalette.d.ts","sourceRoot":"","sources":["../../../src/components/ToolPalette/ToolPalette.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAW,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAwB,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAK3E,OAAO,EAAkB,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AA8CtE,qCAAqC;AACrC,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,QAAQ,CAAC;IAChB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;kEAE8D;IAC9D,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,aAAa,GAAG,SAAS,CAAC;IAC/D;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;;OAIG;IACH,UAAU,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAChC;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CA0ElD"}

package/dist/components/ToolPalette/index.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../../chunks/ToolPalette-BmTDDpmz.js";
+import { n as e, r as t, t as n } from "../../chunks/ToolPalette-DGkKwE7D.js";
 export { n as ToolPalette, e as formatShortcut, t as formatShortcutParts };

package/dist/components/Tooltip/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../chunks/Tooltip-BHre_vbI.js";
+import { n as e, t } from "../../chunks/Tooltip-C4YBczLq.js";
 export { t as Tooltip, e as TooltipTrigger };

package/dist/format/number.d.ts

@@ -35,7 +35,16 @@ export declare function formatCompact(value: number, decimals?: number): string;
  * name is read first: the longest match wins, exact case before any case, and
  * a unit beats a magnitude suffix, so with `m` accepted `2m` is `2 * units.m`.
  */
-export declare function parseNumber(text: string, units?: Readonly<Record<string, number>>): number;
+export declare function parseNumber(text: string, units?: Readonly<UnitTable>): number;
+/** One unit's conversion into the shown unit: a bare factor, or a scale that
+ *  also moves zero. Structurally the kit's `UnitEntry`, kept local so this
+ *  formatting helper stays free of the scene vocabulary. */
+export type UnitTableEntry = number | {
+    factor: number;
+    offset?: number;
+};
+/** Suffixes a person may type, each mapped to its conversion. */
+export type UnitTable = Record<string, UnitTableEntry>;
 /**
  * Formats a zoom factor for display. Below 2x a percentage reads naturally;
  * past it the numbers get long and a multiplier is what people say out loud,

package/dist/format/number.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"number.d.ts","sourceRoot":"","sources":["../../src/format/number.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,WAAM,CAAC;AAE9B;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,mBAAmB,GAAG,MAAM,CAKtF;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEtD;AAKD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,SAAI,GAAG,MAAM,CAOjE;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAkB1F;AAeD;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAK/C"}
+{"version":3,"file":"number.d.ts","sourceRoot":"","sources":["../../src/format/number.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,WAAM,CAAC;AAE9B;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,mBAAmB,GAAG,MAAM,CAKtF;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEtD;AAKD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,SAAI,GAAG,MAAM,CAOjE;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC,GAAG,MAAM,CAkB7E;AAED;;4DAE4D;AAC5D,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAC1E,iEAAiE;AACjE,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;AAoEvD;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAK/C"}

package/dist/icons/paths.d.ts

@@ -1,7 +1,7 @@
 export 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\"/>";
@@ -15,6 +15,14 @@ export 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\"/>";

package/dist/icons/paths.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paths.d.ts","sourceRoot":"","sources":["../../src/icons/paths.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+Nb,CAAC;AAEX,mCAAmC;AACnC,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,UAAU,CAAC;AAE/C;;;qEAGqE;AACrE,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoHb,CAAC;AAEX,4CAA4C;AAC5C,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,UAAU,CAAC;AAEvD,mFAAmF;AACnF,eAAO,MAAM,WAAW,EAAE,SAAS;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,SAAS,QAAQ,EAAE,CAAA;CAAE,EAgQ/E,CAAC"}
+{"version":3,"file":"paths.d.ts","sourceRoot":"","sources":["../../src/icons/paths.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyOb,CAAC;AAEX,mCAAmC;AACnC,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,UAAU,CAAC;AAE/C;;;qEAGqE;AACrE,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoHb,CAAC;AAEX,4CAA4C;AAC5C,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,UAAU,CAAC;AAEvD,mFAAmF;AACnF,eAAO,MAAM,WAAW,EAAE,SAAS;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,SAAS,QAAQ,EAAE,CAAA;CAAE,EA6Q/E,CAAC"}

package/dist/index.js

@@ -1,90 +1,84 @@
 import { n as e, t } from "./chunks/dlog-CMYiRF3Q.js";
-import { a as n, i as r, n as i, r as a, t as o } from "./chunks/Icon-QhLhaGFe.js";
-import { $ as s, A as c, B as l, C as u, D as d, E as f, F as p, G as m, H as ee, I as te, J as ne, K as re, L as ie, M as h, N as g, O as _, P as v, Q as y, R as b, S as x, T as S, U as C, V as w, W as T, X as E, Y as D, Z as O, _ as k, a as A, at as j, b as M, c as N, ct as P, d as F, dt as I, et as L, f as R, ft as z, g as B, h as V, i as H, it as U, j as W, k as G, l as K, lt as q, m as J, mt as Y, n as ae, nt as oe, o as se, ot as ce, p as le, pt as ue, q as de, r as fe, rt as pe, s as me, st as he, t as ge, tt as _e, u as ve, ut as ye, v as be, w as xe, x as Se, y as Ce, z as we } from "./chunks/icons-Btrs-JD7.js";
-import { i as Te, n as Ee, r as De, t as Oe } from "./chunks/Prefs-FuaJBs3t.js";
+import { a as n, i as r, n as i, r as a, t as o } from "./chunks/Icon-DT0x6HaQ.js";
+import { $ as s, A as c, B as l, C as u, D as d, E as f, F as p, G as m, H as ee, I as te, J as ne, K as re, L as ie, M as h, N as g, O as _, P as v, Q as y, R as b, S as x, T as S, U as C, V as w, W as T, X as E, Y as D, Z as O, _ as k, a as A, at as j, b as M, c as N, ct as P, d as F, dt as I, et as L, f as R, ft as z, g as B, h as V, i as H, it as U, j as W, k as G, l as K, lt as q, m as J, mt as Y, n as ae, nt as oe, o as se, ot as ce, p as le, pt as ue, q as de, r as fe, rt as pe, s as me, st as he, t as ge, tt as _e, u as ve, ut as ye, v as be, w as xe, x as Se, y as Ce, z as we } from "./chunks/icons-DFLytcui.js";
+import { i as Te, n as Ee, r as De, t as Oe } from "./chunks/Prefs-CNC8tzyN.js";
 import { n as ke, r as Ae, t as je } from "./chunks/portalHost-CjpCnuGU.js";
-import { n as Me, t as Ne } from "./chunks/Tooltip-BHre_vbI.js";
-import { t as Pe } from "./chunks/ActionBar-GZdcfdQL.js";
-import { n as Fe, t as Ie } from "./chunks/Badge-Bf8Rd1R6.js";
+import { n as Me, t as Ne } from "./chunks/Tooltip-C4YBczLq.js";
+import { t as Pe } from "./chunks/ActionBar-CLwiY3Jg.js";
+import { n as Fe, t as Ie } from "./chunks/Badge-CW9pBPFl.js";
 import "./components/Badge/index.js";
-import { t as Le } from "./chunks/Button-CExdkQcU.js";
+import { t as Le } from "./chunks/Button-DRSApvnK.js";
 import { t as Re } from "./chunks/useReorderDragList-CSQGd7zQ.js";
-import { t as ze } from "./chunks/DataGrid-BVdDMZkQ.js";
-import { n as Be, t as Ve } from "./chunks/Disclosure-9UgDzc7Z.js";
+import { t as ze } from "./chunks/DataGrid-C8KrYtw7.js";
+import { n as Be, t as Ve } from "./chunks/Disclosure-CILDfWsU.js";
 import { t as He } from "./chunks/DragHandleGlyph-CppAz4_8.js";
-import { a as Ue, i as We, n as Ge, o as Ke, r as qe, t as Je } from "./chunks/Keycaps-CGNQV2Pz.js";
+import { a as Ue, i as We, n as Ge, o as Ke, r as qe, t as Je } from "./chunks/Keycaps-DunVpejA.js";
 import { t as Ye } from "./chunks/keyGlyph-Bp0wnLHn.js";
-import { t as Xe } from "./chunks/LayerStack-DOylrQcm.js";
-import { t as Ze } from "./chunks/Slider-B2ywUZH6.js";
-import { a as Qe, i as $e, n as et, o as tt, r as nt, t as rt } from "./chunks/number-f6PydOZK.js";
-import { t as it } from "./chunks/ItemList-BZJQReXD.js";
-import { t as at } from "./chunks/ToggleBar--9As2PWG.js";
+import { t as Xe } from "./chunks/LayerStack-CfQ6GsRz.js";
+import { t as Ze } from "./chunks/Slider-CIIrqiFS.js";
+import { a as Qe, i as $e, n as et, o as tt, r as nt, t as rt } from "./chunks/number-BHz66zQO.js";
+import { t as it } from "./chunks/ItemList-B9zYb0GE.js";
+import { t as at } from "./chunks/ToggleBar-CClus5Cd.js";
 import { t as ot } from "./chunks/useRovingTabIndex-Dkpf_KhN.js";
-import { t as st } from "./chunks/OptionsBar-BWaYG_OH.js";
-import { t as ct } from "./chunks/ActionsBar-Fhx_40iP.js";
-import { t as lt } from "./chunks/ToolOptionsBar-B2xPWzJf.js";
-import { t as ut } from "./chunks/InlineRange-DdIlfGqG.js";
-import { t as dt } from "./chunks/ColorField-YVf8irfr.js";
-import { i as ft, n as pt, r as mt, t as ht } from "./chunks/GradientEditor-B_ymIr4Q.js";
-import { n as gt, r as _t, t as vt } from "./chunks/MeshEditor-CHoGQ9K8.js";
-import { n as yt, t as bt } from "./chunks/PatternPicker-C4OryrYi.js";
-import { t as xt } from "./chunks/PaintInput-BzAHCKro.js";
-import { t as St } from "./chunks/PaintField-BVYMu3OI.js";
-import { t as Ct } from "./chunks/Powerline-B_EH-7Z-.js";
-import { t as wt } from "./chunks/Checkbox-BZZsPaVF.js";
-import { n as Tt, t as Et } from "./chunks/Field-BNqvUJfg.js";
-import { n as Dt, t as Ot } from "./chunks/Select-BMYVh10x.js";
-import { t as kt } from "./chunks/FontFamilySelect-CO19kyOO.js";
-import { t as At } from "./chunks/Input-B9Vh7ASP.js";
-import { n as jt, t as Mt } from "./chunks/NumberField-CQzS6TjF.js";
-import { n as Nt, t as Pt } from "./chunks/RadioGroup-C6xpdQNg.js";
-import { t as Ft } from "./chunks/RangeSlider-CzgeGLVS.js";
-import { t as It } from "./chunks/Switch-Om3t3ASc.js";
-import { a as Lt, i as Rt, n as zt, t as Bt } from "./chunks/schema-MCVT1MLv.js";
-import { t as Vt } from "./chunks/Dialog-DuOzsR2g.js";
-import { a as Ht, c as Ut, i as Wt, n as Gt, o as Kt, r as qt, s as Jt, t as Yt } from "./chunks/Plot2D-Czvyt_vG.js";
-import { a as Xt, i as Zt, n as Qt, r as $t, t as en } from "./chunks/CurveEditor-BXiMoN9d.js";
-import { c as tn, i as nn, n as rn, o as an, r as on, s as sn, t as cn } from "./chunks/createKeyframeLayer-7j7ukrSx.js";
-import { t as ln } from "./chunks/snap-B0WQwetQ.js";
-import { _ as un, a as dn, c as fn, d as pn, f as mn, g as hn, h as gn, i as _n, l as vn, m as yn, n as bn, o as xn, p as Sn, r as Cn, s as wn, t as Tn, u as En, v as Dn } from "./chunks/Properties-B3KU69NI.js";
-import { a as On, c as kn, i as An, n as jn, o as Mn, r as Nn, s as Pn, t as Fn } from "./chunks/SelectionPanel-DTpcQidl.js";
-import { t as In } from "./chunks/ResizeHandle-1Ey8AOij.js";
-import { t as Ln } from "./chunks/Sidebar-BlUjn8lD.js";
-import { t as Rn } from "./chunks/SidebarPanel-BqHfz6VK.js";
-import { n as zn, r as Bn, t as Vn } from "./chunks/StatusBar-BFt7Yw5O.js";
-import { t as Hn } from "./chunks/ToolButton-Dd-1T5aX.js";
-import { t as Un } from "./chunks/ToolGroup-BBI-W-Gm.js";
-import { n as Wn, r as Gn, t as Kn } from "./chunks/ToolPalette-BmTDDpmz.js";
+import { t as st } from "./chunks/OptionsBar-DeQ-vUeZ.js";
+import { t as ct } from "./chunks/ActionsBar-D84a4eGy.js";
+import { a as lt, i as ut, n as dt, t as ft } from "./chunks/schema-Dft4Cu2p.js";
+import { t as pt } from "./chunks/InlineRange-DdIlfGqG.js";
+import { t as mt } from "./chunks/ColorField-BYzgZM9o.js";
+import { n as ht, t as gt } from "./chunks/Field-DWnV8WZY.js";
+import { n as _t, t as vt } from "./chunks/Select-BEope086.js";
+import { t as yt } from "./chunks/FontFamilySelect-DxfgTC3G.js";
+import { i as bt, n as xt, r as St, t as Ct } from "./chunks/GradientEditor-rRBmf3G0.js";
+import { n as wt, r as Tt, t as Et } from "./chunks/MeshEditor-Bipz-Ocl.js";
+import { n as Dt, t as Ot } from "./chunks/PatternPicker-BMpXWboq.js";
+import { t as kt } from "./chunks/PaintInput-Qs7Rul5R.js";
+import { t as At } from "./chunks/Input-DbMKpkXy.js";
+import { n as jt, t as Mt } from "./chunks/NumberField-CCjEDZCg.js";
+import { t as Nt } from "./chunks/Switch-DH5POG0T.js";
+import { i as Pt, l as Ft, n as It, o as Lt, r as Rt, s as zt, t as Bt } from "./chunks/model-13kZ_-mE.js";
+import { t as Vt } from "./chunks/ToolOptionsBar-CAM6RcUH.js";
+import { t as Ht } from "./chunks/PaintField-jBOJ32rL.js";
+import { t as Ut } from "./chunks/Powerline-Ak5AWUlK.js";
+import { t as Wt } from "./chunks/Checkbox-BOsDAY2F.js";
+import { n as Gt, t as Kt } from "./chunks/RadioGroup-CsVp3SEu.js";
+import { t as qt } from "./chunks/RangeSlider-DNr-pJpZ.js";
+import { t as Jt } from "./chunks/Dialog-fGqqQ6o_.js";
+import { a as Yt, c as Xt, i as Zt, n as Qt, o as $t, r as en, s as tn, t as nn } from "./chunks/Plot2D-CXf_f7QD.js";
+import { a as rn, i as an, n as on, r as sn, t as cn } from "./chunks/CurveEditor-DXwSP-iA.js";
+import { c as ln, i as un, n as dn, o as fn, r as pn, s as mn, t as hn } from "./chunks/createKeyframeLayer-DKtO0Sw_.js";
+import { t as gn } from "./chunks/snap-CEjuWOhN.js";
+import { _ as _n, a as vn, c as yn, d as bn, f as xn, g as Sn, h as Cn, i as wn, l as Tn, m as En, n as Dn, o as On, p as kn, r as An, s as jn, t as Mn, u as Nn, v as Pn } from "./chunks/Properties-Rnb6TAbN.js";
+import { t as Fn } from "./chunks/SelectionPanel-CEbLS-0D.js";
+import { t as In } from "./chunks/ResizeHandle-RXFf5fXr.js";
+import { t as Ln } from "./chunks/Sidebar-qn_oSCNX.js";
+import { t as Rn } from "./chunks/SidebarPanel-Bs6V21hg.js";
+import { n as zn, r as Bn, t as Vn } from "./chunks/StatusBar-B4L15DSm.js";
+import { t as Hn } from "./chunks/ToolButton-9QzJCmuM.js";
+import { t as Un } from "./chunks/ToolGroup-BJiDrH_i.js";
+import { n as Wn, r as Gn, t as Kn } from "./chunks/ToolPalette-DGkKwE7D.js";
 import "./components/Field/index.js";
-import { i as qn, n as Jn, r as Yn, t as Xn } from "./chunks/Tabs-EAvYywil.js";
-import { t as Zn } from "./chunks/MenuButton-DGE-0DP0.js";
-import { n as Qn, t as $n } from "./chunks/ComboBox-D57tNYDD.js";
-import { t as er } from "./chunks/DetentSlider-BWNSv07Z.js";
-import { n as tr, t as nr } from "./chunks/Callout-cx5_CWcW.js";
-import { a as rr, i as ir, n as ar, r as or, t as sr } from "./chunks/Toast-iqLDD_XZ.js";
-import { t as cr } from "./chunks/PointPlotter-Xvb98GwB.js";
-import { i as lr, n as ur, r as X, t as dr } from "./chunks/TokenPanel-BL9hlq7x.js";
-import { n as fr, r as pr, t as mr } from "./chunks/BandEditor-D8I5Uun-.js";
-import { t as hr } from "./chunks/Jog-BYrxbAQU.js";
-import { a as gr, c as _r, i as vr, l as yr, n as br, o as xr, r as Sr, s as Cr, t as wr } from "./chunks/Timeline-BEyKaBXl.js";
-import { oklabToSrgbU8 as Tr, oklchToOklab as Er, rgbaToHex as Dr } from "@weasel-js/core";
-import { useCallback as Or, useEffect as Z, useRef as Q, useState as $ } from "react";
+import { i as qn, n as Jn, r as Yn, t as Xn } from "./chunks/Tabs-BFHikpml.js";
+import { t as Zn } from "./chunks/MenuButton-C_4nox39.js";
+import { n as Qn, t as $n } from "./chunks/ComboBox-Cz3f0Y_8.js";
+import { t as er } from "./chunks/DetentSlider-CAubVX0J.js";
+import { n as tr, t as nr } from "./chunks/Callout-DrNu-9Qr.js";
+import { a as rr, i as ir, n as ar, r as or, t as sr } from "./chunks/Toast-CI1UDuK6.js";
+import { t as cr } from "./chunks/PointPlotter-S_gz7VYt.js";
+import { a as lr, i as ur, n as X, r as dr, t as fr } from "./chunks/TokenPanel-BPHq24dc.js";
+import { n as pr, r as mr, t as hr } from "./chunks/BandEditor-jY-PFKY6.js";
+import { t as gr } from "./chunks/Jog-DkkTlL3_.js";
+import { a as _r, c as vr, i as yr, l as br, n as xr, o as Sr, r as Cr, s as wr, t as Tr } from "./chunks/Timeline-DNKY_yiK.js";
+import { oklchDegToHex as Er } from "@weasel-js/core";
+import { useCallback as Dr, useEffect as Z, useRef as Q, useState as $ } from "react";
 //#region src/color/oklch.ts
-function kr(e, t, n) {
-	let [r, i, a] = Er(e, t, n * Math.PI / 180), [o, s, c] = Tr(r, i, a);
-	return Dr([
-		o / 255,
-		s / 255,
-		c / 255
-	]);
-}
-function Ar(e, t) {
+var Or = Er;
+function kr(e, t) {
 	let [n, r] = t.lRange;
 	return e <= n ? t.cBot : e >= r ? t.cTop : e <= t.midL ? t.cBot + (t.cPeak - t.cBot) * ((e - n) / (t.midL - n)) : t.cPeak + (t.cTop - t.cPeak) * ((e - t.midL) / (r - t.midL));
 }
 //#endregion
 //#region src/useAsyncOptions.ts
-function jr({ load: e, debounceMs: t = 150, minLength: n = 0 }) {
+function Ar({ load: e, debounceMs: t = 150, minLength: n = 0 }) {
 	let [r, i] = $(""), [a, o] = $([]), [s, c] = $(!1), [l, u] = $(null), d = Q(e);
 	d.current = e;
 	let f = Q(0), p = Q(0), m = Q(null);
@@ -111,10 +105,10 @@ function jr({ load: e, debounceMs: t = 150, minLength: n = 0 }) {
 		isLoading: s,
 		loadError: l,
 		inputValue: r,
-		onInputChange: Or((e) => i(e), [])
+		onInputChange: Dr((e) => i(e), [])
 	};
 }
 //#endregion
-export { Pe as ActionBar, ct as ActionsBar, ge as AddIcon, wr as AnimatedTimeline, ae as ArrowIcon, Ie as Badge, mr as BandEditor, fe as BusyIcon, Le as Button, nr as Callout, tr as CalloutTrigger, wt as Checkbox, dn as CheckboxRow, H as ChevronIcon, A as CloneIcon, se as CloseIcon, me as CollapseIcon, dt as ColorField, xn as ColorRow, $n as ComboBox, Qn as ComboBoxItem, N as CompareIcon, K as CrosshairIcon, Qt as CurveEditor, Dn as CurveField, ze as DataGrid, ve as DeleteIcon, er as DetentSlider, Vt as Dialog, Ve as Disclosure, Be as DisclosureRow, He as DragHandleGlyph, xr as EASING_NAMES, Fe as EDGE_PROFILES, gr as EasingPicker, bn as EffectCard, Cn as EffectCardList, F as EllipseIcon, R as ErrorIcon, le as ExpandIcon, J as ExportIcon, V as EyedropperIcon, Et as Field, B as FilterIcon, k as FitIcon, kt as FontFamilySelect, be as FullscreenIcon, mt as GradientEditor, pt as GradientHandles, Ce as GridIcon, an as HANDLE_SIZE_TOKENS, M as HandIcon, Se as HiddenIcon, a as ICON_FILLS, r as ICON_GROUPS, n as ICON_PATHS, o as Icon, x as ImageIcon, u as InfoIcon, ut as InlineRange, At as Input, it as ItemList, hr as Jog, Ue as KeyCap, We as KeySequence, xe as LassoIcon, Xe as LayerStack, nn as LayeredCurveEditor, S as LayersIcon, f as LayoutColumnsIcon, d as LayoutGridIcon, _ as LayoutRowsIcon, G as LineIcon, c as LinkIcon, W as LockIcon, h as LoupeIcon, rt as MINUS_SIGN, jn as MIXED, g as MeasureIcon, Zn as MenuButton, vt as MeshEditor, v as ModeAutoIcon, p as ModeDarkIcon, te as ModeLightIcon, jt as NumberField, wn as NumberRow, st as OptionsBar, je as OverlayPortalProvider, St as PaintField, xt as PaintInput, ie as PanIcon, bt as PatternPicker, b as PauseIcon, we as PenIcon, l as PencilIcon, un as PinDot, w as PinIcon, ee as PlayIcon, Yt as Plot2D, cr as PointPlotter, C as PolygonIcon, Ct as Powerline, Oe as PrefsDialog, Ee as PrefsForm, Tn as PropertyGroup, fn as PropertyList, vn as PropertyPanel, En as PropertyRow, pn as PropertySpan, Pt as Radio, Nt as RadioGroup, T as RandomizeIcon, Ft as RangeSlider, m as RectIcon, re as RedoIcon, de as RefreshIcon, ne as RemoveIcon, D as ResetIcon, In as ResizeHandle, ht as SceneGradientHandles, E as SearchIcon, Ot as Select, O as SelectIcon, Dt as SelectItem, mn as SelectRow, Fn as SelectionPanel, Ln as Sidebar, Rn as SidebarPanel, Ze as Slider, Sn as SliderRow, y as SnapIcon, s as SnapshotIcon, L as SortIcon, _e as StarIcon, Vn as StatusBar, zn as StatusBarItem, Bn as StatusBarSpacer, oe as StepBackIcon, pe as StepForwardIcon, U as StepIcon, j as StopIcon, _n as Subpanel, It as Switch, yn as SwitchRow, ur as TOKEN_CATEGORIES, Xn as Tab, Jn as TabList, Yn as TabPanel, qn as Tabs, ce as TextIcon, gn as TextRow, br as Timeline, ar as ToastQueue, sr as ToastRegion, at as ToggleBar, hn as ToggleRow, dr as TokenPanel, Hn as ToolButton, Un as ToolGroup, lt as ToolOptionsBar, Kn as ToolPalette, Ne as Tooltip, Me as TooltipTrigger, vr as Transport, he as TuneIcon, P as UndoIcon, Mt as UnitField, q as UnknownIcon, ye as UnlockIcon, I as VisibleIcon, z as WarningIcon, ue as ZoomInIcon, Y as ZoomOutIcon, Nn as aggregateValue, cn as applyKeyframeDrag, Ar as chromaAt, An as classifyKind, $t as createFunctionLayer, rn as createKeyframeLayer, en as createSetCurveOp, or as createToastQueue, ir as defaultToastQueue, Je as detectPlatform, t as dlog, Cr as easingBezier, _r as easingLabel, On as effectiveSections, Tt as fieldClasses, et as formatCompact, nt as formatNumber, Wn as formatShortcut, Gn as formatShortcutParts, Gt as formatTick, $e as formatZoom, Zt as functionLayerState, sn as handleHalf, tn as handleSize, Ke as inferKeycapKind, X as inferTokenType, e as isDebugEnabled, i as isFillable, gt as isMeshPaint, Bt as isPrefLeaf, Ye as keyGlyph, Ge as keySpecFromKey, qe as keySpecsFromMods, on as keyframeLayerState, Mn as kindBreakdown, fr as linearScale, pr as logScale, Jt as modelToPlot, ke as nearestPortalHost, qt as niceStep, Wt as niceTicks, Pn as nodeValueAt, kr as oklchToHex, ft as paintGradientTrack, _t as paintPreviewCss, Qe as parseNumber, tt as parseSignedNumber, Ut as plotToModel, zt as prefDisplayBounds, Rt as prefValueAtPath, Sr as samePath, Xt as sampleByInterpolation, yr as sampleEasing, yt as seedPattern, kn as setAtPath, ln as snapToNearest, De as solidColorOf, Ht as stepDecimals, Te as strokeColorOf, Kt as tickDecimals, rr as toast, lr as tokenCategory, jr as useAsyncOptions, Ae as useOverlayPortal, Re as useReorderDragList, ot as useRovingTabIndex, Lt as visiblePrefSubtree };
+export { Pe as ActionBar, ct as ActionsBar, ge as AddIcon, Tr as AnimatedTimeline, ae as ArrowIcon, Ie as Badge, hr as BandEditor, fe as BusyIcon, Le as Button, nr as Callout, tr as CalloutTrigger, Wt as Checkbox, vn as CheckboxRow, H as ChevronIcon, A as CloneIcon, se as CloseIcon, me as CollapseIcon, mt as ColorField, On as ColorRow, $n as ComboBox, Qn as ComboBoxItem, N as CompareIcon, K as CrosshairIcon, on as CurveEditor, Pn as CurveField, ze as DataGrid, ve as DeleteIcon, er as DetentSlider, Jt as Dialog, Ve as Disclosure, Be as DisclosureRow, He as DragHandleGlyph, Sr as EASING_NAMES, Fe as EDGE_PROFILES, _r as EasingPicker, Dn as EffectCard, An as EffectCardList, F as EllipseIcon, R as ErrorIcon, le as ExpandIcon, J as ExportIcon, V as EyedropperIcon, gt as Field, B as FilterIcon, k as FitIcon, yt as FontFamilySelect, be as FullscreenIcon, St as GradientEditor, xt as GradientHandles, Ce as GridIcon, fn as HANDLE_SIZE_TOKENS, M as HandIcon, Se as HiddenIcon, a as ICON_FILLS, r as ICON_GROUPS, n as ICON_PATHS, o as Icon, x as ImageIcon, u as InfoIcon, pt as InlineRange, At as Input, it as ItemList, gr as Jog, Ue as KeyCap, We as KeySequence, xe as LassoIcon, Xe as LayerStack, un as LayeredCurveEditor, S as LayersIcon, f as LayoutColumnsIcon, d as LayoutGridIcon, _ as LayoutRowsIcon, G as LineIcon, c as LinkIcon, W as LockIcon, h as LoupeIcon, rt as MINUS_SIGN, Bt as MIXED, g as MeasureIcon, Zn as MenuButton, Et as MeshEditor, v as ModeAutoIcon, p as ModeDarkIcon, te as ModeLightIcon, jt as NumberField, jn as NumberRow, st as OptionsBar, je as OverlayPortalProvider, Ht as PaintField, kt as PaintInput, ie as PanIcon, Ot as PatternPicker, b as PauseIcon, we as PenIcon, l as PencilIcon, w as PinIcon, ee as PlayIcon, nn as Plot2D, cr as PointPlotter, C as PolygonIcon, Ut as Powerline, Oe as PrefsDialog, Ee as PrefsForm, Mn as PropertyGroup, yn as PropertyList, Tn as PropertyNote, Nn as PropertyPanel, bn as PropertyRow, xn as PropertySpan, Kt as Radio, Gt as RadioGroup, T as RandomizeIcon, qt as RangeSlider, m as RectIcon, re as RedoIcon, de as RefreshIcon, ne as RemoveIcon, D as ResetIcon, In as ResizeHandle, Ct as SceneGradientHandles, E as SearchIcon, vt as Select, O as SelectIcon, _t as SelectItem, kn as SelectRow, Fn as SelectionPanel, Ln as Sidebar, Rn as SidebarPanel, Ze as Slider, En as SliderRow, y as SnapIcon, s as SnapshotIcon, L as SortIcon, _e as StarIcon, Vn as StatusBar, zn as StatusBarItem, Bn as StatusBarSpacer, oe as StepBackIcon, pe as StepForwardIcon, U as StepIcon, j as StopIcon, wn as Subpanel, Nt as Switch, Cn as SwitchRow, X as TOKEN_CATEGORIES, Xn as Tab, Jn as TabList, Yn as TabPanel, qn as Tabs, ce as TextIcon, Sn as TextRow, xr as Timeline, ar as ToastQueue, sr as ToastRegion, at as ToggleBar, _n as ToggleRow, fr as TokenPanel, Hn as ToolButton, Un as ToolGroup, Vt as ToolOptionsBar, Kn as ToolPalette, Ne as Tooltip, Me as TooltipTrigger, yr as Transport, he as TuneIcon, P as UndoIcon, Mt as UnitField, q as UnknownIcon, ye as UnlockIcon, I as VisibleIcon, z as WarningIcon, ue as ZoomInIcon, Y as ZoomOutIcon, It as aggregateValue, hn as applyKeyframeDrag, kr as chromaAt, Rt as classifyKind, sn as createFunctionLayer, dn as createKeyframeLayer, cn as createSetCurveOp, or as createToastQueue, ir as defaultToastQueue, Je as detectPlatform, t as dlog, wr as easingBezier, vr as easingLabel, Pt as effectiveSections, ht as fieldClasses, et as formatCompact, nt as formatNumber, Wn as formatShortcut, Gn as formatShortcutParts, Qt as formatTick, $e as formatZoom, an as functionLayerState, mn as handleHalf, ln as handleSize, Ke as inferKeycapKind, dr as inferTokenType, e as isDebugEnabled, i as isFillable, wt as isMeshPaint, ft as isPrefLeaf, Ye as keyGlyph, Ge as keySpecFromKey, qe as keySpecsFromMods, pn as keyframeLayerState, Lt as kindBreakdown, pr as linearScale, mr as logScale, tn as modelToPlot, ke as nearestPortalHost, en as niceStep, Zt as niceTicks, zt as nodeValueAt, Or as oklchToHex, bt as paintGradientTrack, Tt as paintPreviewCss, Qe as parseNumber, tt as parseSignedNumber, Xt as plotToModel, dt as prefDisplayBounds, ut as prefValueAtPath, ur as refitScale, Cr as samePath, rn as sampleByInterpolation, br as sampleEasing, Dt as seedPattern, Ft as setAtPath, gn as snapToNearest, De as solidColorOf, Yt as stepDecimals, Te as strokeColorOf, $t as tickDecimals, rr as toast, lr as tokenCategory, Ar as useAsyncOptions, Ae as useOverlayPortal, Re as useReorderDragList, ot as useRovingTabIndex, lt as visiblePrefSubtree };
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/color/oklch.ts","../src/useAsyncOptions.ts"],"sourcesContent":["// OKLCH math from Björn Ottosson: https://bottosson.github.io/posts/oklab/\nimport { oklchToOklab, oklabToSrgbU8, rgbaToHex } from '@weasel-js/core';\n\n/**\n * A chroma envelope over lightness, as three linear segments: flat at `cBot`\n * below `lRange[0]`, rising to `cPeak` at `midL`, falling to `cTop` at\n * `lRange[1]`, flat beyond. Keeps a color ramp inside gamut at the light and\n * dark ends while staying saturated through the middle.\n */\nexport type ChromaCurve = {\n  lRange: [number, number];\n  midL: number;\n  cBot: number;\n  cPeak: number;\n  cTop: number;\n};\n\n/** A single lightness/chroma sample. */\nexport type ChromaCurvePoint = { L: number; C: number };\n\n/**\n * Converts an OKLCH color to a gamut-clipped `#rrggbb` string. Hue is in\n * degrees, unlike the kit's OKLab helpers which take radians.\n */\nexport function oklchToHex(L: number, C: number, Hdeg: number): string {\n  // Delegate to the kit's OKLab pipeline (kit angle unit is radians) →\n  // gamut-clipped u8 sRGB → `#rrggbb`.\n  const [l, a, b] = oklchToOklab(L, C, (Hdeg * Math.PI) / 180);\n  const [r, g, bl] = oklabToSrgbU8(l, a, b);\n  return rgbaToHex([r / 255, g / 255, bl / 255]);\n}\n\n/** Evaluates a {@link ChromaCurve} at a lightness, clamping outside its range. */\nexport function chromaAt(L: number, curve: ChromaCurve): number {\n  const [lo, hi] = curve.lRange;\n  if (L <= lo) return curve.cBot;\n  if (L >= hi) return curve.cTop;\n  if (L <= curve.midL) return curve.cBot + (curve.cPeak - curve.cBot) * ((L - lo) / (curve.midL - lo));\n  return curve.cPeak + (curve.cTop - curve.cPeak) * ((L - curve.midL) / (hi - curve.midL));\n}\n","import { useCallback, useEffect, useRef, useState } from 'react';\nimport type { ComboBoxOption } from './components/ComboBox/ComboBox';\n\ntype Key = string | number;\n\n/** An option list keyed to the value type its combo box commits. */\nexport type AsyncOption<T extends Key> = ComboBoxOption & { value: T };\n\n/** Options for {@link useAsyncOptions}. */\nexport type UseAsyncOptionsProps<T extends Key> = {\n  /**\n   * Fetches the options for a query. The signal aborts when a later keystroke\n   * supersedes this call, so a `fetch` should forward it.\n   */\n  load: (query: string, signal: AbortSignal) => Promise<ReadonlyArray<AsyncOption<T>>>;\n  /** Quiet period before a query is sent. */\n  debounceMs?: number;\n  /** Shorter queries are not sent, and empty the options. */\n  minLength?: number;\n};\n\n/** What {@link useAsyncOptions} returns, shaped to spread into a `ComboBox`. */\nexport type AsyncOptionsResult<T extends Key> = {\n  options: ReadonlyArray<AsyncOption<T>>;\n  isLoading: boolean;\n  loadError: unknown | null;\n  inputValue: string;\n  onInputChange: (next: string) => void;\n};\n\n/**\n * Drives a combo box whose options come from a server: debounces the query,\n * discards responses overtaken by a later one, and reports a failed load\n * separately from an empty result.\n *\n * `options` holds the last *resolved* list and is never emptied to mean\n * \"working\", so the previous results stay on screen — and stay arrowable —\n * while the next request is in flight.\n */\nexport function useAsyncOptions<T extends Key = string>({\n  load,\n  debounceMs = 150,\n  minLength = 0,\n}: UseAsyncOptionsProps<T>): AsyncOptionsResult<T> {\n  const [inputValue, setInputValue] = useState('');\n  const [options, setOptions] = useState<ReadonlyArray<AsyncOption<T>>>([]);\n  const [isLoading, setIsLoading] = useState(false);\n  const [loadError, setLoadError] = useState<unknown | null>(null);\n\n  // Read through a ref: a consumer passing an inline arrow re-creates `load`\n  // every render, and depending on it directly would refire the request.\n  const loadRef = useRef(load);\n  loadRef.current = load;\n\n  // A monotonic id per request, and the highest one whose result has been\n  // applied. A liveness flag cannot do this job: two requests from adjacent\n  // keystrokes are both live, so the slower one overwrites the newer result\n  // if it lands second.\n  const issued = useRef(0);\n  const applied = useRef(0);\n  const inFlight = useRef<AbortController | null>(null);\n\n  useEffect(() => {\n    if (inputValue.length < minLength) {\n      inFlight.current?.abort();\n      inFlight.current = null;\n      applied.current = issued.current;\n      setOptions([]);\n      setIsLoading(false);\n      setLoadError(null);\n      return;\n    }\n\n    const timer = setTimeout(() => {\n      const mine = ++issued.current;\n      const controller = new AbortController();\n      inFlight.current?.abort();\n      inFlight.current = controller;\n      setIsLoading(true);\n\n      loadRef.current(inputValue, controller.signal).then(\n        (next) => {\n          if (mine <= applied.current) return;\n          applied.current = mine;\n          setOptions(next);\n          setLoadError(null);\n          setIsLoading(false);\n        },\n        (error: unknown) => {\n          if (controller.signal.aborted || mine <= applied.current) return;\n          applied.current = mine;\n          setLoadError(error);\n          setIsLoading(false);\n        },\n      );\n    }, debounceMs);\n\n    return () => clearTimeout(timer);\n  }, [inputValue, debounceMs, minLength]);\n\n  useEffect(() => () => inFlight.current?.abort(), []);\n\n  const onInputChange = useCallback((next: string) => setInputValue(next), []);\n\n  return { options, isLoading, loadError, inputValue, onInputChange };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,SAAgB,GAAW,GAAW,GAAW,GAAsB;CAGrE,IAAM,CAAC,GAAG,GAAG,KAAK,GAAa,GAAG,GAAI,IAAO,KAAK,KAAM,IAAI,EACtD,CAAC,GAAG,GAAG,KAAM,GAAc,GAAG,GAAG,EAAE;AACzC,QAAO,GAAU;EAAC,IAAI;EAAK,IAAI;EAAK,IAAK;EAAI,CAAC;;AAIhD,SAAgB,GAAS,GAAW,GAA4B;CAC9D,IAAM,CAAC,GAAI,KAAM,EAAM;AAIvB,QAHI,KAAK,IAAW,EAAM,OACtB,KAAK,IAAW,EAAM,OACtB,KAAK,EAAM,OAAa,EAAM,QAAQ,EAAM,QAAQ,EAAM,UAAU,IAAI,MAAO,EAAM,OAAO,MACzF,EAAM,SAAS,EAAM,OAAO,EAAM,WAAW,IAAI,EAAM,SAAS,IAAK,EAAM;;;;ACCpF,SAAgB,GAAwC,EACtD,SACA,gBAAa,KACb,eAAY,KACqC;CACjD,IAAM,CAAC,GAAY,KAAiB,EAAS,GAAG,EAC1C,CAAC,GAAS,KAAc,EAAwC,EAAE,CAAC,EACnE,CAAC,GAAW,KAAgB,EAAS,GAAM,EAC3C,CAAC,GAAW,KAAgB,EAAyB,KAAK,EAI1D,IAAU,EAAO,EAAK;AAC5B,GAAQ,UAAU;CAMlB,IAAM,IAAS,EAAO,EAAE,EAClB,IAAU,EAAO,EAAE,EACnB,IAAW,EAA+B,KAAK;AA4CrD,QA1CA,QAAgB;AACd,MAAI,EAAW,SAAS,GAAW;AAMjC,GALA,EAAS,SAAS,OAAO,EACzB,EAAS,UAAU,MACnB,EAAQ,UAAU,EAAO,SACzB,EAAW,EAAE,CAAC,EACd,EAAa,GAAM,EACnB,EAAa,KAAK;AAClB;;EAGF,IAAM,IAAQ,iBAAiB;GAC7B,IAAM,IAAO,EAAE,EAAO,SAChB,IAAa,IAAI,iBAAiB;AAKxC,GAJA,EAAS,SAAS,OAAO,EACzB,EAAS,UAAU,GACnB,EAAa,GAAK,EAElB,EAAQ,QAAQ,GAAY,EAAW,OAAO,CAAC,MAC5C,MAAS;AACJ,SAAQ,EAAQ,YACpB,EAAQ,UAAU,GAClB,EAAW,EAAK,EAChB,EAAa,KAAK,EAClB,EAAa,GAAM;OAEpB,MAAmB;AACd,MAAW,OAAO,WAAW,KAAQ,EAAQ,YACjD,EAAQ,UAAU,GAClB,EAAa,EAAM,EACnB,EAAa,GAAM;KAEtB;KACA,EAAW;AAEd,eAAa,aAAa,EAAM;IAC/B;EAAC;EAAY;EAAY;EAAU,CAAC,EAEvC,cAAsB,EAAS,SAAS,OAAO,EAAE,EAAE,CAAC,EAI7C;EAAE;EAAS;EAAW;EAAW;EAAY,eAF9B,IAAa,MAAiB,EAAc,EAAK,EAAE,EAAE,CAEvB;EAAe"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/color/oklch.ts","../src/useAsyncOptions.ts"],"sourcesContent":["// OKLCH math from Björn Ottosson: https://bottosson.github.io/posts/oklab/\nimport { oklchDegToHex } from '@weasel-js/core';\n\n/**\n * A chroma envelope over lightness, as three linear segments: flat at `cBot`\n * below `lRange[0]`, rising to `cPeak` at `midL`, falling to `cTop` at\n * `lRange[1]`, flat beyond. Keeps a color ramp inside gamut at the light and\n * dark ends while staying saturated through the middle.\n */\nexport type ChromaCurve = {\n  lRange: [number, number];\n  midL: number;\n  cBot: number;\n  cPeak: number;\n  cTop: number;\n};\n\n/** A single lightness/chroma sample. */\nexport type ChromaCurvePoint = { L: number; C: number };\n\n/**\n * Converts an OKLCH color to a gamut-clipped `#rrggbb` string. Hue is in\n * degrees, unlike the kit's OKLab helpers which take radians.\n */\nexport const oklchToHex = oklchDegToHex;\n\n/** Evaluates a {@link ChromaCurve} at a lightness, clamping outside its range. */\nexport function chromaAt(L: number, curve: ChromaCurve): number {\n  const [lo, hi] = curve.lRange;\n  if (L <= lo) return curve.cBot;\n  if (L >= hi) return curve.cTop;\n  if (L <= curve.midL) return curve.cBot + (curve.cPeak - curve.cBot) * ((L - lo) / (curve.midL - lo));\n  return curve.cPeak + (curve.cTop - curve.cPeak) * ((L - curve.midL) / (hi - curve.midL));\n}\n","import { useCallback, useEffect, useRef, useState } from 'react';\nimport type { ComboBoxOption } from './components/ComboBox/ComboBox';\n\ntype Key = string | number;\n\n/** An option list keyed to the value type its combo box commits. */\nexport type AsyncOption<T extends Key> = ComboBoxOption & { value: T };\n\n/** Options for {@link useAsyncOptions}. */\nexport type UseAsyncOptionsProps<T extends Key> = {\n  /**\n   * Fetches the options for a query. The signal aborts when a later keystroke\n   * supersedes this call, so a `fetch` should forward it.\n   */\n  load: (query: string, signal: AbortSignal) => Promise<ReadonlyArray<AsyncOption<T>>>;\n  /** Quiet period before a query is sent. */\n  debounceMs?: number;\n  /** Shorter queries are not sent, and empty the options. */\n  minLength?: number;\n};\n\n/** What {@link useAsyncOptions} returns, shaped to spread into a `ComboBox`. */\nexport type AsyncOptionsResult<T extends Key> = {\n  options: ReadonlyArray<AsyncOption<T>>;\n  isLoading: boolean;\n  loadError: unknown | null;\n  inputValue: string;\n  onInputChange: (next: string) => void;\n};\n\n/**\n * Drives a combo box whose options come from a server: debounces the query,\n * discards responses overtaken by a later one, and reports a failed load\n * separately from an empty result.\n *\n * `options` holds the last *resolved* list and is never emptied to mean\n * \"working\", so the previous results stay on screen — and stay arrowable —\n * while the next request is in flight.\n */\nexport function useAsyncOptions<T extends Key = string>({\n  load,\n  debounceMs = 150,\n  minLength = 0,\n}: UseAsyncOptionsProps<T>): AsyncOptionsResult<T> {\n  const [inputValue, setInputValue] = useState('');\n  const [options, setOptions] = useState<ReadonlyArray<AsyncOption<T>>>([]);\n  const [isLoading, setIsLoading] = useState(false);\n  const [loadError, setLoadError] = useState<unknown | null>(null);\n\n  // Read through a ref: a consumer passing an inline arrow re-creates `load`\n  // every render, and depending on it directly would refire the request.\n  const loadRef = useRef(load);\n  loadRef.current = load;\n\n  // A monotonic id per request, and the highest one whose result has been\n  // applied. A liveness flag cannot do this job: two requests from adjacent\n  // keystrokes are both live, so the slower one overwrites the newer result\n  // if it lands second.\n  const issued = useRef(0);\n  const applied = useRef(0);\n  const inFlight = useRef<AbortController | null>(null);\n\n  useEffect(() => {\n    if (inputValue.length < minLength) {\n      inFlight.current?.abort();\n      inFlight.current = null;\n      applied.current = issued.current;\n      setOptions([]);\n      setIsLoading(false);\n      setLoadError(null);\n      return;\n    }\n\n    const timer = setTimeout(() => {\n      const mine = ++issued.current;\n      const controller = new AbortController();\n      inFlight.current?.abort();\n      inFlight.current = controller;\n      setIsLoading(true);\n\n      loadRef.current(inputValue, controller.signal).then(\n        (next) => {\n          if (mine <= applied.current) return;\n          applied.current = mine;\n          setOptions(next);\n          setLoadError(null);\n          setIsLoading(false);\n        },\n        (error: unknown) => {\n          if (controller.signal.aborted || mine <= applied.current) return;\n          applied.current = mine;\n          setLoadError(error);\n          setIsLoading(false);\n        },\n      );\n    }, debounceMs);\n\n    return () => clearTimeout(timer);\n  }, [inputValue, debounceMs, minLength]);\n\n  useEffect(() => () => inFlight.current?.abort(), []);\n\n  const onInputChange = useCallback((next: string) => setInputValue(next), []);\n\n  return { options, isLoading, loadError, inputValue, onInputChange };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAa,KAAa;AAG1B,SAAgB,GAAS,GAAW,GAA4B;CAC9D,IAAM,CAAC,GAAI,KAAM,EAAM;AAIvB,QAHI,KAAK,IAAW,EAAM,OACtB,KAAK,IAAW,EAAM,OACtB,KAAK,EAAM,OAAa,EAAM,QAAQ,EAAM,QAAQ,EAAM,UAAU,IAAI,MAAO,EAAM,OAAO,MACzF,EAAM,SAAS,EAAM,OAAO,EAAM,WAAW,IAAI,EAAM,SAAS,IAAK,EAAM;;;;ACOpF,SAAgB,GAAwC,EACtD,SACA,gBAAa,KACb,eAAY,KACqC;CACjD,IAAM,CAAC,GAAY,KAAiB,EAAS,GAAG,EAC1C,CAAC,GAAS,KAAc,EAAwC,EAAE,CAAC,EACnE,CAAC,GAAW,KAAgB,EAAS,GAAM,EAC3C,CAAC,GAAW,KAAgB,EAAyB,KAAK,EAI1D,IAAU,EAAO,EAAK;AAC5B,GAAQ,UAAU;CAMlB,IAAM,IAAS,EAAO,EAAE,EAClB,IAAU,EAAO,EAAE,EACnB,IAAW,EAA+B,KAAK;AA4CrD,QA1CA,QAAgB;AACd,MAAI,EAAW,SAAS,GAAW;AAMjC,GALA,EAAS,SAAS,OAAO,EACzB,EAAS,UAAU,MACnB,EAAQ,UAAU,EAAO,SACzB,EAAW,EAAE,CAAC,EACd,EAAa,GAAM,EACnB,EAAa,KAAK;AAClB;;EAGF,IAAM,IAAQ,iBAAiB;GAC7B,IAAM,IAAO,EAAE,EAAO,SAChB,IAAa,IAAI,iBAAiB;AAKxC,GAJA,EAAS,SAAS,OAAO,EACzB,EAAS,UAAU,GACnB,EAAa,GAAK,EAElB,EAAQ,QAAQ,GAAY,EAAW,OAAO,CAAC,MAC5C,MAAS;AACJ,SAAQ,EAAQ,YACpB,EAAQ,UAAU,GAClB,EAAW,EAAK,EAChB,EAAa,KAAK,EAClB,EAAa,GAAM;OAEpB,MAAmB;AACd,MAAW,OAAO,WAAW,KAAQ,EAAQ,YACjD,EAAQ,UAAU,GAClB,EAAa,EAAM,EACnB,EAAa,GAAM;KAEtB;KACA,EAAW;AAEd,eAAa,aAAa,EAAM;IAC/B;EAAC;EAAY;EAAY;EAAU,CAAC,EAEvC,cAAsB,EAAS,SAAS,OAAO,EAAE,EAAE,CAAC,EAI7C;EAAE;EAAS;EAAW;EAAW;EAAY,eAF9B,IAAa,MAAiB,EAAc,EAAK,EAAE,EAAE,CAEvB;EAAe"}