@weasel-js/ui 1.6.0 → 1.7.0

package/dist/index.js

@@ -1,86 +1,89 @@
-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-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 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 { n as e, t } from "./chunks/dlog-F0I8KsIW.js";
+import { a as n, i as r, n as i, r as a, t as o } from "./chunks/Icon-CcVjdq2C.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, M as de, Mt as h, N as g, Nt as _, O as v, Ot as y, P as b, Pt as x, Q as S, R as C, S as w, St as T, T as E, Tt as D, U as O, V as k, W as A, X as j, Y as M, Z as N, _ as P, _t as F, a as I, at as L, b as R, bt as z, c as B, ct as V, d as H, dt as fe, et as pe, f as me, ft as he, g as ge, gt as _e, h as ve, ht as ye, i as be, it as xe, j as Se, jt as Ce, k as we, kt as Te, l as Ee, lt as De, m as Oe, mt as ke, n as Ae, nt as je, o as Me, ot as Ne, p as Pe, pt as Fe, q as Ie, r as Le, rt as Re, s as ze, st as Be, t as Ve, tt as He, u as Ue, ut as We, v as Ge, vt as Ke, w as qe, wt as Je, x as Ye, xt as Xe, y as Ze, yt as Qe, z as $e } from "./chunks/icons-BhcR1l64.js";
+import { n as et, r as tt } from "./chunks/paintValue-BpaGPjV3.js";
+import { n as nt, r as rt, t as it } from "./chunks/portalHost-yTOVuCej.js";
+import { n as at, r as ot, t as st } from "./chunks/Tooltip-Clg2mhSt.js";
+import { t as ct } from "./chunks/keyGlyph-C0qTakG-.js";
+import { n as lt, t as ut } from "./chunks/formatShortcut-DRQrVThu.js";
+import { t as dt } from "./chunks/ActionBar-DCq16yFA.js";
+import { n as ft, t as pt } from "./chunks/Badge-D2aD7xVL.js";
+import { t as mt } from "./chunks/stance-BFQpS_fL.js";
+import { t as ht } from "./chunks/Badge-CTc9Lkwn.js";
+import { t as gt } from "./chunks/Button-BIdXHQOx.js";
+import { t as _t } from "./chunks/CloseButton-C2J7wVfo.js";
+import { t as vt } from "./chunks/Code-AsKpgnv6.js";
+import { t as yt } from "./chunks/useReorderDragList-FCMoFIzH.js";
+import { n as bt, r as xt, t as St } from "./chunks/Disclosure-Ch2KxYuB.js";
+import { t as Ct } from "./chunks/DataGrid-LZ2JgY2Y.js";
+import { n as wt, t as Tt } from "./chunks/DetailList-BKomDzg5.js";
+import { t as Et } from "./chunks/DragGhost-B5_hb9W9.js";
+import { t as Dt } from "./chunks/DragGrip-AoIZXfZb.js";
+import { a as Ot, i as kt, n as At, o as jt, r as Mt, s as Nt, t as Pt } from "./chunks/Keycaps-C-FJyG8k.js";
+import { a as Ft, c as It, i as Lt, n as Rt, o as zt, r as Bt, s as Vt, t as Ht } from "./chunks/Plot2D-CTXHkL5p.js";
+import { a as Ut, i as Wt, n as Gt, r as Kt, t as qt } from "./chunks/CurveEditor-DUVjd25R.js";
+import { c as Jt, i as Yt, n as Xt, o as Zt, r as Qt, s as $t, t as en } from "./chunks/createKeyframeLayer-DVl321_l.js";
+import { t as tn } from "./chunks/snap-DRjbOiG9.js";
+import { i as nn, n as rn, r as an, t as on } from "./chunks/Properties-DmAeQ3mk.js";
+import { t as sn } from "./chunks/Dialog-DGFutQ--.js";
+import { a as cn, i as ln, n as U, o as un, r as dn, s as fn, t as pn } from "./chunks/PropertyField-DfIJJ5GS.js";
+import { t as mn } from "./chunks/InlineRange-P01ABSzo.js";
+import { t as hn } from "./chunks/ColorField-Yz_BkcCT.js";
+import { n as gn, t as _n } from "./chunks/Field--onYxXTF.js";
+import { n as vn, r as yn, t as bn } from "./chunks/Select-ClmKtyWg.js";
+import { t as xn } from "./chunks/FontFamilySelect-DkRgNtag.js";
+import { t as Sn } from "./chunks/Input-CHmkfYaD.js";
+import { r as Cn, t as wn } from "./chunks/NumberField-BnJxcazc.js";
+import { t as Tn } from "./chunks/paintPreview-CuSZiHpR.js";
+import { t as En } from "./chunks/Slider-YofwGOI4.js";
+import { t as Dn } from "./chunks/ToggleBar-BTYkBXU9.js";
+import { t as On } from "./chunks/useRovingTabIndex-Bp_hYm_h.js";
+import { n as kn, t as An } from "./chunks/MeshEditor-D1HLZcAh.js";
+import { i as jn, n as Mn, r as Nn, t as Pn } from "./chunks/GradientEditor-b7v4Ph3i.js";
+import { n as Fn, t as In } from "./chunks/PatternPicker-R_EQtw2Q.js";
+import { t as Ln } from "./chunks/PaintInput-v8Y7MDbH.js";
+import { t as Rn } from "./chunks/PaintField-DadOELMg.js";
+import { n as zn, t as Bn } from "./chunks/RadioGroup-Bh4-12e-.js";
+import { t as Vn } from "./chunks/Switch-CSYmcM8y.js";
+import { n as Hn, r as Un, t as Wn } from "./chunks/LayerList-wCI1EueM.js";
+import { t as Gn } from "./chunks/ItemList-Cm-HUWCi.js";
+import { t as Kn } from "./chunks/ListEditor-BeA60TAA.js";
+import { t as qn } from "./chunks/ColorModeControl-BewxA0rX.js";
+import { n as Jn, t as Yn } from "./chunks/ThemeSwitcher-BlsInAmR.js";
+import { t as Xn } from "./chunks/OptionsBar-ujxYidhj.js";
+import { t as Zn } from "./chunks/ButtonBar-DIQTe5GQ.js";
+import { a as Qn, i as $n, n as er, o as tr, r as nr, s as rr, t as ir } from "./chunks/prefField-BopW9bjx.js";
+import { i as ar, l as or, n as sr, o as cr, r as lr, s as ur, t as dr } from "./chunks/model-BaF65rnX.js";
+import { t as fr } from "./chunks/ToolOptionsBar-D_GCrBAN.js";
+import { t as pr } from "./chunks/FillStrokeSwatch-DNb0KXPk.js";
+import { t as mr } from "./chunks/SwatchGrid-BYvA8Bmh.js";
+import { t as hr } from "./chunks/Powerline-DNyH885r.js";
+import { n as gr, t as _r } from "./chunks/GestureRoute-C_YGl7bJ.js";
+import { t as vr } from "./chunks/FallthroughDiagram-BEHiM5IS.js";
+import { a as yr, i as br, n as xr, o as Sr, r as Cr, t as wr } from "./chunks/Prefs-ByA-x51i.js";
+import { t as Tr } from "./chunks/SelectionPanel-BaQnX4Bs.js";
+import { t as Er } from "./chunks/ResizeHandle-rKVWyeTG.js";
+import { t as Dr } from "./chunks/Sidebar-BZ0m4afn.js";
+import { t as Or } from "./chunks/SidebarPanel-BblDEz4G.js";
+import { n as kr, r as Ar, t as jr } from "./chunks/StatusBar-Ca9Dvhhq.js";
+import { t as Mr } from "./chunks/ToolButton-CAHBa08P.js";
+import { t as Nr } from "./chunks/ToolGroup-Dpg1LN0l.js";
+import { t as Pr } from "./chunks/ToolPalette-OOWN51Xx.js";
 import "./components/Field/index.js";
