@weasel-js/ui 1.5.0 → 1.5.1

package/dist/index.js

@@ -1,85 +1,90 @@
 import { n as e, t } from "./chunks/dlog-CMYiRF3Q.js";
-import { n, t as r } from "./chunks/Icon-DBXtBB1f.js";
-import { $ as i, A as a, B as o, C as s, D as c, E as l, F as u, G as d, H as f, I as p, J as m, K as ee, L as te, M as ne, N as re, O as ie, P as h, Q as g, R as _, S as v, T as y, U as b, V as x, W as S, X as C, Y as w, Z as T, _ as E, a as D, at as O, b as k, c as A, ct as j, d as M, dt as N, et as P, f as F, ft as I, g as L, h as R, i as z, it as B, j as V, k as H, l as U, lt as W, m as G, n as K, nt as q, o as J, ot as Y, p as ae, q as oe, r as se, rt as ce, s as le, st as ue, t as de, tt as fe, u as pe, ut as me, v as he, w as ge, x as _e, y as ve, z as ye } from "./chunks/icons-BV27dhKB.js";
-import { i as be, n as xe, r as Se, t as Ce } from "./chunks/Prefs-CzIn-hlq.js";
-import { n as we, r as Te, t as Ee } from "./chunks/portalHost-CjpCnuGU.js";
-import { n as De, t as Oe } from "./chunks/Tooltip-BHre_vbI.js";
-import { t as ke } from "./chunks/ActionBar-DxGp3WuZ.js";
-import { n as Ae, t as je } from "./chunks/Badge-Bf8Rd1R6.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 "./components/Badge/index.js";
-import { t as Me } from "./chunks/Button-CExdkQcU.js";
-import { t as Ne } from "./chunks/useReorderDragList-CSQGd7zQ.js";
-import { t as Pe } from "./chunks/DataGrid-BVdDMZkQ.js";
-import { n as Fe, t as Ie } from "./chunks/Disclosure-DiA6UKdM.js";
-import { t as Le } from "./chunks/DragHandleGlyph-CppAz4_8.js";
-import { a as Re, i as ze, n as Be, o as Ve, r as He, t as Ue } from "./chunks/Keycaps-DSeq6QWH.js";
-import { t as We } from "./chunks/keyGlyph-Bp0wnLHn.js";
-import { t as Ge } from "./chunks/LayerStack-DOylrQcm.js";
-import { t as Ke } from "./chunks/Slider--DFRC_hc.js";
-import { a as qe, i as Je, n as Ye, o as Xe, r as Ze, t as Qe } from "./chunks/number-f6PydOZK.js";
-import { t as $e } from "./chunks/ItemList-BZJQReXD.js";
-import { t as et } from "./chunks/ToggleBar-Bxwv6xvj.js";
-import { t as tt } from "./chunks/useRovingTabIndex-Dkpf_KhN.js";
-import { t as nt } from "./chunks/OptionsBar-D_Cd3ZYs.js";
-import { t as rt } from "./chunks/ActionsBar-D1VFreoj.js";
-import { t as it } from "./chunks/ToolOptionsBar-B2xPWzJf.js";
-import { t as at } from "./chunks/InlineRange-CcfzY80y.js";
-import { t as ot } from "./chunks/ColorField-C20aRvCg.js";
-import { i as st, n as ct, r as lt, t as ut } from "./chunks/GradientEditor-dBprHbS0.js";
-import { n as dt, t as ft } from "./chunks/PatternPicker-Ba22Bf4L.js";
-import { t as pt } from "./chunks/PaintInput-DAevU7fd.js";
-import { t as mt } from "./chunks/Powerline-BaHDJlcO.js";
-import { t as ht } from "./chunks/Checkbox-D-pVpobU.js";
-import { n as gt, t as _t } from "./chunks/Field-dzlxOGxT.js";
-import { n as vt, t as yt } from "./chunks/Select-CacMfs4v.js";
-import { t as bt } from "./chunks/FontFamilySelect-DIJ4phXz.js";
-import { t as xt } from "./chunks/Input-CoKOtyD0.js";
-import { n as St, t as Ct } from "./chunks/NumberField-BWzhqS19.js";
-import { n as wt, t as Tt } from "./chunks/RadioGroup-B2_LUgDp.js";
-import { t as Et } from "./chunks/RangeSlider-S2R3zA8N.js";
-import { t as Dt } from "./chunks/Switch-C4NU-me1.js";
-import { a as Ot, i as kt, n as At, t as jt } from "./chunks/schema-CPdFNeP6.js";
-import { t as Mt } from "./chunks/Dialog-CYBLjwbd.js";
-import { a as Nt, c as Pt, i as Ft, n as It, o as Lt, r as Rt, s as zt, t as Bt } from "./chunks/Plot2D-CVZwQpWJ.js";
-import { a as Vt, i as Ht, n as Ut, r as Wt, t as Gt } from "./chunks/CurveEditor-Cj0lLiyR.js";
-import { a as Kt, i as qt, n as Jt, r as Yt, t as Xt } from "./chunks/createKeyframeLayer-AL4jP0EX.js";
-import { a as Zt, c as Qt, d as $t, f as en, g as tn, h as nn, i as rn, l as an, m as on, n as sn, o as cn, p as ln, r as un, s as dn, t as fn, u as pn } from "./chunks/Properties-DJaDEJkT.js";
-import { a as mn, c as hn, i as gn, n as _n, o as vn, r as yn, s as bn, t as xn } from "./chunks/SelectionPanel-CbyUT3Dh.js";
-import { t as Sn } from "./chunks/ResizeHandle-CiExUWP-.js";
-import { t as Cn } from "./chunks/Sidebar-Cqcfx3_s.js";
-import { t as wn } from "./chunks/SidebarPanel-BLzBo0S2.js";
-import { n as Tn, r as En, t as Dn } from "./chunks/StatusBar-B9NQ8atD.js";
-import { t as On } from "./chunks/ToolButton-B81YjdwO.js";
-import { t as kn } from "./chunks/ToolGroup-D7juDOC_.js";
-import { n as An, r as jn, t as Mn } from "./chunks/ToolPalette-BSzmRJS7.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 "./components/Field/index.js";
-import { i as Nn, n as Pn, r as Fn, t as In } from "./chunks/Tabs-9sODd2Ut.js";
-import { t as Ln } from "./chunks/MenuButton-Do8fFUx1.js";
-import { n as Rn, t as zn } from "./chunks/ComboBox-CPES6Y1i.js";
-import { t as Bn } from "./chunks/DetentSlider-CYicfnKr.js";
-import { n as Vn, t as Hn } from "./chunks/Callout-BPIA2is-.js";
-import { a as Un, i as Wn, n as Gn, r as Kn, t as qn } from "./chunks/Toast-LpN1WK8E.js";
-import { t as Jn } from "./chunks/PointPlotter-anTHwz8f.js";
-import { n as Yn, r as Xn, t as X } from "./chunks/BandEditor-BeWO56_w.js";
-import { a as Zn, c as Qn, i as $n, l as er, n as tr, o as nr, r as rr, s as ir, t as ar } from "./chunks/Timeline-DOZgb1CG.js";
-import { oklabToSrgbU8 as or, oklchToOklab as sr, rgbaToHex as cr } from "@weasel-js/core";
-import { useCallback as lr, useEffect as Z, useRef as Q, useState as $ } from "react";
+import { i as qn, n as Jn, r as Yn, t as Xn } from "./chunks/Tabs-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";
 //#region src/color/oklch.ts
