@weasel-js/ui 1.5.2 → 1.6.0

package/dist/index.d.ts

@@ -4,24 +4,32 @@ export { solidColorOf, strokeColorOf } from './components/paintValue';
 export * from './components/ActionBar';
 export * from './components/Badge';
 export * from './components/Button';
+export * from './components/Code';
 export * from './components/DataGrid';
+export * from './components/DetailList';
 export * from './components/Disclosure';
+export * from './components/DragGhost';
 export * from './components/DragHandleGlyph';
 export * from './components/Keycaps';
-export * from './components/LayerStack';
+export * from './components/LayerList';
 export * from './components/Slider';
 export * from './components/ItemList';
+export * from './components/ListEditor';
 export * from './components/ToggleBar';
+export * from './components/ColorModeControl';
 export * from './components/OptionsBar';
-export * from './components/ActionsBar';
+export * from './components/ButtonBar';
 export * from './components/ToolOptionsBar';
 export * from './components/PaintInput';
 export * from './components/PaintField';
+export * from './components/FillStrokeSwatch';
+export * from './components/SwatchGrid';
 export * from './components/MeshEditor';
 export * from './components/PatternPicker';
 export * from './components/Powerline';
 export * from './components/Prefs';
 export * from './components/Properties';
+export { type Stance, type StanceAttrs, type StanceProps, useStance } from './components/stance';
 export * from './components/SelectionPanel';
 export * from './components/ResizeHandle';
 export * from './components/Sidebar';
@@ -36,6 +44,7 @@ export * from './components/Input';
 export * from './components/Checkbox';
 export * from './components/Switch';
 export * from './components/Tabs';
+export * from './components/Tree';
 export * from './components/RadioGroup';
 export * from './components/NumberField';
 export * from './components/Select';
@@ -63,13 +72,17 @@ export type { GradientTrackOpts } from './paintGradientTrack';
 export { paintPreviewCss } from './paintPreview';
 export { oklchToHex, chromaAt } from './color/oklch';
 export type { ChromaCurve, ChromaCurvePoint } from './color/oklch';
+export { rampColor, colorRamp } from './color/ramp';
+export type { ColorRampOptions } from './color/ramp';
 export { useAsyncOptions } from './useAsyncOptions';
 export type { AsyncOption, AsyncOptionsResult, UseAsyncOptionsProps } from './useAsyncOptions';
 export { useReorderDragList } from './useReorderDragList';
+export { pickActiveSection, useScrollSpy } from './useScrollSpy';
+export type { ScrollSpy, SectionOffset, UseScrollSpyOptions } from './useScrollSpy';
 export { useRovingTabIndex } from './useRovingTabIndex';
 export type { RovingItem, RovingTabIndex, UseRovingTabIndexOptions } from './useRovingTabIndex';
 export { formatCompact, formatNumber, formatZoom, MINUS_SIGN, parseNumber, parseSignedNumber, } from './format/number';
-export type { LayerListItem, UseReorderDragListOptions, ReorderDragState, ReorderDragHandlers, } from './useReorderDragList';
+export type { ReorderItem, UseReorderDragListOptions, ReorderDragState, ReorderGhost, ReorderDragHandlers, PressModifiers, } from './useReorderDragList';
 export { HANDLE_SIZE_TOKENS, handleHalf, handleSize } from './handles';
 export type { HandleSizeToken } from './handles';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -1,88 +1,120 @@
 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-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-C4YBczLq.js";
