@weasel-js/ui 1.5.1 → 1.6.0

package/dist/index.js

@@ -1,94 +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-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 { 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 { 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-CExdkQcU.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 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 { 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 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 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-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 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
-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 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 jr({ 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;
@@ -106,15 +132,15 @@ function jr({ 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: Or((e) => i(e), [])
+		onInputChange: Si((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 { 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 { 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/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"}