-function ur(e, t, n) {
-	let [r, i, a] = sr(e, t, n * Math.PI / 180), [o, s, c] = or(r, i, a);
-	return cr([
+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 dr(e, t) {
+function Ar(e, t) {
 	let [n, r] = t.lRange;
 	return e <= n ? t.cBot : e >= r ? t.cTop : e <= t.midL ? t.cBot + (t.cPeak - t.cBot) * ((e - n) / (t.midL - n)) : t.cPeak + (t.cTop - t.cPeak) * ((e - t.midL) / (r - t.midL));
 }
 //#endregion
 //#region src/useAsyncOptions.ts
-function fr({ load: e, debounceMs: t = 150, minLength: n = 0 }) {
+function jr({ load: e, debounceMs: t = 150, minLength: n = 0 }) {
 	let [r, i] = $(""), [a, o] = $([]), [s, c] = $(!1), [l, u] = $(null), d = Q(e);
 	d.current = e;
 	let f = Q(0), p = Q(0), m = Q(null);
@@ -106,10 +111,10 @@ function fr({ load: e, debounceMs: t = 150, minLength: n = 0 }) {
 		isLoading: s,
 		loadError: l,
 		inputValue: r,
-		onInputChange: lr((e) => i(e), [])
+		onInputChange: Or((e) => i(e), [])
 	};
 }
 //#endregion
-export { ke as ActionBar, rt as ActionsBar, de as AddIcon, ar as AnimatedTimeline, K as ArrowIcon, je as Badge, X as BandEditor, se as BusyIcon, Me as Button, Hn as Callout, Vn as CalloutTrigger, ht as Checkbox, Zt as CheckboxRow, z as ChevronIcon, D as CloneIcon, J as CloseIcon, le as CollapseIcon, ot as ColorField, cn as ColorRow, zn as ComboBox, Rn as ComboBoxItem, A as CompareIcon, U as CrosshairIcon, Ut as CurveEditor, tn as CurveField, Pe as DataGrid, pe as DeleteIcon, Bn as DetentSlider, Mt as Dialog, Ie as Disclosure, Fe as DisclosureRow, Le as DragHandleGlyph, nr as EASING_NAMES, Ae as EDGE_PROFILES, Zn as EasingPicker, sn as EffectCard, un as EffectCardList, M as EllipseIcon, F as ErrorIcon, ae as ExpandIcon, G as ExportIcon, R as EyedropperIcon, _t as Field, L as FilterIcon, E as FitIcon, bt as FontFamilySelect, he as FullscreenIcon, lt as GradientEditor, ct as GradientHandles, ve as GridIcon, k as HandIcon, _e as HiddenIcon, n as ICON_PATHS, r as Icon, v as ImageIcon, s as InfoIcon, at as InlineRange, xt as Input, $e as ItemList, Re as KeyCap, ze as KeySequence, ge as LassoIcon, Ge as LayerStack, Kt as LayeredCurveEditor, y as LayersIcon, l as LayoutColumnsIcon, c as LayoutGridIcon, ie as LayoutRowsIcon, H as LineIcon, a as LinkIcon, V as LockIcon, ne as LoupeIcon, Qe as MINUS_SIGN, _n as MIXED, re as MeasureIcon, Ln as MenuButton, h as ModeAutoIcon, u as ModeDarkIcon, p as ModeLightIcon, St as NumberField, dn as NumberRow, nt as OptionsBar, Ee as OverlayPortalProvider, pt as PaintInput, te as PanIcon, ft as PatternPicker, _ as PauseIcon, ye as PenIcon, o as PencilIcon, x as PinIcon, f as PlayIcon, Bt as Plot2D, Jn as PointPlotter, b as PolygonIcon, mt as Powerline, Ce as PrefsDialog, xe as PrefsForm, fn as PropertyGroup, Qt as PropertyList, an as PropertyPanel, pn as PropertyRow, $t as PropertySpan, Tt as Radio, wt as RadioGroup, S as RandomizeIcon, Et as RangeSlider, d as RectIcon, ee as RedoIcon, oe as RefreshIcon, m as RemoveIcon, w as ResetIcon, Sn as ResizeHandle, ut as SceneGradientHandles, C as SearchIcon, yt as Select, T as SelectIcon, vt as SelectItem, en as SelectRow, xn as SelectionPanel, Cn as Sidebar, wn as SidebarPanel, Ke as Slider, ln as SliderRow, g as SnapIcon, i as SnapshotIcon, P as SortIcon, fe as StarIcon, Dn as StatusBar, Tn as StatusBarItem, En as StatusBarSpacer, q as StepIcon, ce as StopIcon, rn as Subpanel, Dt as Switch, In as Tab, Pn as TabList, Fn as TabPanel, Nn as Tabs, B as TextIcon, on as TextRow, tr as Timeline, Gn as ToastQueue, qn as ToastRegion, et as ToggleBar, nn as ToggleRow, On as ToolButton, kn as ToolGroup, it as ToolOptionsBar, Mn as ToolPalette, Oe as Tooltip, De as TooltipTrigger, rr as Transport, O as TuneIcon, Y as UndoIcon, Ct as UnitField, ue as UnknownIcon, j as UnlockIcon, W as VisibleIcon, me as WarningIcon, N as ZoomInIcon, I as ZoomOutIcon, yn as aggregateValue, Xt as applyKeyframeDrag, dr as chromaAt, gn as classifyKind, Wt as createFunctionLayer, Jt as createKeyframeLayer, Gt as createSetCurveOp, Kn as createToastQueue, Wn as defaultToastQueue, Ue as detectPlatform, t as dlog, ir as easingBezier, Qn as easingLabel, mn as effectiveSections, gt as fieldClasses, Ye as formatCompact, Ze as formatNumber, An as formatShortcut, jn as formatShortcutParts, It as formatTick, Je as formatZoom, Ht as functionLayerState, Ve as inferKeycapKind, e as isDebugEnabled, jt as isPrefLeaf, We as keyGlyph, Be as keySpecFromKey, He as keySpecsFromMods, Yt as keyframeLayerState, vn as kindBreakdown, Yn as linearScale, Xn as logScale, zt as modelToPlot, we as nearestPortalHost, Rt as niceStep, Ft as niceTicks, bn as nodeValueAt, ur as oklchToHex, st as paintGradientTrack, qe as parseNumber, Xe as parseSignedNumber, Pt as plotToModel, At as prefDisplayBounds, kt as prefValueAtPath, $n as samePath, Vt as sampleByInterpolation, er as sampleEasing, dt as seedPattern, hn as setAtPath, qt as snapToNearest, Se as solidColorOf, Nt as stepDecimals, be as strokeColorOf, Lt as tickDecimals, Un as toast, fr as useAsyncOptions, Te as useOverlayPortal, Ne as useReorderDragList, tt as useRovingTabIndex, Ot as visiblePrefSubtree };
+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 };
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/paintPreview.d.ts

@@ -0,0 +1,13 @@
+import { type FillStyle } from '@weasel-js/core';
+/**
+ * `paint` as a CSS `background` value, or `undefined` for a paint with no CSS
+ * form — a pattern, a registered kind — which a caller shows as a checker or
+ * a placeholder rather than as an invented color.
+ *
+ * Gradient geometry is honored as far as CSS can carry it: the angle of a
+ * linear gradient, the center of a radial or conic one. A paint in `'world'`
+ * or `'local'` units is measured in the scene rather than in the chip, so its
+ * preview shows the ramp and not the placement.
+ */
+export declare function paintPreviewCss(paint: FillStyle | null | undefined): string | undefined;
+//# sourceMappingURL=paintPreview.d.ts.map

package/dist/paintPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paintPreview.d.ts","sourceRoot":"","sources":["../src/paintPreview.ts"],"names":[],"mappings":"AASA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAkDtE;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CA0BvF"}

package/dist/{components/CurveEditor/snap.d.ts → snap.d.ts}

@@ -1,3 +1,5 @@
+/** How close, in screen pixels, a drag has to come to a candidate to snap to it. */
+export declare const SNAP_RADIUS_PX = 6;
 /** Snap `value` to the nearest candidate within `tolerance`, else return it. */
 export declare function snapToNearest(value: number, candidates: readonly number[], tolerance: number): number;
 //# sourceMappingURL=snap.d.ts.map

package/dist/snap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"snap.d.ts","sourceRoot":"","sources":["../src/snap.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,eAAO,MAAM,cAAc,IAAI,CAAC;AAEhC,gFAAgF;AAChF,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAWrG"}