-import { t as Pe } from "./chunks/ActionBar-CLwiY3Jg.js";
-import { n as Fe, t as Ie } from "./chunks/Badge-CW9pBPFl.js";
+import { a as n, i as r, n as i, r as a, t as o } from "./chunks/Icon-BW0qv_U7.js";
+import { $ as s, A as c, At as l, B as u, C as d, Ct as f, D as p, Dt as m, E as ee, Et as te, F as ne, Ft as re, G as ie, H as ae, I as oe, It as se, J as ce, K as le, L as ue, Lt as de, M as h, Mt as g, N as _, Nt as v, O as y, Ot as b, P as x, Pt as S, Q as C, R as w, S as T, St as E, T as D, Tt as O, U as k, V as A, W as j, X as M, Y as N, Z as P, _ as F, _t as I, a as L, at as R, b as z, bt as B, c as V, ct as H, d as fe, dt as pe, et as me, f as he, ft as ge, g as _e, gt as ve, h as ye, ht as be, i as xe, it as Se, j as Ce, jt as we, k as Te, kt as Ee, l as De, lt as Oe, m as ke, mt as Ae, n as je, nt as Me, o as Ne, ot as Pe, p as Fe, pt as Ie, q as Le, r as Re, rt as ze, s as Be, st as Ve, t as He, tt as Ue, u as We, ut as Ge, v as Ke, vt as qe, w as Je, wt as Ye, x as Xe, xt as Ze, y as Qe, yt as $e, z as et } from "./chunks/icons-DbScMMqX.js";
+import { n as tt, r as nt } from "./chunks/paintValue-Bz6AVuh3.js";
+import { n as rt, r as it, t as at } from "./chunks/portalHost-CjpCnuGU.js";
+import { n as ot, r as st, t as ct } from "./chunks/Tooltip-9XiJF937.js";
+import { t as lt } from "./chunks/keyGlyph-CLvUHU8c.js";
+import { n as ut, t as dt } from "./chunks/formatShortcut-BoGqUoWi.js";
+import { t as ft } from "./chunks/ActionBar-CYvfmEz0.js";
+import { n as pt, t as mt } from "./chunks/Badge-DZ0lFs14.js";
+import { t as ht } from "./chunks/stance-CarrcbbP.js";
 import "./components/Badge/index.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-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-DunVpejA.js";