-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 { t as Fr } from "./chunks/Checkbox-DHXTUHO9.js";
+import { i as Ir, n as Lr, r as Rr, t as zr } from "./chunks/Tabs-BbpzLLdY.js";
+import { n as Br, r as Vr, t as Hr } from "./chunks/Tree-Cc8lIzgM.js";
+import { t as Ur } from "./chunks/MenuButton-BSqEChJE.js";
+import { n as Wr, t as Gr } from "./chunks/ComboBox-B34H76CW.js";
+import { t as Kr } from "./chunks/RangeSlider-SEGE-7VF.js";
+import { t as qr } from "./chunks/DetentSlider-5uQPFucv.js";
+import { n as Jr, t as Yr } from "./chunks/Callout-ndW5_Bqx.js";
+import { a as Xr, i as Zr, n as Qr, r as $r, t as ei } from "./chunks/Toast-BF9GE0HC.js";
+import { t as ti } from "./chunks/PointPlotter-ldI4RrU1.js";
+import { a as ni, i as ri, n as ii, r as ai, t as oi } from "./chunks/TokenPanel-CMDAOfYH.js";
+import { n as si, r as ci, t as li } from "./chunks/BandEditor-Dd0egAgE.js";
+import { t as ui } from "./chunks/Jog-DRmfrkCg.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-B39cwfMB.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
@@ -141,6 +144,6 @@ function wi({ load: e, debounceMs: t = 150, minLength: n = 0 }) {
 	};
 }
 //#endregion
-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 };
+export { dt as ActionBar, Ve as AddIcon, Ae as AlignBottomIcon, Le as AlignCenterXIcon, be as AlignCenterYIcon, I as AlignLeftIcon, Me as AlignRightIcon, ze as AlignTopIcon, yi as AnimatedTimeline, B as ArrowIcon, ht as BADGE_STATUS_ICONS, pt as Badge, li as BandEditor, Ee as BringForwardIcon, Ue as BringToFrontIcon, H as BusyIcon, gt as Button, Zn as ButtonBar, Yn as COLOR_MODE_OPTIONS, Yr as Callout, Jr as CalloutTrigger, me as CheckIcon, Fr as Checkbox, Pe as ChevronIcon, Oe as CloneIcon, _t as CloseButton, ve as CloseIcon, vt as Code, ge as CollapseIcon, hn as ColorField, qn as ColorModeControl, Gr as ComboBox, Wr as ComboBoxItem, P as CompareIcon, Ge as CopyIcon, Ze as CrosshairIcon, Gt as CurveEditor, nn as CurveField, R as CutIcon, Ct as DataGrid, Ye as DeleteIcon, Tt as DetailList, wt as DetailRow, qr as DetentSlider, sn as Dialog, an as DialogRow, St as Disclosure, bt as DisclosureMark, xt as DisclosureRow, w as DistributeHorizontalIcon, d as DistributeVerticalIcon, Et as DragGhost, Dt as DragGrip, qe as DuplicateIcon, gi as EASING_NAMES, ft as EDGE_PROFILES, di as EasingPicker, E as EllipseIcon, ee as ErrorIcon, p as ExpandIcon, v as ExportIcon, we as EyedropperIcon, vr as FallthroughDiagram, _n as Field, pr as FillStrokeSwatch, c as FilterIcon, Se as FitIcon, de as FlipXIcon, g as FlipYIcon, st as Focusable, xn as FontFamilySelect, b as FullscreenIcon, _r as GestureRoute, Nn as GradientEditor, Mn as GradientHandles, ne as GridIcon, oe as GroupIcon, Zt as HANDLE_SIZE_TOKENS, ue as HandIcon, C as HiddenIcon, a as ICON_FILLS, r as ICON_GROUPS, n as ICON_PATHS, o as Icon, $e as ImageIcon, u as InfoIcon, mn as InlineRange, Sn as Input, Gn as ItemList, ui as Jog, Mt as KeyCap, At as KeySequence, k as LassoIcon, Hn as LayerList, Yt as LayeredCurveEditor, ae as LayersIcon, O as LayoutColumnsIcon, A as LayoutGridIcon, ie as LayoutRowsIcon, le as LineIcon, Ie as LinkIcon, Kn as ListEditor, ce as LockIcon, M as LoupeIcon, dr as MIXED, j as MeasureIcon, Ur as MenuButton, An as MeshEditor, N as ModeAutoIcon, S as ModeDarkIcon, s as ModeLightIcon, Cn as NumberField, Xn as OptionsBar, it as OverlayPortalProvider, pe as PageIcon, Rn as PaintField, Ln as PaintInput, He as PanIcon, je as PasteIcon, In as PatternPicker, Re as PauseIcon, xe as PenIcon, L as PencilIcon, Ne as PinIcon, Be as PlayIcon, Ht as Plot2D, ti as PointPlotter, V as PolygonIcon, hr as Powerline, wr as PrefsDialog, xr as PrefsForm, br as PrefsPane, Cr as PrefsRail, pn as PropertyControl, U as PropertyField, rn as PropertyGroup, dn as PropertyList, ln as PropertyNote, cn as PropertyPanel, un as PropertyRow, fn as PropertySpan, Bn as Radio, zn as RadioGroup, De as RandomizeIcon, Kr as RangeSlider, We as RectIcon, fe as RedoIcon, he as RefreshIcon, Fe as RemoveIcon, ke as ResetIcon, Er as ResizeHandle, Pn as SceneGradientHandles, ye as SearchIcon, bn as Select, _e as SelectIcon, vn as SelectItem, yn as SelectSection, Tr as SelectionPanel, F as SendBackwardIcon, Ke as SendToBackIcon, Dr as Sidebar, Or as SidebarPanel, En as Slider, Qe as SnapIcon, z as SnapshotIcon, Xe as SortIcon, T as StarIcon, jr as StatusBar, kr as StatusBarItem, Ar as StatusBarSpacer, f as StepBackIcon, Je as StepForwardIcon, D as StepIcon, te as StopIcon, on as Subpanel, mr as SwatchGrid, Vn as Switch, ii as TOKEN_CATEGORIES, zr as Tab, Lr as TabList, Rr as TabPanel, Ir as Tabs, m as TextIcon, Jn as ThemeSwitcher, hi as Timeline, Qr as ToastQueue, ei as ToastRegion, Dn as ToggleBar, oi as TokenPanel, Mr as ToolButton, Nr as ToolGroup, fr as ToolOptionsBar, Pr as ToolPalette, at as Tooltip, ot as TooltipTrigger, pi as Transport, Hr as Tree, y as TuneIcon, Te as UndoIcon, l as UngroupIcon, wn as UnitField, Ce as UnknownIcon, h as UnlockIcon, _ as VisibleIcon, x as WarningIcon, re as ZoomInIcon, se as ZoomOutIcon, sr as aggregateValue, en as applyKeyframeDrag, Z as chromaAt, lr as classifyKind, Ci as colorRamp, Kt as createFunctionLayer, Xt as createKeyframeLayer, qt as createSetCurveOp, $r as createToastQueue, Zr as defaultToastQueue, Ot as detectPlatform, t as dlog, vi as easingBezier, fi as easingLabel, ar as effectiveSections, gn as fieldClasses, er as filterPrefSubtree, Br as filterTree, ut as formatShortcut, lt as formatShortcutParts, Rt as formatTick, Wt as functionLayerState, gr as gestureRouteSegments, $t as handleHalf, Jt as handleSize, kt as inferKeycapKind, ai as inferTokenType, e as isDebugEnabled, i as isFillable, kn as isMeshPaint, nr as isPrefLeaf, ct as keyGlyph, jt as keySpecFromKey, Nt as keySpecsFromMods, Pt as keySpecsFromShortcut, Qt as keyframeLayerState, cr as kindBreakdown, si as linearScale, ci as logScale, Vt as modelToPlot, Un as moveLayers, nt as nearestPortalHost, Bt as niceStep, Lt as niceTicks, ur as nodeValueAt, X as oklchToHex, jn as paintGradientTrack, Tn as paintPreviewCss, yr as pickActiveSection, It as plotToModel, $n as prefDisplayBounds, ir as prefFieldProps, Qn as prefRailItems, tr as prefValueAtPath, $ as rampColor, ri as refitScale, _i as samePath, Ut as sampleByInterpolation, mi as sampleEasing, Fn as seedPattern, or as setAtPath, tn as snapToNearest, et as solidColorOf, Ft as stepDecimals, tt as strokeColorOf, zt as tickDecimals, Xr as toast, ni as tokenCategory, Vr as treeBranchIds, wi as useAsyncOptions, rt as useOverlayPortal, yt as useReorderDragList, On as useRovingTabIndex, Wn as useSceneLayerList, Sr as useScrollSpy, mt as useStance, rr 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/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAa,IAAa;AAG1B,SAAgB,EAAS,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;;;;ACUpF,IAAM,KAAO,MAA0C;CACrD,IAAM,CAAC,GAAG,GAAG,KAAK,GAAU,EAAI;AAChC,QAAO;EAAC;EAAG;EAAG;EAAE;;AAIlB,SAAgB,EAAU,GAAc,GAAY,GAAW,IAA4B,EAAE,EAAU;CACrG,IAAM,EAAE,WAAQ,SAAS,SAAM,WAAW,cAAW,GAC/C,IAAI,EAAI,EAAK,EACb,IAAI,EAAI,EAAG,EACX,IAAM,EAAU,EAAgB,GAAG,GAAG,GAAG,GAAO,EAAI,CAAC;AAC3D,KAAI,CAAC,EAAQ,QAAO;CACpB,IAAM,IAAI,EAAc,EAAI,EACtB,IAAI,EAAE,IAAI,OAAO,EAAE,IAAI,EAAc,EAAU,EAAgB,GAAG,GAAG,GAAG,SAAS,EAAI,CAAC,CAAC,CAAC;AAC9F,QAAO,EAAW,EAAE,GAAG,EAAS,EAAE,GAAG,EAAO,EAAE,EAAE;;AAIlD,SAAgB,GAAU,GAAc,GAAY,GAAe,IAA4B,EAAE,EAAY;AAE3G,QADI,KAAS,IAAU,MAAU,IAAI,CAAC,EAAU,GAAM,GAAI,GAAG,EAAQ,CAAC,GAAG,EAAE,GACpE,MAAM,KAAK,EAAE,QAAQ,GAAO,GAAG,GAAG,MAAM,EAAU,GAAM,GAAI,KAAK,IAAQ,IAAI,EAAQ,CAAC;;;;ACvB/F,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":["isDebugEnabled","ICON_PATHS","ICON_GROUPS","isFillable","ICON_FILLS","Icon","ModeLightIcon","FilterIcon","UngroupIcon","InfoIcon","DistributeVerticalIcon","StepBackIcon","ExpandIcon","TextIcon","ErrorIcon","StopIcon","GridIcon","ZoomInIcon","LayoutRowsIcon","LayersIcon","GroupIcon","ZoomOutIcon","LockIcon","LineIcon","HandIcon","FlipXIcon","UnlockIcon","FlipYIcon","VisibleIcon","ExportIcon","TuneIcon","FullscreenIcon","WarningIcon","ModeDarkIcon","HiddenIcon","DistributeHorizontalIcon","StarIcon","EllipseIcon","StepIcon","LayoutColumnsIcon","LassoIcon","LayoutGridIcon","MeasureIcon","LoupeIcon","ModeAutoIcon","CompareIcon","SendBackwardIcon","AlignLeftIcon","PencilIcon","CutIcon","SnapshotIcon","ArrowIcon","PolygonIcon","BusyIcon","RedoIcon","PageIcon","CheckIcon","RefreshIcon","CollapseIcon","SelectIcon","CloseIcon","SearchIcon","AlignCenterYIcon","PenIcon","FitIcon","UnknownIcon","EyedropperIcon","UndoIcon","BringForwardIcon","RandomizeIcon","CloneIcon","ResetIcon","AlignBottomIcon","PasteIcon","AlignRightIcon","PinIcon","ChevronIcon","RemoveIcon","LinkIcon","AlignCenterXIcon","PauseIcon","AlignTopIcon","PlayIcon","AddIcon","PanIcon","BringToFrontIcon","RectIcon","CopyIcon","SendToBackIcon","DuplicateIcon","StepForwardIcon","DeleteIcon","SortIcon","CrosshairIcon","SnapIcon","ImageIcon","solidColorOf","strokeColorOf","nearestPortalHost","useOverlayPortal","OverlayPortalProvider","Tooltip","TooltipTrigger","Focusable","keyGlyph","formatShortcutParts","formatShortcut","ActionBar","EDGE_PROFILES","Badge","useStance","BADGE_STATUS_ICONS","Button","CloseButton","Code","useReorderDragList","DisclosureMark","DisclosureRow","Disclosure","DataGrid","DetailRow","DetailList","DragGhost","DragGrip","detectPlatform","inferKeycapKind","KeySequence","keySpecFromKey","KeyCap","keySpecsFromMods","keySpecsFromShortcut","stepDecimals","plotToModel","niceTicks","formatTick","tickDecimals","niceStep","modelToPlot","Plot2D","sampleByInterpolation","functionLayerState","CurveEditor","createFunctionLayer","createSetCurveOp","handleSize","LayeredCurveEditor","createKeyframeLayer","HANDLE_SIZE_TOKENS","keyframeLayerState","handleHalf","applyKeyframeDrag","snapToNearest","CurveField","PropertyGroup","DialogRow","Subpanel","Dialog","PropertyPanel","PropertyNote","PropertyField","PropertyRow","PropertyList","PropertySpan","PropertyControl","InlineRange","ColorField","fieldClasses","Field","SelectItem","SelectSection","Select","FontFamilySelect","Input","NumberField","UnitField","paintPreviewCss","Slider","ToggleBar","useRovingTabIndex","isMeshPaint","MeshEditor","paintGradientTrack","GradientHandles","GradientEditor","SceneGradientHandles","seedPattern","PatternPicker","PaintInput","PaintField","RadioGroup","Radio","Switch","LayerList","moveLayers","useSceneLayerList","ItemList","ListEditor","ColorModeControl","ThemeSwitcher","COLOR_MODE_OPTIONS","OptionsBar","ButtonBar","prefRailItems","prefDisplayBounds","filterPrefSubtree","prefValueAtPath","isPrefLeaf","visiblePrefSubtree","prefFieldProps","effectiveSections","setAtPath","aggregateValue","kindBreakdown","classifyKind","nodeValueAt","MIXED","ToolOptionsBar","FillStrokeSwatch","SwatchGrid","Powerline","gestureRouteSegments","GestureRoute","FallthroughDiagram","pickActiveSection","PrefsPane","PrefsForm","useScrollSpy","PrefsRail","PrefsDialog","SelectionPanel","ResizeHandle","Sidebar","SidebarPanel","StatusBarItem","StatusBarSpacer","StatusBar","ToolButton","ToolGroup","ToolPalette","Checkbox","Tabs","TabList","TabPanel","Tab","filterTree","treeBranchIds","Tree","MenuButton","ComboBoxItem","ComboBox","RangeSlider","DetentSlider","DialogTrigger","Callout","toast","defaultToastQueue","ToastQueue","createToastQueue","ToastRegion","PointPlotter","tokenCategory","refitScale","TOKEN_CATEGORIES","inferTokenType","TokenPanel","linearScale","logScale","BandEditor","Jog","EasingPicker","easingLabel","Transport","sampleEasing","Timeline","EASING_NAMES","samePath","easingBezier","AnimatedTimeline","oklchToHex","oklchDegToHex","chromaAt","lo","hi","curve","L","rgb","r","g","b","hexToRgba","hex","rampColor","options","a","from","to","rgbaToHex","interpolateSrgb","t","space","hue","chroma","s","hexToOklchDeg","H","colorRamp","steps","i","useAsyncOptions","inputValue","setInputValue","useState","setOptions","isLoading","setIsLoading","loadError","setLoadError","loadRef","useRef","load","issued","applied","inFlight","useEffect","minLength","timer","mine","controller","next","error","debounceMs","useCallback","dlog"],"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/overlays/portalHost.d.ts

@@ -15,7 +15,7 @@ export interface OverlayPortalProviderProps {
  * overriding the nearest-themed-ancestor default. An individual overlay's
  * own `portalContainer` prop still wins.
  */
-export declare function OverlayPortalProvider({ container, children }: OverlayPortalProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function OverlayPortalProvider({ container, children }: OverlayPortalProviderProps): import("react").JSX.Element;
 /** The `portalContainer` prop every weasel overlay accepts. */
 export interface OverlayPortalProps {
     /**

package/dist/overlays/portalHost.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"portalHost.d.ts","sourceRoot":"","sources":["../../src/overlays/portalHost.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuC,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAW/F;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,WAAW,GAAG,IAAI,CAEtF;AAKD,+CAA+C;AAC/C,MAAM,WAAW,0BAA0B;IACzC,2EAA2E;IAC3E,SAAS,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,0BAA0B,2CAIxF;AAED,+DAA+D;AAC/D,MAAM,WAAW,kBAAkB;IACjC;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAClC;AAED,mEAAmE;AACnE,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,0BAA0B,CAAC,CAAC;AAEzE;4EAC4E;AAC5E,MAAM,WAAW,mBAAmB;IAClC,wBAAwB,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/C;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG;IAC3D,MAAM,EAAE,YAAY,CAAC;IACrB,WAAW,EAAE,mBAAmB,CAAC;CAClC,CAeA"}
+{"version":3,"file":"portalHost.d.ts","sourceRoot":"","sources":["../../src/overlays/portalHost.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuC,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAW/F;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,WAAW,GAAG,IAAI,CAEtF;AAKD,+CAA+C;AAC/C,MAAM,WAAW,0BAA0B;IACzC,2EAA2E;IAC3E,SAAS,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,0BAA0B,+BAIxF;AAED,+DAA+D;AAC/D,MAAM,WAAW,kBAAkB;IACjC;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAClC;AAED,mEAAmE;AACnE,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,0BAA0B,CAAC,CAAC;AAEzE;4EAC4E;AAC5E,MAAM,WAAW,mBAAmB;IAClC,wBAAwB,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/C;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG;IAC3D,MAAM,EAAE,YAAY,CAAC;IACrB,WAAW,EAAE,mBAAmB,CAAC;CAClC,CAeA"}

package/dist/paintGradientTrack.d.ts

@@ -3,8 +3,11 @@ import type { TrackCtx } from './components/Slider';
 /**
  * Options for {@link paintGradientTrack}.
  *
- * `gradient` maps a normalized position along the track (0 to 1) to a CSS
- * color; `samples` is how many stops the resulting linear-gradient uses.
+ * `gradient` maps a normalized position along the slider's value span (0 to
+ * 1) to a CSS color; `samples` is how many stops the resulting
+ * linear-gradient uses. The ramp is laid on the same span as the thumbs, so a
+ * thumb at 0.3 sits over `gradient(0.3)`; any track beyond the span takes the
+ * end colors.
  * `activeRange`, given in the slider's own value units, keeps that span at
  * full strength and dims + hatches the rest.
  */

package/dist/paintGradientTrack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paintGradientTrack.d.ts","sourceRoot":"","sources":["../src/paintGradientTrack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAiB,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEpD;;;;;;;GAOG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,KAAK,CAAC,EAAE;QACN,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;CACH,CAAC;AAIF;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,iBAAiB,GAAG,CAAC,GAAG,EAAE,QAAQ,KAAK,SAAS,CAuCxF"}
+{"version":3,"file":"paintGradientTrack.d.ts","sourceRoot":"","sources":["../src/paintGradientTrack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAiB,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEpD;;;;;;;;;;GAUG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,KAAK,CAAC,EAAE;QACN,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;CACH,CAAC;AAIF;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,iBAAiB,GAAG,CAAC,GAAG,EAAE,QAAQ,KAAK,SAAS,CAwCxF"}