-import { t as Ye } from "./chunks/keyGlyph-Bp0wnLHn.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-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 { t as gt } from "./chunks/Button-Dyp31jMt.js";
+import { t as _t } from "./chunks/Code-v4tDWuuN.js";
+import { t as vt } from "./chunks/useReorderDragList-Dcezzgix.js";
+import { n as yt, r as bt, t as xt } from "./chunks/Disclosure-D79jhmh2.js";
+import { t as St } from "./chunks/DataGrid-CZPrB_3a.js";
+import { n as Ct, t as wt } from "./chunks/DetailList-DHaXX4TG.js";
+import { t as Tt } from "./chunks/DragGhost-DcU7cOwy.js";
+import { t as Et } from "./chunks/DragHandleGlyph-BtBxHjZS.js";
+import { a as Dt, i as Ot, n as kt, o as At, r as jt, s as Mt, t as Nt } from "./chunks/Keycaps-CKiKOJnJ.js";
+import { a as Pt, c as Ft, i as It, n as Lt, o as Rt, r as zt, s as Bt, t as Vt } from "./chunks/Plot2D-lyO7waPQ.js";
+import { a as Ht, i as Ut, n as Wt, r as Gt, t as Kt } from "./chunks/CurveEditor-f1R4kSbD.js";
+import { c as qt, i as Jt, n as Yt, o as Xt, r as Zt, s as Qt, t as $t } from "./chunks/createKeyframeLayer-BzDRCrrh.js";
+import { t as en } from "./chunks/snap-DC4Km8xG.js";
+import { i as tn, n as nn, r as rn, t as an } from "./chunks/Properties-Bbneh1ws.js";
+import { t as on } from "./chunks/Dialog-GIvjoDQj.js";
+import { a as sn, i as cn, n as ln, o as U, r as un, s as dn, t as fn } from "./chunks/PropertyField-CDb19d3F.js";
+import { a as pn, i as mn, n as hn, o as gn, r as _n, t as vn } from "./chunks/number-6S8IzXVt.js";
+import { t as yn } from "./chunks/Checkbox-ChZz30Ds.js";
+import { t as bn } from "./chunks/InlineRange-BwGFDhpT.js";
+import { t as xn } from "./chunks/ColorField-DJSCuSJv.js";
+import { n as Sn, t as Cn } from "./chunks/Field-xbqRmjsI.js";
+import { n as wn, r as Tn, t as En } from "./chunks/Select-DVValBe1.js";
+import { t as Dn } from "./chunks/FontFamilySelect-r9TV_xIH.js";
+import { t as On } from "./chunks/Input-Bx2cuUbS.js";
+import { n as kn, t as An } from "./chunks/NumberField-C1Y7zP-a.js";
+import { t as jn } from "./chunks/paintPreview-DPtZS4yU.js";
+import { t as Mn } from "./chunks/Slider-BwRrWHFW.js";
+import { t as Nn } from "./chunks/ToggleBar-Btnl5r7F.js";
+import { t as Pn } from "./chunks/useRovingTabIndex-B4uJqiKP.js";
+import { i as Fn, n as In, r as Ln, t as Rn } from "./chunks/GradientEditor-BRTxHG-W.js";
+import { n as zn, t as Bn } from "./chunks/MeshEditor-BOOIFWnz.js";
+import { n as Vn, t as Hn } from "./chunks/PatternPicker-DdfpxoQy.js";
+import { t as Un } from "./chunks/PaintInput-BFKhd83I.js";
+import { t as Wn } from "./chunks/PaintField-B2mLRZa4.js";
+import { n as Gn, t as Kn } from "./chunks/RadioGroup-BK2mD6Q0.js";
+import { t as qn } from "./chunks/Switch-DxF7TsEu.js";
+import { n as Jn, r as Yn, t as Xn } from "./chunks/LayerList-BeGrkLb9.js";
+import { t as Zn } from "./chunks/ItemList-DzJ2lK0R.js";
+import { t as Qn } from "./chunks/ListEditor-C6zLzCsJ.js";
+import { t as $n } from "./chunks/ColorModeControl-JOEiqtE0.js";
+import { t as er } from "./chunks/OptionsBar-DlcagPYK.js";
+import { t as tr } from "./chunks/ButtonBar-smZzFuEo.js";
+import { a as nr, i as rr, n as ir, o as ar, r as or, s as sr, t as cr } from "./chunks/prefField-CLkhrvYl.js";
+import { i as lr, l as ur, n as dr, o as fr, r as pr, s as mr, t as hr } from "./chunks/model-BQMvTLnW.js";
+import { t as gr } from "./chunks/ToolOptionsBar-BF3TNXA3.js";
+import { t as _r } from "./chunks/FillStrokeSwatch-BViKXIPx.js";
+import { t as vr } from "./chunks/SwatchGrid-C-Zx2Exd.js";
+import { t as yr } from "./chunks/Powerline-DBEPceLE.js";
+import { a as br, i as xr, n as Sr, o as Cr, r as wr, t as Tr } from "./chunks/Prefs-Ctu0H4-b.js";
+import { t as Er } from "./chunks/SelectionPanel-C5LmZA7b.js";
+import { t as Dr } from "./chunks/ResizeHandle-Cc6EOehs.js";
+import { t as Or } from "./chunks/Sidebar-DKKd4R-x.js";
+import { t as kr } from "./chunks/SidebarPanel-u5NsuAZY.js";
+import { n as Ar, r as jr, t as Mr } from "./chunks/StatusBar-CdPdmmda.js";
+import { t as Nr } from "./chunks/ToolButton-rzqlFlAc.js";
+import { t as Pr } from "./chunks/ToolGroup-4bUBV5k6.js";
+import { t as Fr } from "./chunks/ToolPalette-Uw4PvWwa.js";
 import "./components/Field/index.js";
-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";
+import { i as Ir, n as Lr, r as Rr, t as zr } from "./chunks/Tabs-GXEfoe3o.js";
+import { n as Br, r as Vr, t as Hr } from "./chunks/Tree-BGt6P8tI.js";
+import { t as Ur } from "./chunks/MenuButton-BcdhrNGh.js";
+import { n as Wr, t as Gr } from "./chunks/ComboBox-C1JgIpML.js";
+import { t as Kr } from "./chunks/RangeSlider-BiRAOsTh.js";
+import { t as qr } from "./chunks/DetentSlider-BYyaZha6.js";
+import { n as Jr, t as Yr } from "./chunks/Callout-xLjnx7Mp.js";
+import { a as Xr, i as Zr, n as Qr, r as $r, t as ei } from "./chunks/Toast-BfcljZz6.js";
+import { t as ti } from "./chunks/PointPlotter-DGs9i5P-.js";
+import { a as ni, i as ri, n as ii, r as ai, t as oi } from "./chunks/TokenPanel-5ajHEHha.js";
+import { n as si, r as ci, t as li } from "./chunks/BandEditor-D-nVrVO4.js";
+import { t as ui } from "./chunks/Jog-LPoac9s4.js";
+import { a as di, c as fi, i as pi, l as mi, n as hi, o as gi, r as _i, s as vi, t as yi } from "./chunks/Timeline-SgmpQtUV.js";
+import { hexToOklchDeg as W, hexToRgba as bi, interpolateSrgb as G, oklchDegToHex as xi, rgbaToHex as K } from "@weasel-js/core";
+import { useCallback as Si, useEffect as q, useRef as J, useState as Y } from "react";
 //#region src/color/oklch.ts
-var Or = Er;
-function kr(e, t) {
+var X = xi;
+function Z(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/color/ramp.ts
+var Q = (e) => {
+	let [t, n, r] = bi(e);
+	return [
+		t,
+		n,
+		r
+	];
+};
+function $(e, t, n, r = {}) {
+	let { space: i = "oklch", hue: a = "shorter", chroma: o } = r, s = Q(e), c = Q(t), l = K(G(s, c, n, i, a));
+	if (!o) return l;
+	let u = W(l), d = u.C > 1e-4 ? u.H : W(K(G(s, c, n, "oklch", a))).H;
+	return X(u.L, Z(u.L, o), d);
+}
+function Ci(e, t, n, r = {}) {
+	return n <= 1 ? n === 1 ? [$(e, t, 0, r)] : [] : Array.from({ length: n }, (i, a) => $(e, t, a / (n - 1), r));
+}
+//#endregion
 //#region src/useAsyncOptions.ts
-function Ar({ load: e, debounceMs: t = 150, minLength: n = 0 }) {
-	let [r, i] = $(""), [a, o] = $([]), [s, c] = $(!1), [l, u] = $(null), d = Q(e);
+function wi({ load: e, debounceMs: t = 150, minLength: n = 0 }) {
+	let [r, i] = Y(""), [a, o] = Y([]), [s, c] = Y(!1), [l, u] = Y(null), d = J(e);
 	d.current = e;
-	let f = Q(0), p = Q(0), m = Q(null);
-	return Z(() => {
+	let f = J(0), p = J(0), m = J(null);
+	return q(() => {
 		if (r.length < n) {
 			m.current?.abort(), m.current = null, p.current = f.current, o([]), c(!1), u(null);
 			return;
@@ -100,15 +132,15 @@ function Ar({ load: e, debounceMs: t = 150, minLength: n = 0 }) {
 		r,
 		t,
 		n
-	]), Z(() => () => m.current?.abort(), []), {
+	]), q(() => () => m.current?.abort(), []), {
 		options: a,
 		isLoading: s,
 		loadError: l,
 		inputValue: r,
-		onInputChange: Dr((e) => i(e), [])
+		onInputChange: Si((e) => i(e), [])
 	};
 }
 //#endregion
-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 };
+export { ft as ActionBar, He as AddIcon, je as AlignBottomIcon, Re as AlignCenterXIcon, xe as AlignCenterYIcon, L as AlignLeftIcon, Ne as AlignRightIcon, Be as AlignTopIcon, yi as AnimatedTimeline, V as ArrowIcon, mt as Badge, li as BandEditor, De as BringForwardIcon, We as BringToFrontIcon, fe as BusyIcon, gt as Button, tr as ButtonBar, Yr as Callout, Jr as CalloutTrigger, he as CheckIcon, yn as Checkbox, Fe as ChevronIcon, ke as CloneIcon, ye as CloseIcon, _t as Code, _e as CollapseIcon, xn as ColorField, $n as ColorModeControl, Gr as ComboBox, Wr as ComboBoxItem, F as CompareIcon, Ke as CopyIcon, Qe as CrosshairIcon, Wt as CurveEditor, tn as CurveField, z as CutIcon, St as DataGrid, Xe as DeleteIcon, wt as DetailList, Ct as DetailRow, qr as DetentSlider, on as Dialog, rn as DialogRow, xt as Disclosure, yt as DisclosureMark, bt as DisclosureRow, T as DistributeHorizontalIcon, d as DistributeVerticalIcon, Tt as DragGhost, Et as DragHandleGlyph, Je as DuplicateIcon, gi as EASING_NAMES, pt as EDGE_PROFILES, di as EasingPicker, D as EllipseIcon, ee as ErrorIcon, p as ExpandIcon, y as ExportIcon, Te as EyedropperIcon, Cn as Field, _r as FillStrokeSwatch, c as FilterIcon, Ce as FitIcon, h as FlipXIcon, _ as FlipYIcon, ct as Focusable, Dn as FontFamilySelect, x as FullscreenIcon, Ln as GradientEditor, In as GradientHandles, ne as GridIcon, oe as GroupIcon, Xt as HANDLE_SIZE_TOKENS, ue as HandIcon, w as HiddenIcon, a as ICON_FILLS, r as ICON_GROUPS, n as ICON_PATHS, o as Icon, et as ImageIcon, u as InfoIcon, bn as InlineRange, On as Input, Zn as ItemList, ui as Jog, jt as KeyCap, kt as KeySequence, A as LassoIcon, Jn as LayerList, Jt as LayeredCurveEditor, ae as LayersIcon, k as LayoutColumnsIcon, j as LayoutGridIcon, ie as LayoutRowsIcon, le as LineIcon, Le as LinkIcon, Qn as ListEditor, ce as LockIcon, N as LoupeIcon, vn as MINUS_SIGN, hr as MIXED, M as MeasureIcon, Ur as MenuButton, Bn as MeshEditor, P as ModeAutoIcon, C as ModeDarkIcon, s as ModeLightIcon, kn as NumberField, er as OptionsBar, at as OverlayPortalProvider, me as PageIcon, Wn as PaintField, Un as PaintInput, Ue as PanIcon, Me as PasteIcon, Hn as PatternPicker, ze as PauseIcon, Se as PenIcon, R as PencilIcon, Pe as PinIcon, Ve as PlayIcon, Vt as Plot2D, ti as PointPlotter, H as PolygonIcon, yr as Powerline, Tr as PrefsDialog, Sr as PrefsForm, xr as PrefsPane, wr as PrefsRail, fn as PropertyControl, ln as PropertyField, nn as PropertyGroup, un as PropertyList, cn as PropertyNote, sn as PropertyPanel, U as PropertyRow, dn as PropertySpan, Kn as Radio, Gn as RadioGroup, Oe as RandomizeIcon, Kr as RangeSlider, Ge as RectIcon, pe as RedoIcon, ge as RefreshIcon, Ie as RemoveIcon, Ae as ResetIcon, Dr as ResizeHandle, Rn as SceneGradientHandles, be as SearchIcon, En as Select, ve as SelectIcon, wn as SelectItem, Tn as SelectSection, Er as SelectionPanel, I as SendBackwardIcon, qe as SendToBackIcon, de as ShapeKindIcon, Or as Sidebar, kr as SidebarPanel, Mn as Slider, $e as SnapIcon, B as SnapshotIcon, Ze as SortIcon, E as StarIcon, Mr as StatusBar, Ar as StatusBarItem, jr as StatusBarSpacer, f as StepBackIcon, Ye as StepForwardIcon, O as StepIcon, te as StopIcon, an as Subpanel, vr as SwatchGrid, qn as Switch, ii as TOKEN_CATEGORIES, zr as Tab, Lr as TabList, Rr as TabPanel, Ir as Tabs, m as TextIcon, hi as Timeline, Qr as ToastQueue, ei as ToastRegion, Nn as ToggleBar, oi as TokenPanel, Nr as ToolButton, Pr as ToolGroup, gr as ToolOptionsBar, Fr as ToolPalette, ot as Tooltip, st as TooltipTrigger, pi as Transport, Hr as Tree, b as TuneIcon, Ee as UndoIcon, l as UngroupIcon, An as UnitField, we as UnknownIcon, g as UnlockIcon, v as VisibleIcon, S as WarningIcon, re as ZoomInIcon, se as ZoomOutIcon, dr as aggregateValue, $t as applyKeyframeDrag, Z as chromaAt, pr as classifyKind, Ci as colorRamp, Gt as createFunctionLayer, Yt as createKeyframeLayer, Kt as createSetCurveOp, $r as createToastQueue, Zr as defaultToastQueue, Dt as detectPlatform, t as dlog, vi as easingBezier, fi as easingLabel, lr as effectiveSections, Sn as fieldClasses, ir as filterPrefSubtree, Br as filterTree, hn as formatCompact, _n as formatNumber, dt as formatShortcut, ut as formatShortcutParts, Lt as formatTick, mn as formatZoom, Ut as functionLayerState, Qt as handleHalf, qt as handleSize, Ot as inferKeycapKind, ai as inferTokenType, e as isDebugEnabled, i as isFillable, zn as isMeshPaint, or as isPrefLeaf, lt as keyGlyph, At as keySpecFromKey, Mt as keySpecsFromMods, Nt as keySpecsFromShortcut, Zt as keyframeLayerState, fr as kindBreakdown, si as linearScale, ci as logScale, Bt as modelToPlot, Yn as moveLayers, rt as nearestPortalHost, zt as niceStep, It as niceTicks, mr as nodeValueAt, X as oklchToHex, Fn as paintGradientTrack, jn as paintPreviewCss, pn as parseNumber, gn as parseSignedNumber, br as pickActiveSection, Ft as plotToModel, rr as prefDisplayBounds, cr as prefFieldProps, nr as prefRailItems, ar as prefValueAtPath, $ as rampColor, ri as refitScale, _i as samePath, Ht as sampleByInterpolation, mi as sampleEasing, Vn as seedPattern, ur as setAtPath, en as snapToNearest, tt as solidColorOf, Pt as stepDecimals, nt as strokeColorOf, Rt as tickDecimals, Xr as toast, ni as tokenCategory, Vr as treeBranchIds, wi as useAsyncOptions, it as useOverlayPortal, vt as useReorderDragList, Pn as useRovingTabIndex, Xn as useSceneLayerList, Cr as useScrollSpy, ht as useStance, sr 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 { 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"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/color/oklch.ts","../src/color/ramp.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 {\n  hexToOklchDeg,\n  hexToRgba,\n  interpolateSrgb,\n  rgbaToHex,\n  type ColorInterpolationSpace,\n  type HueInterpolation,\n} from '@weasel-js/core';\nimport { chromaAt, oklchToHex, type ChromaCurve } from './oklch';\n\n/**\n * How {@link rampColor} and {@link colorRamp} travel between two endpoints.\n *\n * What each space interpolates:\n *\n * | `space`         | components lerped            | hue                  |\n * | --------------- | ---------------------------- | -------------------- |\n * | `'oklch'`       | L, C, H                      | around the wheel     |\n * | `'hsl'`         | H, S, L                      | around the wheel     |\n * | `'oklab'`       | L, a, b                      | through the wheel    |\n * | `'srgb'`        | gamma-encoded R, G, B        | through the wheel    |\n * | `'srgb-linear'` | linear-light R, G, B         | through the wheel    |\n *\n * A lightness ramp is two endpoints that differ in lightness, and a hue ramp\n * two that differ in hue: the polar spaces keep chroma or saturation fixed\n * while they move, and the others cut a straight line between the two colors,\n * which for a hue ramp passes through gray.\n *\n * `chroma` is an OKLCH envelope in every space, since {@link ChromaCurve}'s\n * numbers are OKLCH chroma over OKLCH lightness. It runs after the\n * interpolation: each sample keeps its lightness and hue, and its chroma is\n * replaced with the curve's value at that lightness. A sample left with no\n * hue (a gray midpoint) takes the hue an OKLCH ramp would have had there.\n */\nexport interface ColorRampOptions {\n  /** Default `'oklch'`. */\n  space?: ColorInterpolationSpace;\n  /** Polar spaces only. Default `'shorter'`. */\n  hue?: HueInterpolation;\n  chroma?: ChromaCurve;\n}\n\nconst rgb = (hex: string): [number, number, number] => {\n  const [r, g, b] = hexToRgba(hex);\n  return [r, g, b];\n};\n\n/** One sample of a ramp from `from` to `to` (`#rrggbb`), `t` in 0..1. */\nexport function rampColor(from: string, to: string, t: number, options: ColorRampOptions = {}): string {\n  const { space = 'oklch', hue = 'shorter', chroma } = options;\n  const a = rgb(from);\n  const b = rgb(to);\n  const hex = rgbaToHex(interpolateSrgb(a, b, t, space, hue));\n  if (!chroma) return hex;\n  const s = hexToOklchDeg(hex);\n  const H = s.C > 1e-4 ? s.H : hexToOklchDeg(rgbaToHex(interpolateSrgb(a, b, t, 'oklch', hue))).H;\n  return oklchToHex(s.L, chromaAt(s.L, chroma), H);\n}\n\n/** `steps` evenly spaced samples from `from` to `to`, both ends included. */\nexport function colorRamp(from: string, to: string, steps: number, options: ColorRampOptions = {}): string[] {\n  if (steps <= 1) return steps === 1 ? [rampColor(from, to, 0, options)] : [];\n  return Array.from({ length: steps }, (_, i) => rampColor(from, to, i / (steps - 1), options));\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":"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"}

package/dist/interactiveTarget.d.ts

@@ -0,0 +1,9 @@
+/** Elements that handle their own press and keys. */
+export declare const CONTROL_SELECTOR: string;
+/**
+ * Whether `target` sits in a control of its own somewhere inside `host` — a
+ * toggle in a list row. The host's handlers leave such an event to the
+ * control, so a row's press, click and keys never swallow its controls'.
+ */
+export declare function isInControlWithin(target: EventTarget | null, host: Element): boolean;
+//# sourceMappingURL=interactiveTarget.d.ts.map

package/dist/interactiveTarget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interactiveTarget.d.ts","sourceRoot":"","sources":["../src/interactiveTarget.ts"],"names":[],"mappings":"AAAA,qDAAqD;AACrD,eAAO,MAAM,gBAAgB,QAGlB,CAAC;AAEZ;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,EAAE,IAAI,EAAE,OAAO,GAAG,OAAO,CAIpF"}