@weasel-js/ui 0.7.0 → 0.7.2

package/dist/components/StatusBar/index.js

@@ -0,0 +1,2 @@
+import { n as e, r as t, t as n } from "../../chunks/StatusBar-OOjfqCD8.js";
+export { n as StatusBar, e as StatusBarItem, t as StatusBarSpacer };

package/dist/components/Tabs/index.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "../../chunks/Tabs-DelDecks.js";
+import { i as e, n as t, r as n, t as r } from "../../chunks/Tabs-DOW5jtnq.js";
 export { r as Tab, t as TabList, n as TabPanel, e as Tabs };

package/dist/components/Toast/index.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "../../chunks/Toast-Bw3XQxmV.js";
+import { a as e, i as t, n, r, t as i } from "../../chunks/Toast-DLM2AsTz.js";
 export { n as ToastQueue, i as ToastRegion, r as createToastQueue, t as defaultToastQueue, e as toast };

package/dist/components/ToolButton/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/ToolButton-Dk_uJf7N.js";
+import { t as e } from "../../chunks/ToolButton-Dv6NdZKh.js";
 export { e as ToolButton };

package/dist/components/ToolGroup/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/ToolGroup-D8-qdtuw.js";
+import { t as e } from "../../chunks/ToolGroup-BAthcF5H.js";
 export { e as ToolGroup };

package/dist/components/ToolPalette/index.js

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

package/dist/index.d.ts

@@ -12,8 +12,10 @@ export * from './components/ToolOptionsBar';
 export * from './components/Powerline';
 export * from './components/Prefs';
 export * from './components/SelectionPanel';
+export * from './components/ResizeHandle';
 export * from './components/Sidebar';
 export * from './components/SidebarPanel';
+export * from './components/StatusBar';
 export * from './components/ToolButton';
 export * from './components/ToolGroup';
 export * from './components/ToolPalette';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACrD,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EACV,aAAa,EACb,yBAAyB,EACzB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACrD,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EACV,aAAa,EACb,yBAAyB,EACzB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,sBAAsB,CAAC"}

package/dist/index.js

@@ -4,49 +4,51 @@ import { t as s } from "./chunks/ActionBar-CiKvEvXi.js";
 import { n as c, t as l } from "./chunks/Badge-DU8ihE7Z.js";
 import "./components/Badge/index.js";
 import { t as ee } from "./chunks/Button-9QNIYugK.js";
-import { n as u, t as d } from "./chunks/DataGrid-mUq38k0Q.js";
-import { a as f, i as p, n as m, o as h, r as g, t as _ } from "./chunks/Keycaps-B9dJMYx_.js";
-import { t as v } from "./chunks/keyGlyph-BDH5fqkO.js";
-import { n as y, r as b, t as x } from "./chunks/Slider-sUJGgmKR.js";
-import { t as S } from "./chunks/ToggleBar-Defj6Asn.js";
-import { t as C } from "./chunks/OptionsBar-CHOP_CiW.js";
-import { t as w } from "./chunks/ActionsBar-CzU6Of3B.js";
-import { t as T } from "./chunks/ToolOptionsBar-ChiL-HVA.js";
-import { t as E } from "./chunks/Powerline-C8rddbbK.js";
-import { t as D } from "./chunks/Checkbox-CtK8H_OQ.js";
-import { t as O } from "./chunks/ColorField-sGLnThpB.js";
-import { n as k, t as A } from "./chunks/Field-BHSu2F3E.js";
-import { t as j } from "./chunks/Input-D_Xzgr2b.js";
-import { t as M } from "./chunks/NumberField-BQmELz32.js";
-import { n as N, t as P } from "./chunks/RadioGroup-Ci-I9NEx.js";
-import { t as F } from "./chunks/RangeSlider-CW-edtNx.js";
-import { n as I, t as L } from "./chunks/Select-l7pAkVEG.js";
-import { t as R } from "./chunks/Switch-DxJLMYki.js";
-import { a as z, i as B, n as V, r as H, t as U } from "./chunks/Prefs-snBejOzK.js";
-import { t as W } from "./chunks/Dialog-CQymDCAl.js";
-import { a as G, c as K, i as q, n as J, o as Y, r as te, s as X, t as Z } from "./chunks/SelectionPanel-CMglTgEf.js";
-import { t as Q } from "./chunks/Sidebar-BFcBx8QV.js";
-import { t as ne } from "./chunks/SidebarPanel-CRnSlvee.js";
-import { t as re } from "./chunks/ToolButton-Dk_uJf7N.js";
-import { t as ie } from "./chunks/ToolGroup-D8-qdtuw.js";
-import { n as ae, r as oe, t as se } from "./chunks/ToolPalette-xKHzPKYf.js";
+import { n as te, t as u } from "./chunks/DataGrid-mUq38k0Q.js";
+import { a as d, i as f, n as p, o as m, r as h, t as g } from "./chunks/Keycaps-B9dJMYx_.js";
+import { t as _ } from "./chunks/keyGlyph-BDH5fqkO.js";
+import { n as v, r as y, t as b } from "./chunks/Slider-sUJGgmKR.js";
+import { t as x } from "./chunks/ToggleBar-Defj6Asn.js";
+import { t as S } from "./chunks/OptionsBar-CHOP_CiW.js";
+import { t as C } from "./chunks/ActionsBar-CzU6Of3B.js";
+import { t as w } from "./chunks/ToolOptionsBar-ChiL-HVA.js";
+import { t as T } from "./chunks/Powerline-C8rddbbK.js";
+import { t as E } from "./chunks/Checkbox-CtK8H_OQ.js";
+import { t as D } from "./chunks/ColorField-sGLnThpB.js";
+import { n as O, t as k } from "./chunks/Field-BHSu2F3E.js";
+import { t as A } from "./chunks/Input-D_Xzgr2b.js";
+import { t as j } from "./chunks/NumberField-BQmELz32.js";
+import { n as M, t as N } from "./chunks/RadioGroup-Ci-I9NEx.js";
+import { t as P } from "./chunks/RangeSlider-CW-edtNx.js";
+import { n as F, t as I } from "./chunks/Select-CLyBisCS.js";
+import { t as L } from "./chunks/Switch-DxJLMYki.js";
+import { a as R, i as z, n as B, r as V, t as H } from "./chunks/Prefs-BkDJ5Cdz.js";
+import { t as U } from "./chunks/Dialog-CQymDCAl.js";
+import { a as W, c as G, i as K, n as q, o as J, r as Y, s as X, t as Z } from "./chunks/SelectionPanel-DBdhAKIK.js";
+import { t as Q } from "./chunks/ResizeHandle-C2OBMqTs.js";
+import { t as ne } from "./chunks/Sidebar-doLqiTZH.js";
+import { t as re } from "./chunks/SidebarPanel-DjTfOzB9.js";
+import { n as ie, r as ae, t as oe } from "./chunks/StatusBar-OOjfqCD8.js";
+import { t as se } from "./chunks/ToolButton-Dv6NdZKh.js";
+import { t as ce } from "./chunks/ToolGroup-BAthcF5H.js";
+import { n as le, r as ue, t as de } from "./chunks/ToolPalette-DXVIEO0w.js";
 import "./components/Field/index.js";
-import { i as ce, n as le, r as ue, t as de } from "./chunks/Tabs-DelDecks.js";
-import { n as fe, t as pe } from "./chunks/ComboBox-pH8aDEL2.js";
-import { n as me, t as he } from "./chunks/Callout-Dt0kBIls.js";
-import { a as ge, i as _e, n as ve, r as ye, t as be } from "./chunks/Toast-Bw3XQxmV.js";
-import { a as xe, i as Se, n as Ce, o as we, r as Te, t as Ee } from "./chunks/CurveEditor-DrORWShU.js";
-import { t as De } from "./chunks/PointPlotter-D528sBdT.js";
-import { oklabToSrgbU8 as $, oklchToOklab as Oe, rgbaToHex as ke } from "@weasel-js/core";
-import { jsx as Ae } from "react/jsx-runtime";
+import { i as fe, n as pe, r as me, t as he } from "./chunks/Tabs-DOW5jtnq.js";
+import { n as ge, t as _e } from "./chunks/ComboBox-CotoRgNi.js";
+import { n as ve, t as ye } from "./chunks/Callout-CxxrEcSb.js";
+import { a as be, i as xe, n as Se, r as Ce, t as we } from "./chunks/Toast-DLM2AsTz.js";
+import { a as Te, i as Ee, n as De, o as $, r as Oe, t as ke } from "./chunks/CurveEditor-DAb2EMyR.js";
+import { t as Ae } from "./chunks/PointPlotter-EkbCBK9j.js";
+import { oklabToSrgbU8 as je, oklchToOklab as Me, rgbaToHex as Ne } from "@weasel-js/core";
+import { jsx as Pe } from "react/jsx-runtime";
 //#region src/paintGradientTrack.tsx
-var je = {
+var Fe = {
 	angleDeg: 135,
 	stripe: 2,
 	gap: 4,
 	dim: 75
 };
-function Me(e) {
+function Ie(e) {
 	let { gradient: t, samples: n = 16, activeRange: r, hatch: i } = e;
 	return (e) => {
 		let a = [];
@@ -57,7 +59,7 @@ function Me(e) {
 		let o = `linear-gradient(to right, ${a.join(", ")})`, s = [];
 		if (r) {
 			let t = e.valueToFraction(r[0]) * 100, n = e.valueToFraction(r[1]) * 100, a = {
-				...je,
+				...Fe,
 				...i
 			}, o = `repeating-linear-gradient(${a.angleDeg}deg, transparent 0 ${a.stripe}px, var(--wzl-panel-bg, #fafbfc) ${a.stripe}px ${a.stripe + a.gap}px)`, c = `color-mix(in srgb, var(--wzl-panel-bg, #fafbfc) ${a.dim}%, transparent)`, l = `linear-gradient(${c}, ${c})`;
 			if (t > 0 && (s.push(`${l} left 0 / ${t.toFixed(2)}% 100% no-repeat`), s.push(`${o} left 0 / ${t.toFixed(2)}% 100% no-repeat`)), n < 100) {
@@ -65,7 +67,7 @@ function Me(e) {
 				s.push(`${l} right 0 / ${e}% 100% no-repeat`), s.push(`${o} right 0 / ${e}% 100% no-repeat`);
 			}
 		}
-		return s.push(o), /* @__PURE__ */ Ae("div", { style: {
+		return s.push(o), /* @__PURE__ */ Pe("div", { style: {
 			position: "absolute",
 			inset: 0,
 			background: s.join(", ")
@@ -74,19 +76,19 @@ function Me(e) {
 }
 //#endregion
 //#region src/color/oklch.ts
-function Ne(e, t, n) {
-	let [r, i, a] = Oe(e, t, n * Math.PI / 180), [o, s, c] = $(r, i, a);
-	return ke([
+function Le(e, t, n) {
+	let [r, i, a] = Me(e, t, n * Math.PI / 180), [o, s, c] = je(r, i, a);
+	return Ne([
 		o / 255,
 		s / 255,
 		c / 255
 	]);
 }
-function Pe(e, t) {
+function Re(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
-export { s as ActionBar, w as ActionsBar, l as Badge, ee as Button, he as Callout, me as CalloutTrigger, D as Checkbox, O as ColorField, pe as ComboBox, fe as ComboBoxItem, Ce as CurveEditor, d as DataGrid, W as Dialog, c as EDGE_PROFILES, A as Field, j as Input, f as KeyCap, p as KeySequence, Te as LayeredCurveEditor, y as MINUS_SIGN, J as MIXED, M as NumberField, C as OptionsBar, i as Plot2D, De as PointPlotter, E as Powerline, U as PrefsDialog, V as PrefsForm, P as Radio, N as RadioGroup, F as RangeSlider, L as Select, I as SelectItem, Z as SelectionPanel, Q as Sidebar, ne as SidebarPanel, x as Slider, R as Switch, de as Tab, le as TabList, ue as TabPanel, ce as Tabs, ve as ToastQueue, be as ToastRegion, S as ToggleBar, re as ToolButton, ie as ToolGroup, T as ToolOptionsBar, se as ToolPalette, o as Tooltip, a as TooltipTrigger, te as aggregateValue, Pe as chromaAt, q as classifyKind, Se as createFunctionLayer, Ee as createSetCurveOp, ye as createToastQueue, _e as defaultToastQueue, _ as detectPlatform, t as dlog, G as effectiveSections, k as fieldClasses, b as formatNumber, ae as formatShortcut, oe as formatShortcutParts, xe as functionLayerState, h as inferKeycapKind, e as isDebugEnabled, H as isPrefLeaf, v as keyGlyph, m as keySpecFromKey, g as keySpecsFromMods, Y as kindBreakdown, n as modelToPlot, X as nodeValueAt, Ne as oklchToHex, Me as paintGradientTrack, r as plotToModel, B as prefValueAtPath, we as sampleByInterpolation, K as setAtPath, ge as toast, u as useReorderDragList, z as visiblePrefSubtree };
+export { s as ActionBar, C as ActionsBar, l as Badge, ee as Button, ye as Callout, ve as CalloutTrigger, E as Checkbox, D as ColorField, _e as ComboBox, ge as ComboBoxItem, De as CurveEditor, u as DataGrid, U as Dialog, c as EDGE_PROFILES, k as Field, A as Input, d as KeyCap, f as KeySequence, Oe as LayeredCurveEditor, v as MINUS_SIGN, q as MIXED, j as NumberField, S as OptionsBar, i as Plot2D, Ae as PointPlotter, T as Powerline, H as PrefsDialog, B as PrefsForm, N as Radio, M as RadioGroup, P as RangeSlider, Q as ResizeHandle, I as Select, F as SelectItem, Z as SelectionPanel, ne as Sidebar, re as SidebarPanel, b as Slider, oe as StatusBar, ie as StatusBarItem, ae as StatusBarSpacer, L as Switch, he as Tab, pe as TabList, me as TabPanel, fe as Tabs, Se as ToastQueue, we as ToastRegion, x as ToggleBar, se as ToolButton, ce as ToolGroup, w as ToolOptionsBar, de as ToolPalette, o as Tooltip, a as TooltipTrigger, Y as aggregateValue, Re as chromaAt, K as classifyKind, Ee as createFunctionLayer, ke as createSetCurveOp, Ce as createToastQueue, xe as defaultToastQueue, g as detectPlatform, t as dlog, W as effectiveSections, O as fieldClasses, y as formatNumber, le as formatShortcut, ue as formatShortcutParts, Te as functionLayerState, m as inferKeycapKind, e as isDebugEnabled, V as isPrefLeaf, _ as keyGlyph, p as keySpecFromKey, h as keySpecsFromMods, J as kindBreakdown, n as modelToPlot, X as nodeValueAt, Le as oklchToHex, Ie as paintGradientTrack, r as plotToModel, z as prefValueAtPath, $ as sampleByInterpolation, G as setAtPath, be as toast, te as useReorderDragList, R as visiblePrefSubtree };
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/paintGradientTrack.tsx","../src/color/oklch.ts"],"sourcesContent":["import type { ReactNode, CSSProperties } from 'react';\nimport type { TrackCtx } from './components/Slider';\n\nexport type GradientTrackOpts = {\n  gradient: (t: number) => string;\n  samples?: number;\n  activeRange?: [number, number];\n  hatch?: {\n    angleDeg?: number;\n    stripe?: number;\n    gap?: number;\n    dim?: number;\n  };\n};\n\nconst DEFAULT_HATCH = { angleDeg: 135, stripe: 2, gap: 4, dim: 75 };\n\nexport function paintGradientTrack(opts: GradientTrackOpts): (ctx: TrackCtx) => ReactNode {\n  const { gradient, samples = 16, activeRange, hatch } = opts;\n\n  return (ctx: TrackCtx) => {\n    const stops: string[] = [];\n    for (let i = 0; i <= samples; i++) {\n      const t = i / samples;\n      stops.push(`${gradient(t)} ${(t * 100).toFixed(1)}%`);\n    }\n    const baseGradient = `linear-gradient(to right, ${stops.join(', ')})`;\n\n    const layers: string[] = [];\n    if (activeRange) {\n      const lowPct = ctx.valueToFraction(activeRange[0]) * 100;\n      const highPct = ctx.valueToFraction(activeRange[1]) * 100;\n      const h = { ...DEFAULT_HATCH, ...hatch };\n      const stripe = `repeating-linear-gradient(${h.angleDeg}deg, transparent 0 ${h.stripe}px, var(--wzl-panel-bg, #fafbfc) ${h.stripe}px ${h.stripe + h.gap}px)`;\n      const dimColor = `color-mix(in srgb, var(--wzl-panel-bg, #fafbfc) ${h.dim}%, transparent)`;\n      const dimOverlay = `linear-gradient(${dimColor}, ${dimColor})`;\n\n      if (lowPct > 0) {\n        layers.push(`${dimOverlay} left 0 / ${lowPct.toFixed(2)}% 100% no-repeat`);\n        layers.push(`${stripe} left 0 / ${lowPct.toFixed(2)}% 100% no-repeat`);\n      }\n      if (highPct < 100) {\n        const wR = (100 - highPct).toFixed(2);\n        layers.push(`${dimOverlay} right 0 / ${wR}% 100% no-repeat`);\n        layers.push(`${stripe} right 0 / ${wR}% 100% no-repeat`);\n      }\n    }\n    layers.push(baseGradient);\n\n    const style: CSSProperties = {\n      position: 'absolute',\n      inset: 0,\n      background: layers.join(', '),\n    };\n    return <div style={style} />;\n  };\n}\n","// OKLCH math from Björn Ottosson: https://bottosson.github.io/posts/oklab/\nimport { oklchToOklab, oklabToSrgbU8, rgbaToHex } from '@weasel-js/core';\n\nexport type ChromaCurve = {\n  lRange: [number, number];\n  midL: number;\n  cBot: number;\n  cPeak: number;\n  cTop: number;\n};\n\nexport type ChromaCurvePoint = { L: number; C: number };\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\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,IAAM,KAAgB;CAAE,UAAU;CAAK,QAAQ;CAAG,KAAK;CAAG,KAAK;CAAI;AAEnE,SAAgB,GAAmB,GAAuD;CACxF,IAAM,EAAE,aAAU,aAAU,IAAI,gBAAa,aAAU;CAEvD,QAAQ,MAAkB;EACxB,IAAM,IAAkB,EAAE;EAC1B,KAAK,IAAI,IAAI,GAAG,KAAK,GAAS,KAAK;GACjC,IAAM,IAAI,IAAI;GACd,EAAM,KAAK,GAAG,EAAS,EAAE,CAAC,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC,GAAG;;EAEvD,IAAM,IAAe,6BAA6B,EAAM,KAAK,KAAK,CAAC,IAE7D,IAAmB,EAAE;EAC3B,IAAI,GAAa;GACf,IAAM,IAAS,EAAI,gBAAgB,EAAY,GAAG,GAAG,KAC/C,IAAU,EAAI,gBAAgB,EAAY,GAAG,GAAG,KAChD,IAAI;IAAE,GAAG;IAAe,GAAG;IAAO,EAClC,IAAS,6BAA6B,EAAE,SAAS,qBAAqB,EAAE,OAAO,mCAAmC,EAAE,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,MACjJ,IAAW,mDAAmD,EAAE,IAAI,kBACpE,IAAa,mBAAmB,EAAS,IAAI,EAAS;GAM5D,IAJI,IAAS,MACX,EAAO,KAAK,GAAG,EAAW,YAAY,EAAO,QAAQ,EAAE,CAAC,kBAAkB,EAC1E,EAAO,KAAK,GAAG,EAAO,YAAY,EAAO,QAAQ,EAAE,CAAC,kBAAkB,GAEpE,IAAU,KAAK;IACjB,IAAM,KAAM,MAAM,GAAS,QAAQ,EAAE;IAErC,AADA,EAAO,KAAK,GAAG,EAAW,aAAa,EAAG,kBAAkB,EAC5D,EAAO,KAAK,GAAG,EAAO,aAAa,EAAG,kBAAkB;;;EAU5D,OAPA,EAAO,KAAK,EAAa,EAOlB,mBAAC,OAAD,EAAY,OAAA;GAJjB,UAAU;GACV,OAAO;GACP,YAAY,EAAO,KAAK,KAAK;GAEZ,EAAS,CAAA;;;;;ACzChC,SAAgB,GAAW,GAAW,GAAW,GAAsB;CAGrE,IAAM,CAAC,GAAG,GAAG,KAAK,GAAa,GAAG,GAAI,IAAO,KAAK,KAAM,IAAI,EACtD,CAAC,GAAG,GAAG,KAAM,EAAc,GAAG,GAAG,EAAE;CACzC,OAAO,GAAU;EAAC,IAAI;EAAK,IAAI;EAAK,IAAK;EAAI,CAAC;;AAGhD,SAAgB,GAAS,GAAW,GAA4B;CAC9D,IAAM,CAAC,GAAI,KAAM,EAAM;CAIvB,OAHI,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"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/paintGradientTrack.tsx","../src/color/oklch.ts"],"sourcesContent":["import type { ReactNode, CSSProperties } from 'react';\nimport type { TrackCtx } from './components/Slider';\n\nexport type GradientTrackOpts = {\n  gradient: (t: number) => string;\n  samples?: number;\n  activeRange?: [number, number];\n  hatch?: {\n    angleDeg?: number;\n    stripe?: number;\n    gap?: number;\n    dim?: number;\n  };\n};\n\nconst DEFAULT_HATCH = { angleDeg: 135, stripe: 2, gap: 4, dim: 75 };\n\nexport function paintGradientTrack(opts: GradientTrackOpts): (ctx: TrackCtx) => ReactNode {\n  const { gradient, samples = 16, activeRange, hatch } = opts;\n\n  return (ctx: TrackCtx) => {\n    const stops: string[] = [];\n    for (let i = 0; i <= samples; i++) {\n      const t = i / samples;\n      stops.push(`${gradient(t)} ${(t * 100).toFixed(1)}%`);\n    }\n    const baseGradient = `linear-gradient(to right, ${stops.join(', ')})`;\n\n    const layers: string[] = [];\n    if (activeRange) {\n      const lowPct = ctx.valueToFraction(activeRange[0]) * 100;\n      const highPct = ctx.valueToFraction(activeRange[1]) * 100;\n      const h = { ...DEFAULT_HATCH, ...hatch };\n      const stripe = `repeating-linear-gradient(${h.angleDeg}deg, transparent 0 ${h.stripe}px, var(--wzl-panel-bg, #fafbfc) ${h.stripe}px ${h.stripe + h.gap}px)`;\n      const dimColor = `color-mix(in srgb, var(--wzl-panel-bg, #fafbfc) ${h.dim}%, transparent)`;\n      const dimOverlay = `linear-gradient(${dimColor}, ${dimColor})`;\n\n      if (lowPct > 0) {\n        layers.push(`${dimOverlay} left 0 / ${lowPct.toFixed(2)}% 100% no-repeat`);\n        layers.push(`${stripe} left 0 / ${lowPct.toFixed(2)}% 100% no-repeat`);\n      }\n      if (highPct < 100) {\n        const wR = (100 - highPct).toFixed(2);\n        layers.push(`${dimOverlay} right 0 / ${wR}% 100% no-repeat`);\n        layers.push(`${stripe} right 0 / ${wR}% 100% no-repeat`);\n      }\n    }\n    layers.push(baseGradient);\n\n    const style: CSSProperties = {\n      position: 'absolute',\n      inset: 0,\n      background: layers.join(', '),\n    };\n    return <div style={style} />;\n  };\n}\n","// OKLCH math from Björn Ottosson: https://bottosson.github.io/posts/oklab/\nimport { oklchToOklab, oklabToSrgbU8, rgbaToHex } from '@weasel-js/core';\n\nexport type ChromaCurve = {\n  lRange: [number, number];\n  midL: number;\n  cBot: number;\n  cPeak: number;\n  cTop: number;\n};\n\nexport type ChromaCurvePoint = { L: number; C: number };\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\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,IAAM,KAAgB;CAAE,UAAU;CAAK,QAAQ;CAAG,KAAK;CAAG,KAAK;CAAI;AAEnE,SAAgB,GAAmB,GAAuD;CACxF,IAAM,EAAE,aAAU,aAAU,IAAI,gBAAa,aAAU;AAEvD,SAAQ,MAAkB;EACxB,IAAM,IAAkB,EAAE;AAC1B,OAAK,IAAI,IAAI,GAAG,KAAK,GAAS,KAAK;GACjC,IAAM,IAAI,IAAI;AACd,KAAM,KAAK,GAAG,EAAS,EAAE,CAAC,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC,GAAG;;EAEvD,IAAM,IAAe,6BAA6B,EAAM,KAAK,KAAK,CAAC,IAE7D,IAAmB,EAAE;AAC3B,MAAI,GAAa;GACf,IAAM,IAAS,EAAI,gBAAgB,EAAY,GAAG,GAAG,KAC/C,IAAU,EAAI,gBAAgB,EAAY,GAAG,GAAG,KAChD,IAAI;IAAE,GAAG;IAAe,GAAG;IAAO,EAClC,IAAS,6BAA6B,EAAE,SAAS,qBAAqB,EAAE,OAAO,mCAAmC,EAAE,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,MACjJ,IAAW,mDAAmD,EAAE,IAAI,kBACpE,IAAa,mBAAmB,EAAS,IAAI,EAAS;AAM5D,OAJI,IAAS,MACX,EAAO,KAAK,GAAG,EAAW,YAAY,EAAO,QAAQ,EAAE,CAAC,kBAAkB,EAC1E,EAAO,KAAK,GAAG,EAAO,YAAY,EAAO,QAAQ,EAAE,CAAC,kBAAkB,GAEpE,IAAU,KAAK;IACjB,IAAM,KAAM,MAAM,GAAS,QAAQ,EAAE;AAErC,IADA,EAAO,KAAK,GAAG,EAAW,aAAa,EAAG,kBAAkB,EAC5D,EAAO,KAAK,GAAG,EAAO,aAAa,EAAG,kBAAkB;;;AAU5D,SAPA,EAAO,KAAK,EAAa,EAOlB,mBAAC,OAAD,EAAY,OAAA;GAJjB,UAAU;GACV,OAAO;GACP,YAAY,EAAO,KAAK,KAAK;GAEZ,EAAS,CAAA;;;;;ACzChC,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;;AAGhD,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"}

package/dist/style.css

@@ -1,2 +1,2 @@
-._tooltip_1km1f_1{z-index:1200;background:var(--wzl-surface);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);color:var(--wzl-fg);font-family:var(--wzl-font-ui);max-width:260px;transition:opacity var(--wzl-motion-fast);padding:4px 8px;font-size:12px;line-height:1.3;box-shadow:0 4px 16px #00000059}._tooltip_1km1f_1[data-entering],._tooltip_1km1f_1[data-exiting]{opacity:0}._arrow_1km1f_22 svg{fill:var(--wzl-surface);stroke:var(--wzl-border);stroke-width:1px;display:block}._arrow_1km1f_22[data-placement=bottom] svg{transform:rotate(180deg)}._arrow_1km1f_22[data-placement=left] svg{transform:rotate(-90deg)}._arrow_1km1f_22[data-placement=right] svg{transform:rotate(90deg)}._bar_11z5i_7{background:var(--wzl-panel-bg);border:1px solid var(--wzl-panel-border);-webkit-user-select:none;user-select:none;border-radius:4px;flex-direction:row;gap:1px;padding:2px;display:flex}._bar_11z5i_7._vertical_11z5i_18{flex-direction:column}._button_11z5i_22{width:28px;height:28px;color:var(--wzl-text);cursor:default;background:0 0;border:0;border-radius:2px;justify-content:center;align-items:center;padding:0;display:inline-flex}._button_11z5i_22:hover:not([disabled]){background:var(--wzl-panel-border)}._button_11z5i_22:active:not([disabled]){background:color-mix(in srgb, var(--wzl-panel-border) 70%, transparent)}._button_11z5i_22[disabled]{opacity:.4;cursor:default}._button_11z5i_22>svg{display:block}._badge_18w8w_1{vertical-align:baseline;align-items:baseline;gap:var(--badge-gap,4px);font-size:var(--badge-font-size,10px);text-transform:uppercase;letter-spacing:.04em;color:var(--badge-fg,var(--wzl-muted,#9ea1a8));--badge-edge:var(--wzl-panel-border,#25272c);--badge-fill:var(--wzl-bg,#181a1e);--badge-fg:var(--badge-edge);font:inherit;background:0 0;border:0;font-family:inherit;text-decoration:none;display:inline-flex;position:relative}._badge_18w8w_1 *{text-decoration:none}._badge_18w8w_1[data-size=md]{--badge-gap:6px;--badge-pad-x:10px;--badge-pad-y:3px;--badge-font-size:12px}._deco_18w8w_33{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}._deco_18w8w_33 .badge-fill{fill:var(--badge-fill);stroke:none}._deco_18w8w_33 .badge-stroke{fill:none;stroke:var(--badge-edge);stroke-width:var(--badge-stroke-width,1px);vector-effect:non-scaling-stroke}._deco_18w8w_33 .badge-focus{fill:none;stroke:var(--badge-edge);stroke-width:calc(var(--badge-stroke-width,1px) + 1px);vector-effect:non-scaling-stroke;opacity:.6}._deco_18w8w_33 .badge-bevel-light{fill:#ffffff38;stroke:none}._deco_18w8w_33 .badge-bevel-medium-light{fill:#ffffff1a;stroke:none}._deco_18w8w_33 .badge-bevel-medium-dark{fill:#00000029;stroke:none}._deco_18w8w_33 .badge-bevel-dark{fill:#00000052;stroke:none}._content_18w8w_49{align-items:baseline;gap:inherit;z-index:1;display:inline-flex;position:relative}._badge_18w8w_1[data-tone=accent]{--badge-edge:var(--wzl-accent-fg,var(--wzl-accent,#7fb069))}._badge_18w8w_1[data-tone=info]{--badge-edge:#7ab8d4}._badge_18w8w_1[data-tone=warn]{--badge-edge:#d4a574}._badge_18w8w_1[data-tone=danger]{--badge-edge:#c43c3c}._badge_18w8w_1[data-tone=muted]{--badge-edge:var(--wzl-muted,#9ea1a8)}._badge_18w8w_1[data-tone=neutral]{--badge-edge:var(--wzl-panel-border,#25272c);--badge-fg:var(--wzl-muted,#9ea1a8)}._badge_18w8w_1[data-variant=outline]{--badge-fill:var(--wzl-bg,#181a1e);--badge-fg:var(--badge-edge)}._badge_18w8w_1[data-variant=solid]{--badge-fill:var(--badge-edge);--badge-fg:#fff;font-weight:600}._badge_18w8w_1[data-variant=subtle]{--badge-fill:color-mix(in oklab, var(--badge-edge) 14%, transparent);--badge-fg:var(--badge-edge)}._badge_18w8w_1[data-tone=neutral]:not([data-variant=solid]){--badge-fg:var(--wzl-muted,#9ea1a8)}._badge_18w8w_1{padding:calc(var(--badge-pad-y,1px) + var(--badge-inset-top,0px)) calc(var(--badge-pad-x,6px) + var(--badge-inset-right,0px)) calc(var(--badge-pad-y,1px) + var(--badge-inset-bottom,0px)) calc(var(--badge-pad-x,6px) + var(--badge-inset-left,0px))}._badge_18w8w_1[data-shape=pill]{box-sizing:border-box;-webkit-box-decoration-break:slice;box-decoration-break:slice;border-radius:9999px;display:inline}._badge_18w8w_1[data-shape=pill] ._content_18w8w_49,._badge_18w8w_1[data-shape=plain] ._content_18w8w_49{display:inline}._badge_18w8w_1[data-shape=pill][data-variant=solid],._badge_18w8w_1[data-shape=pill][data-variant=subtle]{background:var(--badge-fill)}._badge_18w8w_1[data-shape=pill]{border:var(--badge-stroke-width,1px) solid transparent}._badge_18w8w_1[data-shape=pill][data-variant=outline],._badge_18w8w_1[data-shape=pill][data-variant=solid]{border-color:var(--badge-edge)}._badge_18w8w_1[data-shape=pill][data-focused=true]{outline:2px solid color-mix(in oklab, var(--badge-edge) 60%, transparent);outline-offset:2px}._badge_18w8w_1[data-shape=plain]{letter-spacing:.04em;text-transform:none;color:var(--badge-fg);-webkit-box-decoration-break:slice;box-decoration-break:slice;background:0 0;padding:0;display:inline}._badge_18w8w_1[data-shape=plain][data-focused=true]{outline:2px solid color-mix(in oklab, var(--badge-edge) 60%, transparent);outline-offset:3px;border-radius:2px}._badge_18w8w_1[data-shape=plaque] ._content_18w8w_49{text-shadow:0 1px #ffffff24,0 -.5px #00000080}button._badge_18w8w_1,a._badge_18w8w_1{cursor:pointer;border:0 solid #0000;outline:0}button._badge_18w8w_1:hover,a._badge_18w8w_1:hover{--badge-edge:color-mix(in oklab, var(--badge-edge) 88%, white)}@media (prefers-reduced-motion:reduce){button._badge_18w8w_1:hover,a._badge_18w8w_1:hover{--badge-edge:var(--badge-edge)}}._remove_18w8w_161{width:14px;height:14px;color:var(--badge-fg);cursor:pointer;font:inherit;vertical-align:middle;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;margin-left:2px;padding:0;font-size:14px;line-height:1;display:inline-flex}._remove_18w8w_161:hover{background:color-mix(in oklab, var(--badge-fg) 20%, transparent)}._remove_18w8w_161>svg{display:block}._badge_18w8w_1[data-size=md] ._remove_18w8w_161{width:16px;height:16px;font-size:16px}._badge_18w8w_1[data-size=md] ._remove_18w8w_161>svg{width:12px;height:12px}._button_yji6d_3{--btn-radius:calc(var(--btn-height) * .1);--btn-fontweight:400;--btn-fontsize:14px;--btn-height:24px;--btn-padx:12px;--btn-top-alpha:45%;--btn-upper-alpha:70%;--btn-equator:52%;--btn-equator-spread:12%;--btn-equator-tint:95%;--btn-base-tint:70%;--btn-blur:6px;--btn-saturate:1.3;--btn-gloss-top:.42;--btn-gloss-mid:.12;--btn-gloss-bottom:50%;--btn-rim:.22;--btn-drop-near:.3;--btn-drop-far:.18;--btn-inset-hi:.42;--btn-inset-lo:.3;--btn-text-shadow:.35;--btn-text-inset:.55;--btn-text-inset-x:0px;--btn-text-inset-y:1px;border-radius:var(--btn-radius);font-family:var(--wzl-font-ui);font-weight:var(--btn-fontweight);font-style:normal;font-size:var(--btn-fontsize);height:var(--btn-height);padding:0 var(--btn-padx);cursor:pointer;-webkit-user-select:none;user-select:none;isolation:isolate;transition:filter var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast), transform 80ms;border:none;justify-content:center;align-items:center;gap:6px;line-height:1;display:inline-flex;position:relative;overflow:hidden}._button_yji6d_3:before{content:"";inset:1px 1px var(--btn-gloss-bottom) 1px;border-top-left-radius:var(--btn-radius);border-top-right-radius:var(--btn-radius);background:linear-gradient(180deg, rgba(255, 255, 255, var(--btn-gloss-top)) 0%, rgba(255, 255, 255, var(--btn-gloss-mid)) 60%, #fff0 100%);pointer-events:none;z-index:1;transition:opacity var(--wzl-motion-fast);border-bottom-right-radius:0;border-bottom-left-radius:0;position:absolute}._button_yji6d_3>*{z-index:2;position:relative}._button_yji6d_3:focus-visible{outline:2px solid var(--wzl-focus-ring);outline-offset:1px}._button_yji6d_3:disabled{opacity:.5;cursor:not-allowed}._size_sm_yji6d_110{--btn-height:20px;--btn-padx:8px;--btn-fontsize:13px}._size_md_yji6d_111{--btn-height:24px;--btn-padx:12px;--btn-fontsize:14px}._iconOnly_yji6d_113._size_sm_yji6d_110{--btn-padx:0;width:20px}._iconOnly_yji6d_113._size_md_yji6d_111{--btn-padx:0;width:24px}._variant_primary_yji6d_121{background:linear-gradient(180deg, color-mix(in srgb, var(--wzl-accent) var(--btn-top-alpha), transparent) 0%, color-mix(in srgb, var(--wzl-accent) var(--btn-upper-alpha), transparent) calc(var(--btn-equator) - var(--btn-equator-spread)), color-mix(in srgb, var(--wzl-accent) var(--btn-equator-tint), white) var(--btn-equator), var(--wzl-accent) calc(var(--btn-equator) + var(--btn-equator-spread) * 1.6), color-mix(in srgb, var(--wzl-accent) var(--btn-base-tint), black) 100%);-webkit-backdrop-filter:blur(var(--btn-blur)) saturate(var(--btn-saturate));color:var(--wzl-fg-on-accent);text-shadow:0 1px 0 rgba(0, 0, 0, var(--btn-text-shadow)), var(--btn-text-inset-x) var(--btn-text-inset-y) 0 rgba(0, 0, 0, var(--btn-text-inset)), 0 0 6px rgba(0, 0, 0, calc(var(--btn-text-shadow) * .5));box-shadow:inset 0 1px 0 rgba(255, 255, 255, var(--btn-inset-hi)), inset 0 -1px 2px rgba(0, 0, 0, var(--btn-inset-lo)), 0 0 0 1px rgba(0, 0, 0, var(--btn-rim)), 0 1px 2px rgba(0, 0, 0, var(--btn-drop-near)), 0 3px 6px rgba(0, 0, 0, var(--btn-drop-far))}._variant_primary_yji6d_121:hover:not(:disabled){filter:brightness(1.08)saturate(1.06)}._variant_primary_yji6d_121:active:not(:disabled){background:linear-gradient(180deg, color-mix(in srgb, var(--wzl-accent) 80%, black) 0%, color-mix(in srgb, var(--wzl-accent) 95%, black) 50%, color-mix(in srgb, var(--wzl-accent) 60%, white) 100%);box-shadow:inset 0 2px 4px #00000059, inset 0 -1px 0 #ffffff40, 0 0 0 1px rgba(0, 0, 0, calc(var(--btn-rim) + .06));transform:translateY(.5px)}._variant_primary_yji6d_121:active:before{opacity:.3}._variant_secondary_yji6d_168{background:linear-gradient(180deg, color-mix(in srgb, var(--wzl-fg) 25%, transparent) 0%, color-mix(in srgb, var(--wzl-fg) 10%, transparent) calc(var(--btn-equator) - var(--btn-equator-spread)), color-mix(in srgb, var(--wzl-surface-raised) 90%, white) var(--btn-equator), var(--wzl-surface-raised) calc(var(--btn-equator) + var(--btn-equator-spread) * 1.6), color-mix(in srgb, var(--wzl-surface-sunken) 80%, black) 100%);-webkit-backdrop-filter:blur(var(--btn-blur)) saturate(var(--btn-saturate));color:var(--wzl-fg);text-shadow:0 1px 0 rgba(0, 0, 0, calc(var(--btn-text-shadow) * .7)), var(--btn-text-inset-x) var(--btn-text-inset-y) 0 rgba(0, 0, 0, calc(var(--btn-text-inset) * .7));box-shadow:inset 0 1px 0 rgba(255, 255, 255, calc(var(--btn-inset-hi) * .5)), inset 0 -1px 2px rgba(0, 0, 0, calc(var(--btn-inset-lo) * .83)), 0 0 0 1px rgba(0, 0, 0, calc(var(--btn-rim) + .03)), 0 1px 2px rgba(0, 0, 0, calc(var(--btn-drop-near) * .93)), 0 3px 6px rgba(0, 0, 0, calc(var(--btn-drop-far) * .89))}._variant_secondary_yji6d_168:hover:not(:disabled){filter:brightness(1.1)}._variant_secondary_yji6d_168:active:not(:disabled){background:linear-gradient(180deg, var(--wzl-surface-sunken) 0%, var(--wzl-surface-raised) 100%);transform:translateY(.5px);box-shadow:inset 0 2px 4px #0006,0 0 0 1px #0000004d}._variant_secondary_yji6d_168:active:before{opacity:.2}._variant_ghost_yji6d_203{color:var(--wzl-fg);box-shadow:none;background:0 0}._variant_ghost_yji6d_203:before{display:none}._variant_ghost_yji6d_203:hover:not(:disabled){background:color-mix(in srgb, var(--wzl-fg) 10%, transparent)}._variant_ghost_yji6d_203:active:not(:disabled){background:color-mix(in srgb, var(--wzl-fg) 18%, transparent)}._fullWidth_yji6d_220{width:100%}._loading_yji6d_221 ._label_yji6d_221{opacity:.7}._iconSlot_yji6d_225{flex:none;justify-content:center;align-items:center;display:inline-flex}._size_sm_yji6d_110 ._iconSlot_yji6d_225>svg{width:12px;height:12px}._size_md_yji6d_111 ._iconSlot_yji6d_225>svg{width:14px;height:14px}._label_yji6d_221{display:inline-block}._spinner_yji6d_239{justify-content:center;align-items:center;animation:.7s linear infinite _wzl-btn-spin_yji6d_1;display:inline-flex}@keyframes _wzl-btn-spin_yji6d_1{to{transform:rotate(360deg)}}._anchor_18o4b_1{pointer-events:none;position:fixed}._popover_18o4b_6{z-index:1200;--callout-accent:var(--wzl-accent-strong);background:var(--wzl-surface);border:1px solid var(--callout-accent);border-radius:var(--wzl-radius-md);color:var(--wzl-fg);font-family:var(--wzl-font-ui);max-width:320px;transition:opacity var(--wzl-motion-fast);box-shadow:0 12px 40px #0006}._popover_18o4b_6[data-entering],._popover_18o4b_6[data-exiting]{opacity:0}._toneWarning_18o4b_25{--callout-accent:var(--wzl-warning,#d99a3f)}._toneDanger_18o4b_29{--callout-accent:var(--wzl-danger,#d94a3f)}._arrow_18o4b_33 svg{fill:var(--wzl-surface);stroke:var(--callout-accent);stroke-width:1px;display:block}._arrow_18o4b_33[data-placement=bottom] svg{transform:rotate(180deg)}._arrow_18o4b_33[data-placement=left] svg{transform:rotate(-90deg)}._arrow_18o4b_33[data-placement=right] svg{transform:rotate(90deg)}._dialog_18o4b_52{max-height:inherit;outline:none;flex-direction:column;display:flex}._header_18o4b_59{align-items:center;gap:8px;padding:10px 12px 0;display:flex}._title_18o4b_66{flex:1;margin:0;font-size:13px;font-weight:600}._close_18o4b_73{color:var(--wzl-fg-muted);cursor:pointer;border-radius:var(--wzl-radius-sm);background:0 0;border:none;flex:none;padding:2px 4px;font-size:16px;line-height:1}._close_18o4b_73:hover{color:var(--wzl-fg)}._body_18o4b_89{padding:8px 12px 10px;font-size:13px;line-height:1.4;overflow-y:auto}._footer_18o4b_96{justify-content:flex-end;gap:8px;padding:0 12px 10px;display:flex}._checkbox_1kve2_1{cursor:pointer;font-family:var(--wzl-font-ui);color:var(--wzl-fg);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}._checkbox_1kve2_1[data-disabled]{opacity:.5;cursor:not-allowed}._box_1kve2_18{background:var(--wzl-input-bg);border:1px solid var(--wzl-border-strong);border-radius:var(--wzl-radius-sm);width:14px;height:14px;transition:background-color var(--wzl-motion-fast), border-color var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast);flex:none;position:relative}._checkbox_1kve2_1[data-focus-visible] ._box_1kve2_18{box-shadow:0 0 0 2px var(--wzl-focus-ring)}._checkbox_1kve2_1[data-hovered]:not([data-disabled]) ._box_1kve2_18{border-color:var(--wzl-fg-muted)}._checkbox_1kve2_1[data-selected] ._box_1kve2_18,._checkbox_1kve2_1[data-indeterminate] ._box_1kve2_18{background:var(--wzl-accent-strong);border-color:var(--wzl-accent-strong)}._checkbox_1kve2_1[data-invalid] ._box_1kve2_18{border-color:var(--wzl-danger,#ff5b5b)}._checkmark_1kve2_47{color:var(--wzl-fg-on-accent);opacity:0;pointer-events:none;position:absolute;inset:0}._checkbox_1kve2_1[data-selected] ._checkmark_1kve2_47,._checkbox_1kve2_1[data-indeterminate] ._checkmark_1kve2_47{opacity:1}._label_1kve2_60{line-height:1.2}._root_r50jb_1{align-items:center;gap:6px;display:inline-flex}._chip_r50jb_7{border-radius:4px;display:inline-flex;position:relative;overflow:hidden}._color_r50jb_14{border:1px solid var(--wzl-border,#444);cursor:pointer;background:0 0;border-radius:4px;block-size:20px;inline-size:28px;padding:0}._root_r50jb_1[data-mixed] ._chip_r50jb_7:after{content:"";pointer-events:none;background:repeating-conic-gradient(var(--wzl-border,#666) 0% 25%, var(--wzl-surface,#2e2f36) 0% 50%) 50% / 8px 8px;border-radius:3px;position:absolute;inset:1px}._alphaRange_r50jb_39{min-inline-size:48px;accent-color:var(--wzl-accent,#7ab8d4);flex:1}._alphaRange_r50jb_39:disabled{opacity:.45}._alphaReadout_r50jb_49{text-align:end;opacity:.7;min-inline-size:3ch;font-size:11px}._field_aqiak_1{font-family:var(--wzl-font-ui);color:var(--wzl-fg);flex-direction:column;gap:4px;display:flex}._label_aqiak_9{color:var(--wzl-fg);cursor:default;font-size:12px;font-weight:500}._hint_aqiak_16{color:var(--wzl-fg-subtle);font-size:11px;line-height:1.4}._error_aqiak_22{color:var(--wzl-danger,#ff5b5b);font-size:11px;line-height:1.4}._row_aqiak_28{flex-direction:row;align-items:center;gap:8px}._row_aqiak_28 ._label_aqiak_9{flex:1;min-width:0}._field_kzt6j_1{flex-direction:column;gap:4px;width:100%;min-width:0;display:flex}._frame_kzt6j_9{background:var(--wzl-input-bg);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);height:24px;color:var(--wzl-fg);font-family:var(--wzl-font-ui);transition:border-color var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast);align-items:stretch;font-size:13px;line-height:1;display:flex;overflow:hidden}._frame_kzt6j_9:focus-within{border-color:var(--wzl-focus-ring);box-shadow:0 0 0 1px var(--wzl-focus-ring)}._field_kzt6j_1[data-invalid] ._frame_kzt6j_9{border-color:var(--wzl-danger,#ff5b5b)}._field_kzt6j_1[data-disabled] ._frame_kzt6j_9{opacity:.5;cursor:not-allowed}._frame_kzt6j_9 input{min-width:0;color:inherit;font:inherit;background:0 0;border:none;outline:none;flex:1;padding:0 8px}._frame_kzt6j_9 input::placeholder{color:var(--wzl-fg-subtle)}._openButton_kzt6j_53{border:none;border-left:1px solid var(--wzl-border);width:22px;color:var(--wzl-fg-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}._openButton_kzt6j_53[data-hovered]:not([data-disabled]){color:var(--wzl-fg)}._openButton_kzt6j_53 svg{width:10px;height:10px}._popover_kzt6j_75{min-width:var(--trigger-width);outline:none}._listbox_kzt6j_80{background:var(--wzl-surface-raised);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-md);max-height:280px;font-family:var(--wzl-font-ui);outline:none;padding:4px;font-size:13px;overflow:auto;box-shadow:0 8px 24px #0000004d}._option_kzt6j_93{cursor:pointer;color:var(--wzl-fg);border-radius:3px;outline:none;align-items:center;padding:4px 8px;display:flex}._option_kzt6j_93[data-focused]{background:color-mix(in srgb, var(--wzl-fg) 10%, transparent)}._option_kzt6j_93[data-selected]{font-weight:500}._option_kzt6j_93[data-disabled]{opacity:.4;cursor:not-allowed}._empty_kzt6j_116{color:var(--wzl-fg-subtle);padding:6px 8px;font-size:12px}._root_1djm7_1{--plot-bg:var(--wzl-surface-sunken);--plot-grid:var(--wzl-line);--plot-axis:var(--wzl-fg);background:var(--plot-bg);-webkit-user-select:none;user-select:none;touch-action:none;outline:none;display:block;overflow:visible}._root_1djm7_1:focus-visible{outline:2px solid var(--wzl-focus-ring);outline-offset:2px}._grid_1djm7_28{stroke:var(--plot-grid);stroke-width:1px;fill:none}._axis_1djm7_34{stroke:var(--plot-axis);stroke-width:var(--wzl-line-width);fill:none}._root_ybpym_1{--curve-line:var(--wzl-curve-color);--curve-line-width:var(--wzl-curve-width);--curve-fill:color-mix(in srgb, var(--curve-line) 30%, transparent);--curve-anchor-fill:var(--wzl-surface);--curve-anchor-stroke:var(--curve-line);--curve-anchor-radius:4;--curve-anchor-active-fill:var(--curve-line);--curve-pinned-fill:var(--wzl-fg-subtle)}._fill_ybpym_19{fill:var(--curve-fill);stroke:none;pointer-events:none}._curve_ybpym_25{stroke:var(--curve-line);stroke-width:var(--curve-line-width);fill:none;pointer-events:stroke}._anchor_ybpym_32{fill:var(--curve-anchor-fill);stroke:var(--curve-anchor-stroke);stroke-width:1.5px;cursor:grab}._anchor_ybpym_32:hover{fill:var(--curve-anchor-active-fill)}._anchor_ybpym_32._active_ybpym_43{fill:var(--curve-anchor-active-fill);cursor:grabbing}._anchor_ybpym_32._pinned_ybpym_48{fill:var(--curve-pinned-fill);cursor:default}._anchor_ybpym_32._locked_ybpym_55{cursor:not-allowed}._hidden_ybpym_71{display:none}._grid_1hke3_1{width:100%;position:relative}._table_1hke3_6{border-collapse:collapse;width:100%;font-size:11px}._table_1hke3_6 th,._table_1hke3_6 td{text-align:left;vertical-align:middle;padding:3px 6px}._table_1hke3_6 tbody tr{border-bottom:1px solid #ffffff0a}._table_1hke3_6 th{color:var(--wzl-muted,#9ea1a8);background:var(--wzl-surface,#2a2018);z-index:1;border-bottom:1px solid var(--wzl-panel-border,#25272c);font-weight:600;position:sticky;top:0}._sortable_1hke3_34{cursor:pointer;-webkit-user-select:none;user-select:none}._sortable_1hke3_34:hover,._sortActive_1hke3_39{color:var(--wzl-fg,#e6e7e9)}._empty_1hke3_41{color:var(--wzl-muted,#9ea1a8);text-align:center;padding:8px 0;font-style:italic}._handleCol_1hke3_49{width:14px}._handleCell_1hke3_50{cursor:grab;width:14px;color:var(--wzl-muted,#9ea1a8);-webkit-user-select:none;user-select:none;text-align:center}._handleCell_1hke3_50:active{cursor:grabbing}._dragging_1hke3_59{opacity:.4}._dropIndicator_1hke3_61{background:var(--wzl-accent,#7fb069);pointer-events:none;height:2px;position:absolute;left:0;right:0}._overlay_13xy9_1{z-index:1000;opacity:0;transition:opacity var(--wzl-motion-fast);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}._overlay_13xy9_1[data-entering]{opacity:0}._overlay_13xy9_1[data-entering][data-rac]{opacity:1}._overlay_13xy9_1[data-exiting]{opacity:0}._overlay_13xy9_1[data-rac]:not([data-entering]):not([data-exiting]){opacity:1}._modal_13xy9_29{background:var(--wzl-surface);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-md);color:var(--wzl-fg);font-family:var(--wzl-font-ui);outline:none;flex-direction:column;max-width:min(900px,100vw - 32px);max-height:calc(100vh - 32px);display:flex;box-shadow:0 24px 64px #00000073}._dialog_13xy9_43{outline:none;flex-direction:column;flex:1;min-height:0;display:flex}._header_13xy9_51{border-bottom:1px solid var(--wzl-border);flex:none;align-items:center;gap:12px;padding:14px 16px;display:flex}._title_13xy9_60{color:var(--wzl-fg);flex:1;margin:0;font-size:14px;font-weight:600}._close_13xy9_68{border-radius:var(--wzl-radius-sm);width:22px;height:22px;color:var(--wzl-fg-muted);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:inline-flex}._close_13xy9_68:hover{background:color-mix(in srgb, var(--wzl-fg) 10%, transparent);color:var(--wzl-fg)}._body_13xy9_90{flex:1;min-height:0;padding:16px;overflow:auto}._footer_13xy9_97{border-top:1px solid var(--wzl-border);flex:none;justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px;display:flex}._field_uwe3t_1{flex-direction:column;gap:4px;width:100%;min-width:0;display:flex}._frame_uwe3t_9{background:var(--wzl-input-bg);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);height:24px;color:var(--wzl-fg);font-family:var(--wzl-font-ui);transition:border-color var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast);align-items:center;gap:6px;padding:0 8px;font-size:13px;line-height:1;display:flex}._frame_uwe3t_9:focus-within{border-color:var(--wzl-focus-ring);box-shadow:0 0 0 1px var(--wzl-focus-ring)}._field_uwe3t_1[data-invalid] ._frame_uwe3t_9{border-color:var(--wzl-danger,#ff5b5b)}._field_uwe3t_1[data-disabled] ._frame_uwe3t_9{opacity:.5;cursor:not-allowed}._frame_uwe3t_9 input{min-width:0;color:inherit;font:inherit;background:0 0;border:none;outline:none;flex:1;padding:0}._frame_uwe3t_9 input::placeholder{color:var(--wzl-fg-subtle)}._adornment_uwe3t_54{color:var(--wzl-fg-subtle);pointer-events:none;align-items:center;font-size:12px;display:inline-flex}._keys_1ve0i_2{vertical-align:bottom;flex-wrap:wrap;align-items:flex-end;gap:3px;display:inline-flex}._keysEmpty_1ve0i_16{color:var(--wzl-muted,#9ea1a8)}._sep_1ve0i_20{color:var(--wzl-muted,#9ea1a8);font-size:11px;line-height:1}._key_1ve0i_2{box-sizing:border-box;background:var(--wzl-fg,#e6e7e9);height:18px;color:var(--wzl-bg,#181a1e);border:1px solid #25272c;border-bottom-width:2px;border-radius:3px;justify-content:center;align-items:center;padding:0 4px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:11px;font-weight:700;line-height:1;display:inline-flex}._key_1ve0i_2[data-kind=square]{width:18px;padding:0}._key_1ve0i_2[data-kind=modifier]{min-width:26px;padding:0 6px}._key_1ve0i_2[data-kind=wide]{min-width:32px;padding:0 8px}._key_1ve0i_2[data-inverted]{background:var(--wzl-bg,#181a1e);color:color-mix(in srgb, var(--wzl-fg,#e6e7e9) 60%, transparent);border-style:dotted;border-color:color-mix(in srgb, var(--wzl-fg,#e6e7e9) 40%, transparent);border-width:1.5px}._key_1ve0i_2[data-variant=minimal]{color:currentColor;background:0 0;border-color:currentColor}._key_1ve0i_2[data-variant=minimal][data-inverted]{color:currentColor;border:1.5px dotted}._field_14yuu_1{flex-direction:column;gap:4px;width:100%;min-width:0;display:flex}._frame_14yuu_9{background:var(--wzl-input-bg);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);height:24px;color:var(--wzl-fg);font-family:var(--wzl-font-ui);transition:border-color var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast);align-items:stretch;font-size:13px;line-height:1;display:flex;overflow:hidden}._frame_14yuu_9:focus-within{border-color:var(--wzl-focus-ring);box-shadow:0 0 0 1px var(--wzl-focus-ring)}._field_14yuu_1[data-invalid] ._frame_14yuu_9{border-color:var(--wzl-danger,#ff5b5b)}._field_14yuu_1[data-disabled] ._frame_14yuu_9{opacity:.5;cursor:not-allowed}._frame_14yuu_9 input{min-width:0;color:inherit;font:inherit;text-align:right;-moz-appearance:textfield;background:0 0;border:none;outline:none;flex:1;padding:0 8px}._frame_14yuu_9 input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._frame_14yuu_9 input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._steppers_14yuu_57{border-left:1px solid var(--wzl-border);flex-direction:column;display:flex}._stepper_14yuu_57{width:18px;color:var(--wzl-fg-muted);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;padding:0;font-size:9px;line-height:1;display:inline-flex}._stepper_14yuu_57:not(:last-child){border-bottom:1px solid var(--wzl-border)}._stepper_14yuu_57[data-hovered]:not([data-disabled]){background:color-mix(in srgb, var(--wzl-fg) 10%, transparent);color:var(--wzl-fg)}._stepper_14yuu_57[data-pressed]:not([data-disabled]){background:color-mix(in srgb, var(--wzl-fg) 18%, transparent)}._stepper_14yuu_57[data-disabled]{opacity:.4;cursor:not-allowed}._root_13y7a_6{height:var(--wzl-tb-height,28px);-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(#0000002e 0%,#0000000d 100%);border-radius:999px;padding:2px;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px 2px #0006,0 1px #ffffff0f}._segment_13y7a_28{min-width:0;font-family:var(--wzl-font-ui);font-weight:300;font-size:var(--btn-fontsize,14px);color:var(--wzl-fg-muted);cursor:pointer;isolation:isolate;transition:color var(--wzl-motion-fast);background:0 0;border:none;border-radius:0;flex:1 1 0;justify-content:center;align-items:center;margin:0;padding:0 12px;line-height:1;display:inline-flex;position:relative;overflow:hidden}._segment_13y7a_28:first-child{border-radius:999px 0 0 999px}._segment_13y7a_28:last-child{border-radius:0 999px 999px 0}._segment_13y7a_28:only-child{border-radius:999px}._segment_13y7a_28:focus-visible{outline:2px solid var(--wzl-accent);outline-offset:-2px}._segment_13y7a_28:disabled{opacity:.5;cursor:not-allowed}._segment_13y7a_28:hover:not(:disabled):not(._segmentSelected_13y7a_75){color:var(--wzl-fg)}._segmentSelected_13y7a_75{background:linear-gradient(180deg, color-mix(in srgb, var(--wzl-accent) var(--btn-top-alpha,45%), transparent) 0%, color-mix(in srgb, var(--wzl-accent) var(--btn-upper-alpha,70%), transparent) calc(var(--btn-equator,52%) - var(--btn-equator-spread,12%)), color-mix(in srgb, var(--wzl-accent) var(--btn-equator-tint,95%), white) var(--btn-equator,52%), var(--wzl-accent) calc(var(--btn-equator,52%) + var(--btn-equator-spread,12%) * 1.6), color-mix(in srgb, var(--wzl-accent) var(--btn-base-tint,70%), black) 100%);-webkit-backdrop-filter:blur(var(--btn-blur,6px)) saturate(var(--btn-saturate,1.3));color:var(--wzl-fg-on-accent);text-shadow:0 1px 0 rgba(0, 0, 0, var(--btn-text-shadow,.35)), var(--btn-text-inset-x,0px) var(--btn-text-inset-y,1px) 0 rgba(0, 0, 0, var(--btn-text-inset,.55)), 0 0 6px rgba(0, 0, 0, calc(var(--btn-text-shadow,.35) * .5));box-shadow:inset 0 1px 0 rgba(255, 255, 255, var(--btn-inset-hi,.42)), inset 0 -1px 2px rgba(0, 0, 0, var(--btn-inset-lo,.3)), 0 0 0 1px rgba(0, 0, 0, var(--btn-rim,.22)), 0 1px 2px rgba(0, 0, 0, var(--btn-drop-near,.3)), 0 2px 4px rgba(0, 0, 0, calc(var(--btn-drop-far,.18) * .8))}._segmentSelected_13y7a_75:before{content:"";inset:1px 1px var(--btn-gloss-bottom,50%) 1px;border-radius:inherit;background:linear-gradient(180deg, rgba(255, 255, 255, var(--btn-gloss-top,.42)) 0%, rgba(255, 255, 255, var(--btn-gloss-mid,.12)) 60%, #fff0 100%);pointer-events:none;z-index:1;border-bottom-right-radius:0;border-bottom-left-radius:0;position:absolute}._segmentSelected_13y7a_75>*{z-index:2;position:relative}._size_sm_13y7a_133{height:17px;padding:1px}._size_sm_13y7a_133 ._segment_13y7a_28{padding:0 8px;font-size:11px}._variant_minimal_13y7a_146{height:auto;box-shadow:none;background:0 0;border-radius:0;gap:2px;padding:0}._variant_minimal_13y7a_146 ._segment_13y7a_28{color:var(--wzl-fg-muted);border-radius:2px;padding:0 4px;font-size:11px;font-weight:400;line-height:1.4;transition:none}._variant_minimal_13y7a_146 ._segment_13y7a_28:first-child,._variant_minimal_13y7a_146 ._segment_13y7a_28:last-child,._variant_minimal_13y7a_146 ._segment_13y7a_28:only-child{border-radius:2px}._variant_minimal_13y7a_146 ._segment_13y7a_28:hover:not(:disabled):not(._segmentSelected_13y7a_75){color:var(--wzl-fg);background:#ffffff0f}._variant_minimal_13y7a_146 ._segmentSelected_13y7a_75{-webkit-backdrop-filter:none;color:var(--wzl-accent-fg,var(--wzl-accent));text-shadow:none;box-shadow:none;background:0 0;font-weight:500}._variant_minimal_13y7a_146 ._segmentSelected_13y7a_75:before{content:none}._row_q3wun_1{align-items:stretch;gap:var(--powerline-gap,.2em);display:inline-flex}._matrix_q3wun_7{gap:12px;display:grid}._segment_q3wun_15{font-size:inherit;text-transform:none;letter-spacing:normal}._group_1j9o8_1{font-family:var(--wzl-font-ui);color:var(--wzl-fg);flex-direction:column;gap:6px;display:flex}._group_1j9o8_1[data-orientation=horizontal]{flex-direction:row;gap:16px}._legend_1j9o8_14{color:var(--wzl-fg);font-size:12px;font-weight:500}._radio_1j9o8_20{cursor:pointer;color:var(--wzl-fg);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}._radio_1j9o8_20[data-disabled]{opacity:.5;cursor:not-allowed}._dot_1j9o8_36{background:var(--wzl-input-bg);border:1px solid var(--wzl-border-strong);width:14px;height:14px;transition:border-color var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast);border-radius:50%;flex:none;position:relative}._radio_1j9o8_20[data-focus-visible] ._dot_1j9o8_36{box-shadow:0 0 0 2px var(--wzl-focus-ring)}._radio_1j9o8_20[data-hovered]:not([data-disabled]) ._dot_1j9o8_36{border-color:var(--wzl-fg-muted)}._radio_1j9o8_20[data-selected] ._dot_1j9o8_36{border-color:var(--wzl-accent-strong)}._dot_1j9o8_36:after{content:"";background:var(--wzl-accent-strong);transition:transform var(--wzl-motion-fast);border-radius:50%;position:absolute;inset:3px;transform:scale(0)}._radio_1j9o8_20[data-selected] ._dot_1j9o8_36:after{transform:scale(1)}._slider_3o71w_1{width:100%;font-family:var(--wzl-font-ui);color:var(--wzl-fg);flex-direction:column;gap:4px;display:flex}._slider_3o71w_1[data-orientation=vertical]{flex-direction:row;align-items:stretch;width:28px;height:160px}._head_3o71w_17{justify-content:space-between;align-items:baseline;gap:8px;display:flex}._label_3o71w_24{color:var(--wzl-fg);font-size:12px;font-weight:500}._output_3o71w_30{color:var(--wzl-fg-subtle);font-variant-numeric:tabular-nums;font-size:12px}._track_3o71w_36{background:var(--wzl-track-bg);border:1px solid var(--wzl-track-border);border-radius:3px;min-width:80px;height:6px;position:relative}._slider_3o71w_1[data-orientation=vertical] ._track_3o71w_36{width:6px;height:100%}._fill_3o71w_50{background:var(--wzl-accent-strong);border-radius:3px;position:absolute;top:0;bottom:0;left:0}._thumb_3o71w_59{background:var(--wzl-thumb-fill);border:1px solid var(--wzl-thumb-border);cursor:ew-resize;width:14px;height:14px;transition:box-shadow var(--wzl-motion-fast);border-radius:50%;outline:none}._slider_3o71w_1[data-orientation=vertical] ._thumb_3o71w_59{cursor:ns-resize}._thumb_3o71w_59[data-focus-visible]{box-shadow:0 0 0 2px var(--wzl-focus-ring)}._thumb_3o71w_59[data-dragging]{background:var(--wzl-accent-strong)}._slider_3o71w_1[data-disabled]{opacity:.5;cursor:not-allowed}._field_u92mg_1{flex-direction:column;gap:4px;width:100%;min-width:0;display:flex}._trigger_u92mg_9{background:var(--wzl-input-bg);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);width:100%;height:24px;color:var(--wzl-fg);font-family:var(--wzl-font-ui);cursor:pointer;transition:border-color var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast);align-items:center;gap:6px;padding:0 6px 0 10px;font-size:13px;line-height:1;display:flex}._trigger_u92mg_9[data-focus-visible]{border-color:var(--wzl-focus-ring);box-shadow:0 0 0 1px var(--wzl-focus-ring)}._field_u92mg_1[data-invalid] ._trigger_u92mg_9{border-color:var(--wzl-danger,#ff5b5b)}._trigger_u92mg_9[data-disabled]{opacity:.5;cursor:not-allowed}._value_u92mg_41{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}._value_u92mg_41[data-placeholder]{color:var(--wzl-fg-subtle)}._chevron_u92mg_54{width:10px;height:10px;color:var(--wzl-fg-muted);flex:none}._popover_u92mg_61{min-width:var(--trigger-width);max-height:inherit;outline:none}._listbox_u92mg_67{background:var(--wzl-surface-raised);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-md);max-height:280px;font-family:var(--wzl-font-ui);outline:none;padding:4px;font-size:13px;overflow:auto;box-shadow:0 8px 24px #0000004d}._option_u92mg_80{cursor:pointer;color:var(--wzl-fg);border-radius:3px;outline:none;align-items:center;gap:8px;padding:4px 8px;display:flex}._option_u92mg_80[data-focused]{background:color-mix(in srgb, var(--wzl-fg) 10%, transparent)}._option_u92mg_80[data-selected]{color:var(--wzl-fg);font-weight:500}._option_u92mg_80[data-disabled]{opacity:.4;cursor:not-allowed}._check_u92mg_105{opacity:0;flex:none;width:10px;height:10px}._option_u92mg_80[data-selected] ._check_u92mg_105{opacity:1}._switch_1yfo6_1{cursor:pointer;font-family:var(--wzl-font-ui);color:var(--wzl-fg);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}._switch_1yfo6_1[data-disabled]{opacity:.5;cursor:not-allowed}._track_1yfo6_18{background:var(--wzl-input-bg);border:1px solid var(--wzl-border-strong);width:28px;height:16px;transition:background-color var(--wzl-motion-fast), border-color var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast);border-radius:8px;flex:none;position:relative}._switch_1yfo6_1[data-focus-visible] ._track_1yfo6_18{box-shadow:0 0 0 2px var(--wzl-focus-ring)}._switch_1yfo6_1[data-selected] ._track_1yfo6_18{background:var(--wzl-accent-strong);border-color:var(--wzl-accent-strong)}._thumb_1yfo6_38{background:var(--wzl-fg);width:12px;height:12px;transition:transform var(--wzl-motion-fast);border-radius:50%;position:absolute;top:1px;left:1px}._switch_1yfo6_1[data-selected] ._thumb_1yfo6_38{background:var(--wzl-fg-on-accent);transform:translate(12px)}._label_1yfo6_54{line-height:1.2}._columns_112g7_5{flex-flow:wrap;align-items:flex-start;gap:12px;padding-right:4px;display:flex;overflow-y:auto}._column_112g7_5{flex:0 0 var(--wzl-prefs-column-width,300px);width:var(--wzl-prefs-column-width,300px);flex-direction:column;gap:8px;display:flex}._panel_112g7_23{background:var(--wzl-surface-sunken);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);flex-direction:column;gap:8px;padding:10px;display:flex}._subpanel_112g7_33{background:var(--wzl-surface-sunken);border-left:2px solid var(--wzl-border);border-radius:2px;flex-direction:column;gap:6px;margin-top:6px;padding:8px 8px 8px 10px;display:flex}._groupHeader_112g7_44{border-bottom:1px solid var(--wzl-border);flex-direction:column;gap:2px;padding-bottom:4px;display:flex}._subpanel_112g7_33 ._groupHeader_112g7_44{border-bottom:none;padding-bottom:2px}._groupTitle_112g7_57{color:var(--wzl-fg);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:12px;font-weight:600}._subpanel_112g7_33 ._groupTitle_112g7_57{text-transform:none;letter-spacing:0;font-size:11px}._groupDesc_112g7_72{color:var(--wzl-fg-subtle);margin:0;font-size:11px;line-height:1.35}._rows_112g7_79{flex-direction:column;gap:6px;display:flex}._row_112g7_79{color:var(--wzl-fg);cursor:default;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}._rowLabel_112g7_95{flex:auto;align-items:center;gap:4px;min-width:0;display:inline-flex}._help_112g7_104{color:var(--wzl-fg-subtle);cursor:help;border-radius:var(--wzl-radius-sm);background:0 0;border:none;flex:none;padding:0;font-size:11px;line-height:1}._help_112g7_104:hover{color:var(--wzl-fg)}._help_112g7_104:focus-visible{outline:2px solid var(--wzl-focus-ring);outline-offset:1px;color:var(--wzl-fg)}._rowControl_112g7_128{flex:0 0 110px;align-items:center;min-width:0;display:flex}._textarea_112g7_135{background:var(--wzl-input-bg);width:100%;color:var(--wzl-fg);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);font:inherit;resize:vertical;padding:4px 8px;font-size:12px}._unrenderable_112g7_147{font-family:var(--wzl-font-mono);color:var(--wzl-fg-subtle);font-size:11px}._titleRow_112g7_154{flex:1;align-items:center;gap:12px;min-width:0;display:flex}._titleRow_112g7_154>span:first-child{flex:1;min-width:0}._root_nbai7_1{color:var(--wzl-text);flex-direction:column;font-size:12px;display:flex}._header_nbai7_8{border-block-end:1px solid var(--wzl-border);align-items:baseline;gap:8px;padding:8px 10px;display:flex}._kind_nbai7_16{font-size:13px;font-weight:600}._breakdown_nbai7_21{opacity:.6;font-size:11px}._section_nbai7_26{border-block-end:1px solid var(--wzl-border);padding:6px 10px 8px}._section_nbai7_26:last-child{border-block-end:none}._sectionTitle_nbai7_35{text-transform:uppercase;letter-spacing:.06em;opacity:.55;margin:0 0 6px;font-size:10px;font-weight:600}._row_nbai7_44{grid-template-columns:64px 1fr;align-items:center;gap:6px;margin-block-end:5px;display:grid}._rowLabel_nbai7_52{opacity:.75}._rowControls_nbai7_56{align-items:center;gap:6px;min-inline-size:0;display:flex}._rowControls_nbai7_56>*{flex:1;min-inline-size:0}._number_nbai7_68 input,._select_nbai7_69{font-size:11px}._unitSuffix_nbai7_73{opacity:.6;flex:none;font-size:11px}._mixedSwitch_nbai7_79{opacity:.55}._unrenderable_nbai7_83{opacity:.5;font-size:11px;font-style:italic}._sidebar_ftf90_1{background:var(--wzl-panel-bg);color:var(--wzl-text);flex-direction:column;gap:4px;display:flex}._sidebar_ftf90_1._left_ftf90_9{border-right:1px solid var(--wzl-panel-border)}._sidebar_ftf90_1._right_ftf90_12{border-left:1px solid var(--wzl-panel-border)}._panel_ox7l9_1{background:var(--wzl-panel-bg);color:var(--wzl-text);padding:8px}._title_ox7l9_7{text-transform:uppercase;letter-spacing:.05em;color:var(--wzl-text-muted);font-size:11px;font-weight:600}._titleRow_ox7l9_15{justify-content:space-between;align-items:center;margin-bottom:4px;padding:0;display:flex}._titleButton_ox7l9_23{cursor:pointer;color:inherit;font:inherit;text-align:left;background:0 0;border:0;flex:auto;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}._titleButton_ox7l9_23:hover{color:var(--wzl-text)}._chevron_ox7l9_40{color:var(--wzl-text-muted);transition:transform var(--wzl-motion-fast) ease;font-size:10px;line-height:1;display:inline-block}._chevronCollapsed_ox7l9_47{transform:rotate(-90deg)}._hideButton_ox7l9_51{color:var(--wzl-text-muted);cursor:pointer;background:0 0;border:0;padding:0 6px;font-size:14px;line-height:1}._hideButton_ox7l9_51:hover{color:var(--wzl-text)}._panel_ox7l9_1._collapsed_ox7l9_64{padding-bottom:4px}._body_ox7l9_68{padding:0 4px}._root_1jhg3_1{-webkit-user-select:none;user-select:none;touch-action:none;position:relative}._row_1jhg3_8{align-items:center;gap:8px;display:flex}._track_1jhg3_14{min-width:0;height:var(--rp-track-height,24px);background:var(--wzl-track-bg);border:1px solid var(--wzl-track-border);cursor:crosshair;border-radius:3px;flex:1;position:relative}._trackInner_1jhg3_25{border-radius:3px;position:absolute;inset:0;overflow:hidden}._thumb_1jhg3_35{background:color-mix(in srgb, var(--wzl-thumb-fill) 70%, transparent);border:1px solid var(--wzl-thumb-border);cursor:ew-resize;-webkit-backdrop-filter:blur(3px);font-variant-numeric:tabular-nums;width:14px;color:var(--wzl-thumb-text);text-shadow:0 0 2px #ffffffb3;border-radius:3px;justify-content:center;align-items:center;margin-left:-7px;font:500 .65rem/1 ui-sans-serif,system-ui,sans-serif;display:flex;position:absolute;top:-2px;bottom:-2px;box-shadow:0 1px 2px #0003}._thumb_1jhg3_35:focus-visible{outline:2px solid var(--wzl-accent);outline-offset:1px}._thumbActive_1jhg3_74{z-index:1}._readoutsBelow_1jhg3_79{height:14px;margin-top:4px;position:relative}._readoutBelow_1jhg3_85{color:var(--wzl-text-muted);white-space:nowrap;font:500 .65rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:absolute;transform:translate(-50%)}._readoutInline_1jhg3_93{color:var(--wzl-text-muted);vertical-align:middle;margin-left:8px;font:500 .7rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:inline-block}._notched_1jhg3_101{background:var(--thumb-svg,none);-webkit-backdrop-filter:none;box-shadow:none;filter:drop-shadow(0 1px 1px #00000040);--thumb-svg:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 30' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 2.52,0 7,10.3 11.48,0 14,0 14,30 0,30' fill='rgba(255,255,255,0.62)' stroke='rgba(0,0,0,0.55)' stroke-width='0.75' stroke-linejoin='miter'/%3E%3C/svg%3E");background-color:#0000;background-repeat:no-repeat;background-size:100% 100%;border:none}._tabs_ce73l_1{font-family:var(--wzl-font-ui);color:var(--wzl-fg);flex-direction:column;gap:0;display:flex}._tabs_ce73l_1[data-orientation=horizontal]{flex-direction:column}._tabs_ce73l_1[data-orientation=vertical]{flex-direction:row;gap:12px}._list_ce73l_18{border-bottom:1px solid var(--wzl-border);gap:2px;display:flex}._tabs_ce73l_1[data-orientation=vertical] ._list_ce73l_18{border-bottom:none;border-right:1px solid var(--wzl-border);flex-direction:column;padding-right:8px}._tab_ce73l_1{color:var(--wzl-fg-muted);font:inherit;cursor:pointer;transition:color var(--wzl-motion-fast);background:0 0;border:none;outline:none;padding:6px 10px;font-size:12px;position:relative}._tab_ce73l_1[data-hovered]:not([data-disabled]),._tab_ce73l_1[data-selected]{color:var(--wzl-fg)}._tab_ce73l_1[data-selected]:after{content:"";background:var(--wzl-accent-strong);height:2px;position:absolute;bottom:-1px;left:0;right:0}._tabs_ce73l_1[data-orientation=vertical] ._tab_ce73l_1[data-selected]:after{width:2px;height:auto;inset:0 -9px 0 auto}._tab_ce73l_1[data-focus-visible]{box-shadow:inset 0 0 0 2px var(--wzl-focus-ring);border-radius:var(--wzl-radius-sm)}._tab_ce73l_1[data-disabled]{opacity:.5;cursor:not-allowed}._panel_ce73l_81{outline:none;padding:12px 0}._panel_ce73l_81[data-focus-visible]{box-shadow:inset 0 0 0 2px var(--wzl-focus-ring);border-radius:var(--wzl-radius-sm)}._region_18i9b_1{z-index:1100;outline:none;flex-direction:column-reverse;gap:8px;max-width:360px;display:flex;position:fixed}._bottomRight_18i9b_17{bottom:16px;right:16px}._bottomLeft_18i9b_18{bottom:16px;left:16px}._topRight_18i9b_19{flex-direction:column;top:16px;right:16px}._topLeft_18i9b_20{flex-direction:column;top:16px;left:16px}._toast_18i9b_22{--toast-accent:var(--wzl-accent-strong);view-transition-class:wzl-toast;background:var(--wzl-surface);border:1px solid var(--wzl-border);border-left:3px solid var(--toast-accent);border-radius:var(--wzl-radius-md);color:var(--wzl-fg);font-family:var(--wzl-font-ui);outline:none;align-items:flex-start;gap:8px;padding:10px 12px;display:flex;box-shadow:0 8px 24px #00000059}._region_18i9b_1[data-focus-visible],._toast_18i9b_22[data-focus-visible]{outline:2px solid var(--wzl-focus-ring);outline-offset:1px}._toneSuccess_18i9b_49{--toast-accent:var(--wzl-success,#2ec27e)}._toneWarning_18i9b_50{--toast-accent:var(--wzl-warning,#d99a3f)}._toneError_18i9b_51{--toast-accent:var(--wzl-danger,#d94a3f)}._content_18i9b_53{flex:1;min-width:0}._title_18i9b_58{font-size:13px;font-weight:600;display:block}._description_18i9b_64{color:var(--wzl-fg-muted);margin-top:2px;font-size:12px;display:block}._close_18i9b_71{color:var(--wzl-fg-muted);cursor:pointer;border-radius:var(--wzl-radius-sm);background:0 0;border:none;flex:none;padding:2px 4px;font-size:16px;line-height:1}._close_18i9b_71:hover{color:var(--wzl-fg)}:root.wzl-toast-vt{view-transition-name:none}:root.wzl-toast-vt::view-transition{pointer-events:none}:root.wzl-toast-vt::view-transition-new(.wzl-toast):only-child{animation:wzl-toast-enter var(--wzl-motion-medium,.24s) var(--wzl-ease-out-cubic,ease-out) both}:root.wzl-toast-vt::view-transition-old(.wzl-toast):only-child{animation:wzl-toast-exit var(--wzl-motion-fast,.12s) var(--wzl-ease-in-cubic,ease-in) both}@keyframes wzl-toast-enter{0%{opacity:0;translate:0 16px}}@keyframes wzl-toast-exit{to{opacity:0;scale:.92}}._root_1pyfg_6{height:var(--wzl-tb-height,28px);-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(#0000002e 0%,#0000000d 100%);border-radius:999px;padding:2px;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px 2px #0006,0 1px #ffffff0f}._segment_1pyfg_28{min-width:0;font-family:var(--wzl-font-ui);font-weight:300;font-size:var(--btn-fontsize,14px);color:var(--wzl-fg-muted);cursor:pointer;isolation:isolate;transition:color var(--wzl-motion-fast);background:0 0;border:none;border-radius:0;flex:1 1 0;justify-content:center;align-items:center;margin:0;padding:0 12px;line-height:1;display:inline-flex;position:relative;overflow:hidden}._segment_1pyfg_28:first-child{border-radius:999px 0 0 999px}._segment_1pyfg_28:last-child{border-radius:0 999px 999px 0}._segment_1pyfg_28:only-child{border-radius:999px}._segment_1pyfg_28:focus-visible{outline:2px solid var(--wzl-accent);outline-offset:-2px}._segment_1pyfg_28:disabled{opacity:.5;cursor:not-allowed}._segment_1pyfg_28:hover:not(:disabled):not(._segmentSelected_1pyfg_75){color:var(--wzl-fg)}._segmentSelected_1pyfg_75{background:linear-gradient(180deg, color-mix(in srgb, var(--wzl-accent) var(--btn-top-alpha,45%), transparent) 0%, color-mix(in srgb, var(--wzl-accent) var(--btn-upper-alpha,70%), transparent) calc(var(--btn-equator,52%) - var(--btn-equator-spread,12%)), color-mix(in srgb, var(--wzl-accent) var(--btn-equator-tint,95%), white) var(--btn-equator,52%), var(--wzl-accent) calc(var(--btn-equator,52%) + var(--btn-equator-spread,12%) * 1.6), color-mix(in srgb, var(--wzl-accent) var(--btn-base-tint,70%), black) 100%);-webkit-backdrop-filter:blur(var(--btn-blur,6px)) saturate(var(--btn-saturate,1.3));color:var(--wzl-fg-on-accent);text-shadow:0 1px 0 rgba(0, 0, 0, var(--btn-text-shadow,.35)), var(--btn-text-inset-x,0px) var(--btn-text-inset-y,1px) 0 rgba(0, 0, 0, var(--btn-text-inset,.55)), 0 0 6px rgba(0, 0, 0, calc(var(--btn-text-shadow,.35) * .5));box-shadow:inset 0 1px 0 rgba(255, 255, 255, var(--btn-inset-hi,.42)), inset 0 -1px 2px rgba(0, 0, 0, var(--btn-inset-lo,.3)), 0 0 0 1px rgba(0, 0, 0, var(--btn-rim,.22)), 0 1px 2px rgba(0, 0, 0, var(--btn-drop-near,.3)), 0 2px 4px rgba(0, 0, 0, calc(var(--btn-drop-far,.18) * .8))}._segmentSelected_1pyfg_75:before{content:"";inset:1px 1px var(--btn-gloss-bottom,50%) 1px;border-radius:inherit;background:linear-gradient(180deg, rgba(255, 255, 255, var(--btn-gloss-top,.42)) 0%, rgba(255, 255, 255, var(--btn-gloss-mid,.12)) 60%, #fff0 100%);pointer-events:none;z-index:1;border-bottom-right-radius:0;border-bottom-left-radius:0;position:absolute}._segmentSelected_1pyfg_75>*{z-index:2;position:relative}._segmentMixed_1pyfg_134{background:color-mix(in srgb, var(--wzl-accent) 22%, transparent);color:var(--wzl-fg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--wzl-accent) 45%, transparent)}._segmentMixed_1pyfg_134:hover:not(:disabled){background:color-mix(in srgb, var(--wzl-accent) 32%, transparent)}._variant_minimal_1pyfg_144 ._segmentMixed_1pyfg_134{background:color-mix(in srgb, var(--wzl-accent) 18%, transparent);box-shadow:none;color:var(--wzl-fg)}._size_sm_1pyfg_153{height:17px;padding:1px}._size_sm_1pyfg_153 ._segment_1pyfg_28{padding:0 8px;font-size:11px}._variant_minimal_1pyfg_144{border:1px solid var(--wzl-border,#ffffff2e);height:auto;box-shadow:none;background:0 0;border-radius:3px;gap:0;padding:0}._variant_minimal_1pyfg_144 ._segment_1pyfg_28{color:var(--wzl-fg-muted);border-radius:0;padding:0 6px;font-size:11px;font-weight:400;line-height:1.4;transition:none}._variant_minimal_1pyfg_144 ._segment_1pyfg_28+._segment_1pyfg_28{border-left:1px solid var(--wzl-border,#ffffff2e)}._variant_minimal_1pyfg_144 ._segment_1pyfg_28:first-child,._variant_minimal_1pyfg_144 ._segment_1pyfg_28:last-child,._variant_minimal_1pyfg_144 ._segment_1pyfg_28:only-child{border-radius:0}._variant_minimal_1pyfg_144 ._segment_1pyfg_28:hover:not(:disabled):not(._segmentSelected_1pyfg_75){color:var(--wzl-fg);background:#ffffff0f}._variant_minimal_1pyfg_144 ._segmentSelected_1pyfg_75{-webkit-backdrop-filter:none;color:var(--wzl-accent-fg,var(--wzl-accent));text-shadow:none;box-shadow:none;background:0 0;font-weight:500}._variant_minimal_1pyfg_144 ._segmentSelected_1pyfg_75:before{content:none}._button_rsrcm_1{min-width:44px;color:var(--wzl-text);cursor:default;background:0 0;border:1px solid #0000;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;font-family:inherit;font-size:10px;line-height:1.1;display:inline-flex}._button_rsrcm_1:hover:not([disabled]){background:var(--wzl-button-fill-hover);color:var(--wzl-button-text)}._button_rsrcm_1:focus-visible{outline:2px solid var(--wzl-accent);outline-offset:-2px}._button_rsrcm_1._active_rsrcm_26{background:var(--wzl-button-fill-pressed);border-color:var(--wzl-accent);color:var(--wzl-button-text)}._button_rsrcm_1[disabled]{opacity:.4}._icon_rsrcm_35,._icon_rsrcm_35>svg{display:block}._label_rsrcm_37{font-size:10px}._shortcut_rsrcm_38{color:var(--wzl-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}._group_o2pho_1{flex-direction:column;gap:2px;display:flex}._group_o2pho_1._horizontal_o2pho_6{flex-direction:row}._root_zcxef_13{height:var(--wzl-tb-height,28px);background:var(--wzl-panel-bg);border-bottom:1px solid var(--wzl-panel-border);color:var(--wzl-text);align-items:center;gap:8px;padding:0 8px;display:flex;overflow:hidden}._label_zcxef_25{text-transform:uppercase;letter-spacing:.05em;color:var(--wzl-text-muted);white-space:nowrap;flex:none;font-size:11px;font-weight:600}._controls_zcxef_6{scrollbar-width:thin;flex:auto;align-items:center;gap:6px;min-width:0;height:100%;display:flex;overflow:auto hidden}._controls_zcxef_6::-webkit-scrollbar{height:4px}._controls_zcxef_6::-webkit-scrollbar-track{background:0 0}._controls_zcxef_6::-webkit-scrollbar-thumb{background:var(--wzl-panel-border);border-radius:2px}._palette_1ygdo_1{background:var(--wzl-panel-bg);border:1px solid var(--wzl-panel-border);-webkit-user-select:none;user-select:none;border-radius:4px;flex-direction:column;gap:4px;padding:4px;display:flex}._palette_1ygdo_1._horizontal_1ygdo_11{flex-direction:row}._ineligibleBtn_1ygdo_16{opacity:.35;cursor:not-allowed}._separator_1ygdo_21{background:var(--wzl-panel-border)}._palette_1ygdo_1:not(._horizontal_1ygdo_11) ._separator_1ygdo_21{height:1px;margin:2px 0}._palette_1ygdo_1._horizontal_1ygdo_11 ._separator_1ygdo_21{width:1px;margin:0 2px}
+._tooltip_1km1f_1{z-index:1200;background:var(--wzl-surface);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);color:var(--wzl-fg);font-family:var(--wzl-font-ui);max-width:260px;transition:opacity var(--wzl-motion-fast);padding:4px 8px;font-size:12px;line-height:1.3;box-shadow:0 4px 16px #00000059}._tooltip_1km1f_1[data-entering],._tooltip_1km1f_1[data-exiting]{opacity:0}._arrow_1km1f_22 svg{fill:var(--wzl-surface);stroke:var(--wzl-border);stroke-width:1px;display:block}._arrow_1km1f_22[data-placement=bottom] svg{transform:rotate(180deg)}._arrow_1km1f_22[data-placement=left] svg{transform:rotate(-90deg)}._arrow_1km1f_22[data-placement=right] svg{transform:rotate(90deg)}._bar_11z5i_7{background:var(--wzl-panel-bg);border:1px solid var(--wzl-panel-border);-webkit-user-select:none;user-select:none;border-radius:4px;flex-direction:row;gap:1px;padding:2px;display:flex}._bar_11z5i_7._vertical_11z5i_18{flex-direction:column}._button_11z5i_22{width:28px;height:28px;color:var(--wzl-text);cursor:default;background:0 0;border:0;border-radius:2px;justify-content:center;align-items:center;padding:0;display:inline-flex}._button_11z5i_22:hover:not([disabled]){background:var(--wzl-panel-border)}._button_11z5i_22:active:not([disabled]){background:color-mix(in srgb, var(--wzl-panel-border) 70%, transparent)}._button_11z5i_22[disabled]{opacity:.4;cursor:default}._button_11z5i_22>svg{display:block}._badge_18w8w_1{vertical-align:baseline;align-items:baseline;gap:var(--badge-gap,4px);font-size:var(--badge-font-size,10px);text-transform:uppercase;letter-spacing:.04em;color:var(--badge-fg,var(--wzl-muted,#9ea1a8));--badge-edge:var(--wzl-panel-border,#25272c);--badge-fill:var(--wzl-bg,#181a1e);--badge-fg:var(--badge-edge);font:inherit;background:0 0;border:0;font-family:inherit;text-decoration:none;display:inline-flex;position:relative}._badge_18w8w_1 *{text-decoration:none}._badge_18w8w_1[data-size=md]{--badge-gap:6px;--badge-pad-x:10px;--badge-pad-y:3px;--badge-font-size:12px}._deco_18w8w_33{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}._deco_18w8w_33 .badge-fill{fill:var(--badge-fill);stroke:none}._deco_18w8w_33 .badge-stroke{fill:none;stroke:var(--badge-edge);stroke-width:var(--badge-stroke-width,1px);vector-effect:non-scaling-stroke}._deco_18w8w_33 .badge-focus{fill:none;stroke:var(--badge-edge);stroke-width:calc(var(--badge-stroke-width,1px) + 1px);vector-effect:non-scaling-stroke;opacity:.6}._deco_18w8w_33 .badge-bevel-light{fill:#ffffff38;stroke:none}._deco_18w8w_33 .badge-bevel-medium-light{fill:#ffffff1a;stroke:none}._deco_18w8w_33 .badge-bevel-medium-dark{fill:#00000029;stroke:none}._deco_18w8w_33 .badge-bevel-dark{fill:#00000052;stroke:none}._content_18w8w_49{align-items:baseline;gap:inherit;z-index:1;display:inline-flex;position:relative}._badge_18w8w_1[data-tone=accent]{--badge-edge:var(--wzl-accent-fg,var(--wzl-accent,#7fb069))}._badge_18w8w_1[data-tone=info]{--badge-edge:#7ab8d4}._badge_18w8w_1[data-tone=warn]{--badge-edge:#d4a574}._badge_18w8w_1[data-tone=danger]{--badge-edge:#c43c3c}._badge_18w8w_1[data-tone=muted]{--badge-edge:var(--wzl-muted,#9ea1a8)}._badge_18w8w_1[data-tone=neutral]{--badge-edge:var(--wzl-panel-border,#25272c);--badge-fg:var(--wzl-muted,#9ea1a8)}._badge_18w8w_1[data-variant=outline]{--badge-fill:var(--wzl-bg,#181a1e);--badge-fg:var(--badge-edge)}._badge_18w8w_1[data-variant=solid]{--badge-fill:var(--badge-edge);--badge-fg:#fff;font-weight:600}._badge_18w8w_1[data-variant=subtle]{--badge-fill:color-mix(in oklab, var(--badge-edge) 14%, transparent);--badge-fg:var(--badge-edge)}._badge_18w8w_1[data-tone=neutral]:not([data-variant=solid]){--badge-fg:var(--wzl-muted,#9ea1a8)}._badge_18w8w_1{padding:calc(var(--badge-pad-y,1px) + var(--badge-inset-top,0px)) calc(var(--badge-pad-x,6px) + var(--badge-inset-right,0px)) calc(var(--badge-pad-y,1px) + var(--badge-inset-bottom,0px)) calc(var(--badge-pad-x,6px) + var(--badge-inset-left,0px))}._badge_18w8w_1[data-shape=pill]{box-sizing:border-box;-webkit-box-decoration-break:slice;box-decoration-break:slice;border-radius:9999px;display:inline}._badge_18w8w_1[data-shape=pill] ._content_18w8w_49,._badge_18w8w_1[data-shape=plain] ._content_18w8w_49{display:inline}._badge_18w8w_1[data-shape=pill][data-variant=solid],._badge_18w8w_1[data-shape=pill][data-variant=subtle]{background:var(--badge-fill)}._badge_18w8w_1[data-shape=pill]{border:var(--badge-stroke-width,1px) solid transparent}._badge_18w8w_1[data-shape=pill][data-variant=outline],._badge_18w8w_1[data-shape=pill][data-variant=solid]{border-color:var(--badge-edge)}._badge_18w8w_1[data-shape=pill][data-focused=true]{outline:2px solid color-mix(in oklab, var(--badge-edge) 60%, transparent);outline-offset:2px}._badge_18w8w_1[data-shape=plain]{letter-spacing:.04em;text-transform:none;color:var(--badge-fg);-webkit-box-decoration-break:slice;box-decoration-break:slice;background:0 0;padding:0;display:inline}._badge_18w8w_1[data-shape=plain][data-focused=true]{outline:2px solid color-mix(in oklab, var(--badge-edge) 60%, transparent);outline-offset:3px;border-radius:2px}._badge_18w8w_1[data-shape=plaque] ._content_18w8w_49{text-shadow:0 1px #ffffff24,0 -.5px #00000080}button._badge_18w8w_1,a._badge_18w8w_1{cursor:pointer;border:0 solid #0000;outline:0}button._badge_18w8w_1:hover,a._badge_18w8w_1:hover{--badge-edge:color-mix(in oklab, var(--badge-edge) 88%, white)}@media (prefers-reduced-motion:reduce){button._badge_18w8w_1:hover,a._badge_18w8w_1:hover{--badge-edge:var(--badge-edge)}}._remove_18w8w_161{width:14px;height:14px;color:var(--badge-fg);cursor:pointer;font:inherit;vertical-align:middle;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;margin-left:2px;padding:0;font-size:14px;line-height:1;display:inline-flex}._remove_18w8w_161:hover{background:color-mix(in oklab, var(--badge-fg) 20%, transparent)}._remove_18w8w_161>svg{display:block}._badge_18w8w_1[data-size=md] ._remove_18w8w_161{width:16px;height:16px;font-size:16px}._badge_18w8w_1[data-size=md] ._remove_18w8w_161>svg{width:12px;height:12px}._button_yji6d_3{--btn-radius:calc(var(--btn-height) * .1);--btn-fontweight:400;--btn-fontsize:14px;--btn-height:24px;--btn-padx:12px;--btn-top-alpha:45%;--btn-upper-alpha:70%;--btn-equator:52%;--btn-equator-spread:12%;--btn-equator-tint:95%;--btn-base-tint:70%;--btn-blur:6px;--btn-saturate:1.3;--btn-gloss-top:.42;--btn-gloss-mid:.12;--btn-gloss-bottom:50%;--btn-rim:.22;--btn-drop-near:.3;--btn-drop-far:.18;--btn-inset-hi:.42;--btn-inset-lo:.3;--btn-text-shadow:.35;--btn-text-inset:.55;--btn-text-inset-x:0px;--btn-text-inset-y:1px;border-radius:var(--btn-radius);font-family:var(--wzl-font-ui);font-weight:var(--btn-fontweight);font-style:normal;font-size:var(--btn-fontsize);height:var(--btn-height);padding:0 var(--btn-padx);cursor:pointer;-webkit-user-select:none;user-select:none;isolation:isolate;transition:filter var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast), transform 80ms;border:none;justify-content:center;align-items:center;gap:6px;line-height:1;display:inline-flex;position:relative;overflow:hidden}._button_yji6d_3:before{content:"";inset:1px 1px var(--btn-gloss-bottom) 1px;border-top-left-radius:var(--btn-radius);border-top-right-radius:var(--btn-radius);background:linear-gradient(180deg, rgba(255, 255, 255, var(--btn-gloss-top)) 0%, rgba(255, 255, 255, var(--btn-gloss-mid)) 60%, #fff0 100%);pointer-events:none;z-index:1;transition:opacity var(--wzl-motion-fast);border-bottom-right-radius:0;border-bottom-left-radius:0;position:absolute}._button_yji6d_3>*{z-index:2;position:relative}._button_yji6d_3:focus-visible{outline:2px solid var(--wzl-focus-ring);outline-offset:1px}._button_yji6d_3:disabled{opacity:.5;cursor:not-allowed}._size_sm_yji6d_110{--btn-height:20px;--btn-padx:8px;--btn-fontsize:13px}._size_md_yji6d_111{--btn-height:24px;--btn-padx:12px;--btn-fontsize:14px}._iconOnly_yji6d_113._size_sm_yji6d_110{--btn-padx:0;width:20px}._iconOnly_yji6d_113._size_md_yji6d_111{--btn-padx:0;width:24px}._variant_primary_yji6d_121{background:linear-gradient(180deg, color-mix(in srgb, var(--wzl-accent) var(--btn-top-alpha), transparent) 0%, color-mix(in srgb, var(--wzl-accent) var(--btn-upper-alpha), transparent) calc(var(--btn-equator) - var(--btn-equator-spread)), color-mix(in srgb, var(--wzl-accent) var(--btn-equator-tint), white) var(--btn-equator), var(--wzl-accent) calc(var(--btn-equator) + var(--btn-equator-spread) * 1.6), color-mix(in srgb, var(--wzl-accent) var(--btn-base-tint), black) 100%);-webkit-backdrop-filter:blur(var(--btn-blur)) saturate(var(--btn-saturate));color:var(--wzl-fg-on-accent);text-shadow:0 1px 0 rgba(0, 0, 0, var(--btn-text-shadow)), var(--btn-text-inset-x) var(--btn-text-inset-y) 0 rgba(0, 0, 0, var(--btn-text-inset)), 0 0 6px rgba(0, 0, 0, calc(var(--btn-text-shadow) * .5));box-shadow:inset 0 1px 0 rgba(255, 255, 255, var(--btn-inset-hi)), inset 0 -1px 2px rgba(0, 0, 0, var(--btn-inset-lo)), 0 0 0 1px rgba(0, 0, 0, var(--btn-rim)), 0 1px 2px rgba(0, 0, 0, var(--btn-drop-near)), 0 3px 6px rgba(0, 0, 0, var(--btn-drop-far))}._variant_primary_yji6d_121:hover:not(:disabled){filter:brightness(1.08)saturate(1.06)}._variant_primary_yji6d_121:active:not(:disabled){background:linear-gradient(180deg, color-mix(in srgb, var(--wzl-accent) 80%, black) 0%, color-mix(in srgb, var(--wzl-accent) 95%, black) 50%, color-mix(in srgb, var(--wzl-accent) 60%, white) 100%);box-shadow:inset 0 2px 4px #00000059, inset 0 -1px 0 #ffffff40, 0 0 0 1px rgba(0, 0, 0, calc(var(--btn-rim) + .06));transform:translateY(.5px)}._variant_primary_yji6d_121:active:before{opacity:.3}._variant_secondary_yji6d_168{background:linear-gradient(180deg, color-mix(in srgb, var(--wzl-fg) 25%, transparent) 0%, color-mix(in srgb, var(--wzl-fg) 10%, transparent) calc(var(--btn-equator) - var(--btn-equator-spread)), color-mix(in srgb, var(--wzl-surface-raised) 90%, white) var(--btn-equator), var(--wzl-surface-raised) calc(var(--btn-equator) + var(--btn-equator-spread) * 1.6), color-mix(in srgb, var(--wzl-surface-sunken) 80%, black) 100%);-webkit-backdrop-filter:blur(var(--btn-blur)) saturate(var(--btn-saturate));color:var(--wzl-fg);text-shadow:0 1px 0 rgba(0, 0, 0, calc(var(--btn-text-shadow) * .7)), var(--btn-text-inset-x) var(--btn-text-inset-y) 0 rgba(0, 0, 0, calc(var(--btn-text-inset) * .7));box-shadow:inset 0 1px 0 rgba(255, 255, 255, calc(var(--btn-inset-hi) * .5)), inset 0 -1px 2px rgba(0, 0, 0, calc(var(--btn-inset-lo) * .83)), 0 0 0 1px rgba(0, 0, 0, calc(var(--btn-rim) + .03)), 0 1px 2px rgba(0, 0, 0, calc(var(--btn-drop-near) * .93)), 0 3px 6px rgba(0, 0, 0, calc(var(--btn-drop-far) * .89))}._variant_secondary_yji6d_168:hover:not(:disabled){filter:brightness(1.1)}._variant_secondary_yji6d_168:active:not(:disabled){background:linear-gradient(180deg, var(--wzl-surface-sunken) 0%, var(--wzl-surface-raised) 100%);transform:translateY(.5px);box-shadow:inset 0 2px 4px #0006,0 0 0 1px #0000004d}._variant_secondary_yji6d_168:active:before{opacity:.2}._variant_ghost_yji6d_203{color:var(--wzl-fg);box-shadow:none;background:0 0}._variant_ghost_yji6d_203:before{display:none}._variant_ghost_yji6d_203:hover:not(:disabled){background:color-mix(in srgb, var(--wzl-fg) 10%, transparent)}._variant_ghost_yji6d_203:active:not(:disabled){background:color-mix(in srgb, var(--wzl-fg) 18%, transparent)}._fullWidth_yji6d_220{width:100%}._loading_yji6d_221 ._label_yji6d_221{opacity:.7}._iconSlot_yji6d_225{flex:none;justify-content:center;align-items:center;display:inline-flex}._size_sm_yji6d_110 ._iconSlot_yji6d_225>svg{width:12px;height:12px}._size_md_yji6d_111 ._iconSlot_yji6d_225>svg{width:14px;height:14px}._label_yji6d_221{display:inline-block}._spinner_yji6d_239{justify-content:center;align-items:center;animation:.7s linear infinite _wzl-btn-spin_yji6d_1;display:inline-flex}@keyframes _wzl-btn-spin_yji6d_1{to{transform:rotate(360deg)}}._anchor_18o4b_1{pointer-events:none;position:fixed}._popover_18o4b_6{z-index:1200;--callout-accent:var(--wzl-accent-strong);background:var(--wzl-surface);border:1px solid var(--callout-accent);border-radius:var(--wzl-radius-md);color:var(--wzl-fg);font-family:var(--wzl-font-ui);max-width:320px;transition:opacity var(--wzl-motion-fast);box-shadow:0 12px 40px #0006}._popover_18o4b_6[data-entering],._popover_18o4b_6[data-exiting]{opacity:0}._toneWarning_18o4b_25{--callout-accent:var(--wzl-warning,#d99a3f)}._toneDanger_18o4b_29{--callout-accent:var(--wzl-danger,#d94a3f)}._arrow_18o4b_33 svg{fill:var(--wzl-surface);stroke:var(--callout-accent);stroke-width:1px;display:block}._arrow_18o4b_33[data-placement=bottom] svg{transform:rotate(180deg)}._arrow_18o4b_33[data-placement=left] svg{transform:rotate(-90deg)}._arrow_18o4b_33[data-placement=right] svg{transform:rotate(90deg)}._dialog_18o4b_52{max-height:inherit;outline:none;flex-direction:column;display:flex}._header_18o4b_59{align-items:center;gap:8px;padding:10px 12px 0;display:flex}._title_18o4b_66{flex:1;margin:0;font-size:13px;font-weight:600}._close_18o4b_73{color:var(--wzl-fg-muted);cursor:pointer;border-radius:var(--wzl-radius-sm);background:0 0;border:none;flex:none;padding:2px 4px;font-size:16px;line-height:1}._close_18o4b_73:hover{color:var(--wzl-fg)}._body_18o4b_89{padding:8px 12px 10px;font-size:13px;line-height:1.4;overflow-y:auto}._footer_18o4b_96{justify-content:flex-end;gap:8px;padding:0 12px 10px;display:flex}._checkbox_1kve2_1{cursor:pointer;font-family:var(--wzl-font-ui);color:var(--wzl-fg);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}._checkbox_1kve2_1[data-disabled]{opacity:.5;cursor:not-allowed}._box_1kve2_18{background:var(--wzl-input-bg);border:1px solid var(--wzl-border-strong);border-radius:var(--wzl-radius-sm);width:14px;height:14px;transition:background-color var(--wzl-motion-fast), border-color var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast);flex:none;position:relative}._checkbox_1kve2_1[data-focus-visible] ._box_1kve2_18{box-shadow:0 0 0 2px var(--wzl-focus-ring)}._checkbox_1kve2_1[data-hovered]:not([data-disabled]) ._box_1kve2_18{border-color:var(--wzl-fg-muted)}._checkbox_1kve2_1[data-selected] ._box_1kve2_18,._checkbox_1kve2_1[data-indeterminate] ._box_1kve2_18{background:var(--wzl-accent-strong);border-color:var(--wzl-accent-strong)}._checkbox_1kve2_1[data-invalid] ._box_1kve2_18{border-color:var(--wzl-danger,#ff5b5b)}._checkmark_1kve2_47{color:var(--wzl-fg-on-accent);opacity:0;pointer-events:none;position:absolute;inset:0}._checkbox_1kve2_1[data-selected] ._checkmark_1kve2_47,._checkbox_1kve2_1[data-indeterminate] ._checkmark_1kve2_47{opacity:1}._label_1kve2_60{line-height:1.2}._root_r50jb_1{align-items:center;gap:6px;display:inline-flex}._chip_r50jb_7{border-radius:4px;display:inline-flex;position:relative;overflow:hidden}._color_r50jb_14{border:1px solid var(--wzl-border,#444);cursor:pointer;background:0 0;border-radius:4px;block-size:20px;inline-size:28px;padding:0}._root_r50jb_1[data-mixed] ._chip_r50jb_7:after{content:"";pointer-events:none;background:repeating-conic-gradient(var(--wzl-border,#666) 0% 25%, var(--wzl-surface,#2e2f36) 0% 50%) 50% / 8px 8px;border-radius:3px;position:absolute;inset:1px}._alphaRange_r50jb_39{min-inline-size:48px;accent-color:var(--wzl-accent,#7ab8d4);flex:1}._alphaRange_r50jb_39:disabled{opacity:.45}._alphaReadout_r50jb_49{text-align:end;opacity:.7;min-inline-size:3ch;font-size:11px}._field_aqiak_1{font-family:var(--wzl-font-ui);color:var(--wzl-fg);flex-direction:column;gap:4px;display:flex}._label_aqiak_9{color:var(--wzl-fg);cursor:default;font-size:12px;font-weight:500}._hint_aqiak_16{color:var(--wzl-fg-subtle);font-size:11px;line-height:1.4}._error_aqiak_22{color:var(--wzl-danger,#ff5b5b);font-size:11px;line-height:1.4}._row_aqiak_28{flex-direction:row;align-items:center;gap:8px}._row_aqiak_28 ._label_aqiak_9{flex:1;min-width:0}._field_kzt6j_1{flex-direction:column;gap:4px;width:100%;min-width:0;display:flex}._frame_kzt6j_9{background:var(--wzl-input-bg);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);height:24px;color:var(--wzl-fg);font-family:var(--wzl-font-ui);transition:border-color var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast);align-items:stretch;font-size:13px;line-height:1;display:flex;overflow:hidden}._frame_kzt6j_9:focus-within{border-color:var(--wzl-focus-ring);box-shadow:0 0 0 1px var(--wzl-focus-ring)}._field_kzt6j_1[data-invalid] ._frame_kzt6j_9{border-color:var(--wzl-danger,#ff5b5b)}._field_kzt6j_1[data-disabled] ._frame_kzt6j_9{opacity:.5;cursor:not-allowed}._frame_kzt6j_9 input{min-width:0;color:inherit;font:inherit;background:0 0;border:none;outline:none;flex:1;padding:0 8px}._frame_kzt6j_9 input::placeholder{color:var(--wzl-fg-subtle)}._openButton_kzt6j_53{border:none;border-left:1px solid var(--wzl-border);width:22px;color:var(--wzl-fg-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}._openButton_kzt6j_53[data-hovered]:not([data-disabled]){color:var(--wzl-fg)}._openButton_kzt6j_53 svg{width:10px;height:10px}._popover_kzt6j_75{min-width:var(--trigger-width);outline:none}._listbox_kzt6j_80{background:var(--wzl-surface-raised);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-md);max-height:280px;font-family:var(--wzl-font-ui);outline:none;padding:4px;font-size:13px;overflow:auto;box-shadow:0 8px 24px #0000004d}._option_kzt6j_93{cursor:pointer;color:var(--wzl-fg);border-radius:3px;outline:none;align-items:center;padding:4px 8px;display:flex}._option_kzt6j_93[data-focused]{background:color-mix(in srgb, var(--wzl-fg) 10%, transparent)}._option_kzt6j_93[data-selected]{font-weight:500}._option_kzt6j_93[data-disabled]{opacity:.4;cursor:not-allowed}._empty_kzt6j_116{color:var(--wzl-fg-subtle);padding:6px 8px;font-size:12px}._root_1djm7_1{--plot-bg:var(--wzl-surface-sunken);--plot-grid:var(--wzl-line);--plot-axis:var(--wzl-fg);background:var(--plot-bg);-webkit-user-select:none;user-select:none;touch-action:none;outline:none;display:block;overflow:visible}._root_1djm7_1:focus-visible{outline:2px solid var(--wzl-focus-ring);outline-offset:2px}._grid_1djm7_28{stroke:var(--plot-grid);stroke-width:1px;fill:none}._axis_1djm7_34{stroke:var(--plot-axis);stroke-width:var(--wzl-line-width);fill:none}._root_ybpym_1{--curve-line:var(--wzl-curve-color);--curve-line-width:var(--wzl-curve-width);--curve-fill:color-mix(in srgb, var(--curve-line) 30%, transparent);--curve-anchor-fill:var(--wzl-surface);--curve-anchor-stroke:var(--curve-line);--curve-anchor-radius:4;--curve-anchor-active-fill:var(--curve-line);--curve-pinned-fill:var(--wzl-fg-subtle)}._fill_ybpym_19{fill:var(--curve-fill);stroke:none;pointer-events:none}._curve_ybpym_25{stroke:var(--curve-line);stroke-width:var(--curve-line-width);fill:none;pointer-events:stroke}._anchor_ybpym_32{fill:var(--curve-anchor-fill);stroke:var(--curve-anchor-stroke);stroke-width:1.5px;cursor:grab}._anchor_ybpym_32:hover{fill:var(--curve-anchor-active-fill)}._anchor_ybpym_32._active_ybpym_43{fill:var(--curve-anchor-active-fill);cursor:grabbing}._anchor_ybpym_32._pinned_ybpym_48{fill:var(--curve-pinned-fill);cursor:default}._anchor_ybpym_32._locked_ybpym_55{cursor:not-allowed}._hidden_ybpym_71{display:none}._grid_1hke3_1{width:100%;position:relative}._table_1hke3_6{border-collapse:collapse;width:100%;font-size:11px}._table_1hke3_6 th,._table_1hke3_6 td{text-align:left;vertical-align:middle;padding:3px 6px}._table_1hke3_6 tbody tr{border-bottom:1px solid #ffffff0a}._table_1hke3_6 th{color:var(--wzl-muted,#9ea1a8);background:var(--wzl-surface,#2a2018);z-index:1;border-bottom:1px solid var(--wzl-panel-border,#25272c);font-weight:600;position:sticky;top:0}._sortable_1hke3_34{cursor:pointer;-webkit-user-select:none;user-select:none}._sortable_1hke3_34:hover,._sortActive_1hke3_39{color:var(--wzl-fg,#e6e7e9)}._empty_1hke3_41{color:var(--wzl-muted,#9ea1a8);text-align:center;padding:8px 0;font-style:italic}._handleCol_1hke3_49{width:14px}._handleCell_1hke3_50{cursor:grab;width:14px;color:var(--wzl-muted,#9ea1a8);-webkit-user-select:none;user-select:none;text-align:center}._handleCell_1hke3_50:active{cursor:grabbing}._dragging_1hke3_59{opacity:.4}._dropIndicator_1hke3_61{background:var(--wzl-accent,#7fb069);pointer-events:none;height:2px;position:absolute;left:0;right:0}._overlay_13xy9_1{z-index:1000;opacity:0;transition:opacity var(--wzl-motion-fast);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}._overlay_13xy9_1[data-entering]{opacity:0}._overlay_13xy9_1[data-entering][data-rac]{opacity:1}._overlay_13xy9_1[data-exiting]{opacity:0}._overlay_13xy9_1[data-rac]:not([data-entering]):not([data-exiting]){opacity:1}._modal_13xy9_29{background:var(--wzl-surface);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-md);color:var(--wzl-fg);font-family:var(--wzl-font-ui);outline:none;flex-direction:column;max-width:min(900px,100vw - 32px);max-height:calc(100vh - 32px);display:flex;box-shadow:0 24px 64px #00000073}._dialog_13xy9_43{outline:none;flex-direction:column;flex:1;min-height:0;display:flex}._header_13xy9_51{border-bottom:1px solid var(--wzl-border);flex:none;align-items:center;gap:12px;padding:14px 16px;display:flex}._title_13xy9_60{color:var(--wzl-fg);flex:1;margin:0;font-size:14px;font-weight:600}._close_13xy9_68{border-radius:var(--wzl-radius-sm);width:22px;height:22px;color:var(--wzl-fg-muted);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:inline-flex}._close_13xy9_68:hover{background:color-mix(in srgb, var(--wzl-fg) 10%, transparent);color:var(--wzl-fg)}._body_13xy9_90{flex:1;min-height:0;padding:16px;overflow:auto}._footer_13xy9_97{border-top:1px solid var(--wzl-border);flex:none;justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px;display:flex}._field_uwe3t_1{flex-direction:column;gap:4px;width:100%;min-width:0;display:flex}._frame_uwe3t_9{background:var(--wzl-input-bg);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);height:24px;color:var(--wzl-fg);font-family:var(--wzl-font-ui);transition:border-color var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast);align-items:center;gap:6px;padding:0 8px;font-size:13px;line-height:1;display:flex}._frame_uwe3t_9:focus-within{border-color:var(--wzl-focus-ring);box-shadow:0 0 0 1px var(--wzl-focus-ring)}._field_uwe3t_1[data-invalid] ._frame_uwe3t_9{border-color:var(--wzl-danger,#ff5b5b)}._field_uwe3t_1[data-disabled] ._frame_uwe3t_9{opacity:.5;cursor:not-allowed}._frame_uwe3t_9 input{min-width:0;color:inherit;font:inherit;background:0 0;border:none;outline:none;flex:1;padding:0}._frame_uwe3t_9 input::placeholder{color:var(--wzl-fg-subtle)}._adornment_uwe3t_54{color:var(--wzl-fg-subtle);pointer-events:none;align-items:center;font-size:12px;display:inline-flex}._keys_1ve0i_2{vertical-align:bottom;flex-wrap:wrap;align-items:flex-end;gap:3px;display:inline-flex}._keysEmpty_1ve0i_16{color:var(--wzl-muted,#9ea1a8)}._sep_1ve0i_20{color:var(--wzl-muted,#9ea1a8);font-size:11px;line-height:1}._key_1ve0i_2{box-sizing:border-box;background:var(--wzl-fg,#e6e7e9);height:18px;color:var(--wzl-bg,#181a1e);border:1px solid #25272c;border-bottom-width:2px;border-radius:3px;justify-content:center;align-items:center;padding:0 4px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:11px;font-weight:700;line-height:1;display:inline-flex}._key_1ve0i_2[data-kind=square]{width:18px;padding:0}._key_1ve0i_2[data-kind=modifier]{min-width:26px;padding:0 6px}._key_1ve0i_2[data-kind=wide]{min-width:32px;padding:0 8px}._key_1ve0i_2[data-inverted]{background:var(--wzl-bg,#181a1e);color:color-mix(in srgb, var(--wzl-fg,#e6e7e9) 60%, transparent);border-style:dotted;border-color:color-mix(in srgb, var(--wzl-fg,#e6e7e9) 40%, transparent);border-width:1.5px}._key_1ve0i_2[data-variant=minimal]{color:currentColor;background:0 0;border-color:currentColor}._key_1ve0i_2[data-variant=minimal][data-inverted]{color:currentColor;border:1.5px dotted}._field_14yuu_1{flex-direction:column;gap:4px;width:100%;min-width:0;display:flex}._frame_14yuu_9{background:var(--wzl-input-bg);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);height:24px;color:var(--wzl-fg);font-family:var(--wzl-font-ui);transition:border-color var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast);align-items:stretch;font-size:13px;line-height:1;display:flex;overflow:hidden}._frame_14yuu_9:focus-within{border-color:var(--wzl-focus-ring);box-shadow:0 0 0 1px var(--wzl-focus-ring)}._field_14yuu_1[data-invalid] ._frame_14yuu_9{border-color:var(--wzl-danger,#ff5b5b)}._field_14yuu_1[data-disabled] ._frame_14yuu_9{opacity:.5;cursor:not-allowed}._frame_14yuu_9 input{min-width:0;color:inherit;font:inherit;text-align:right;-moz-appearance:textfield;background:0 0;border:none;outline:none;flex:1;padding:0 8px}._frame_14yuu_9 input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._frame_14yuu_9 input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._steppers_14yuu_57{border-left:1px solid var(--wzl-border);flex-direction:column;display:flex}._stepper_14yuu_57{width:18px;color:var(--wzl-fg-muted);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;padding:0;font-size:9px;line-height:1;display:inline-flex}._stepper_14yuu_57:not(:last-child){border-bottom:1px solid var(--wzl-border)}._stepper_14yuu_57[data-hovered]:not([data-disabled]){background:color-mix(in srgb, var(--wzl-fg) 10%, transparent);color:var(--wzl-fg)}._stepper_14yuu_57[data-pressed]:not([data-disabled]){background:color-mix(in srgb, var(--wzl-fg) 18%, transparent)}._stepper_14yuu_57[data-disabled]{opacity:.4;cursor:not-allowed}._root_13y7a_6{height:var(--wzl-tb-height,28px);-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(#0000002e 0%,#0000000d 100%);border-radius:999px;padding:2px;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px 2px #0006,0 1px #ffffff0f}._segment_13y7a_28{min-width:0;font-family:var(--wzl-font-ui);font-weight:300;font-size:var(--btn-fontsize,14px);color:var(--wzl-fg-muted);cursor:pointer;isolation:isolate;transition:color var(--wzl-motion-fast);background:0 0;border:none;border-radius:0;flex:1 1 0;justify-content:center;align-items:center;margin:0;padding:0 12px;line-height:1;display:inline-flex;position:relative;overflow:hidden}._segment_13y7a_28:first-child{border-radius:999px 0 0 999px}._segment_13y7a_28:last-child{border-radius:0 999px 999px 0}._segment_13y7a_28:only-child{border-radius:999px}._segment_13y7a_28:focus-visible{outline:2px solid var(--wzl-accent);outline-offset:-2px}._segment_13y7a_28:disabled{opacity:.5;cursor:not-allowed}._segment_13y7a_28:hover:not(:disabled):not(._segmentSelected_13y7a_75){color:var(--wzl-fg)}._segmentSelected_13y7a_75{background:linear-gradient(180deg, color-mix(in srgb, var(--wzl-accent) var(--btn-top-alpha,45%), transparent) 0%, color-mix(in srgb, var(--wzl-accent) var(--btn-upper-alpha,70%), transparent) calc(var(--btn-equator,52%) - var(--btn-equator-spread,12%)), color-mix(in srgb, var(--wzl-accent) var(--btn-equator-tint,95%), white) var(--btn-equator,52%), var(--wzl-accent) calc(var(--btn-equator,52%) + var(--btn-equator-spread,12%) * 1.6), color-mix(in srgb, var(--wzl-accent) var(--btn-base-tint,70%), black) 100%);-webkit-backdrop-filter:blur(var(--btn-blur,6px)) saturate(var(--btn-saturate,1.3));color:var(--wzl-fg-on-accent);text-shadow:0 1px 0 rgba(0, 0, 0, var(--btn-text-shadow,.35)), var(--btn-text-inset-x,0px) var(--btn-text-inset-y,1px) 0 rgba(0, 0, 0, var(--btn-text-inset,.55)), 0 0 6px rgba(0, 0, 0, calc(var(--btn-text-shadow,.35) * .5));box-shadow:inset 0 1px 0 rgba(255, 255, 255, var(--btn-inset-hi,.42)), inset 0 -1px 2px rgba(0, 0, 0, var(--btn-inset-lo,.3)), 0 0 0 1px rgba(0, 0, 0, var(--btn-rim,.22)), 0 1px 2px rgba(0, 0, 0, var(--btn-drop-near,.3)), 0 2px 4px rgba(0, 0, 0, calc(var(--btn-drop-far,.18) * .8))}._segmentSelected_13y7a_75:before{content:"";inset:1px 1px var(--btn-gloss-bottom,50%) 1px;border-radius:inherit;background:linear-gradient(180deg, rgba(255, 255, 255, var(--btn-gloss-top,.42)) 0%, rgba(255, 255, 255, var(--btn-gloss-mid,.12)) 60%, #fff0 100%);pointer-events:none;z-index:1;border-bottom-right-radius:0;border-bottom-left-radius:0;position:absolute}._segmentSelected_13y7a_75>*{z-index:2;position:relative}._size_sm_13y7a_133{height:17px;padding:1px}._size_sm_13y7a_133 ._segment_13y7a_28{padding:0 8px;font-size:11px}._variant_minimal_13y7a_146{height:auto;box-shadow:none;background:0 0;border-radius:0;gap:2px;padding:0}._variant_minimal_13y7a_146 ._segment_13y7a_28{color:var(--wzl-fg-muted);border-radius:2px;padding:0 4px;font-size:11px;font-weight:400;line-height:1.4;transition:none}._variant_minimal_13y7a_146 ._segment_13y7a_28:first-child,._variant_minimal_13y7a_146 ._segment_13y7a_28:last-child,._variant_minimal_13y7a_146 ._segment_13y7a_28:only-child{border-radius:2px}._variant_minimal_13y7a_146 ._segment_13y7a_28:hover:not(:disabled):not(._segmentSelected_13y7a_75){color:var(--wzl-fg);background:#ffffff0f}._variant_minimal_13y7a_146 ._segmentSelected_13y7a_75{-webkit-backdrop-filter:none;color:var(--wzl-accent-fg,var(--wzl-accent));text-shadow:none;box-shadow:none;background:0 0;font-weight:500}._variant_minimal_13y7a_146 ._segmentSelected_13y7a_75:before{content:none}._row_q3wun_1{align-items:stretch;gap:var(--powerline-gap,.2em);display:inline-flex}._matrix_q3wun_7{gap:12px;display:grid}._segment_q3wun_15{font-size:inherit;text-transform:none;letter-spacing:normal}._group_1j9o8_1{font-family:var(--wzl-font-ui);color:var(--wzl-fg);flex-direction:column;gap:6px;display:flex}._group_1j9o8_1[data-orientation=horizontal]{flex-direction:row;gap:16px}._legend_1j9o8_14{color:var(--wzl-fg);font-size:12px;font-weight:500}._radio_1j9o8_20{cursor:pointer;color:var(--wzl-fg);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}._radio_1j9o8_20[data-disabled]{opacity:.5;cursor:not-allowed}._dot_1j9o8_36{background:var(--wzl-input-bg);border:1px solid var(--wzl-border-strong);width:14px;height:14px;transition:border-color var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast);border-radius:50%;flex:none;position:relative}._radio_1j9o8_20[data-focus-visible] ._dot_1j9o8_36{box-shadow:0 0 0 2px var(--wzl-focus-ring)}._radio_1j9o8_20[data-hovered]:not([data-disabled]) ._dot_1j9o8_36{border-color:var(--wzl-fg-muted)}._radio_1j9o8_20[data-selected] ._dot_1j9o8_36{border-color:var(--wzl-accent-strong)}._dot_1j9o8_36:after{content:"";background:var(--wzl-accent-strong);transition:transform var(--wzl-motion-fast);border-radius:50%;position:absolute;inset:3px;transform:scale(0)}._radio_1j9o8_20[data-selected] ._dot_1j9o8_36:after{transform:scale(1)}._slider_3o71w_1{width:100%;font-family:var(--wzl-font-ui);color:var(--wzl-fg);flex-direction:column;gap:4px;display:flex}._slider_3o71w_1[data-orientation=vertical]{flex-direction:row;align-items:stretch;width:28px;height:160px}._head_3o71w_17{justify-content:space-between;align-items:baseline;gap:8px;display:flex}._label_3o71w_24{color:var(--wzl-fg);font-size:12px;font-weight:500}._output_3o71w_30{color:var(--wzl-fg-subtle);font-variant-numeric:tabular-nums;font-size:12px}._track_3o71w_36{background:var(--wzl-track-bg);border:1px solid var(--wzl-track-border);border-radius:3px;min-width:80px;height:6px;position:relative}._slider_3o71w_1[data-orientation=vertical] ._track_3o71w_36{width:6px;height:100%}._fill_3o71w_50{background:var(--wzl-accent-strong);border-radius:3px;position:absolute;top:0;bottom:0;left:0}._thumb_3o71w_59{background:var(--wzl-thumb-fill);border:1px solid var(--wzl-thumb-border);cursor:ew-resize;width:14px;height:14px;transition:box-shadow var(--wzl-motion-fast);border-radius:50%;outline:none}._slider_3o71w_1[data-orientation=vertical] ._thumb_3o71w_59{cursor:ns-resize}._thumb_3o71w_59[data-focus-visible]{box-shadow:0 0 0 2px var(--wzl-focus-ring)}._thumb_3o71w_59[data-dragging]{background:var(--wzl-accent-strong)}._slider_3o71w_1[data-disabled]{opacity:.5;cursor:not-allowed}._field_u92mg_1{flex-direction:column;gap:4px;width:100%;min-width:0;display:flex}._trigger_u92mg_9{background:var(--wzl-input-bg);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);width:100%;height:24px;color:var(--wzl-fg);font-family:var(--wzl-font-ui);cursor:pointer;transition:border-color var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast);align-items:center;gap:6px;padding:0 6px 0 10px;font-size:13px;line-height:1;display:flex}._trigger_u92mg_9[data-focus-visible]{border-color:var(--wzl-focus-ring);box-shadow:0 0 0 1px var(--wzl-focus-ring)}._field_u92mg_1[data-invalid] ._trigger_u92mg_9{border-color:var(--wzl-danger,#ff5b5b)}._trigger_u92mg_9[data-disabled]{opacity:.5;cursor:not-allowed}._value_u92mg_41{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}._value_u92mg_41[data-placeholder]{color:var(--wzl-fg-subtle)}._chevron_u92mg_54{width:10px;height:10px;color:var(--wzl-fg-muted);flex:none}._popover_u92mg_61{min-width:var(--trigger-width);max-height:inherit;outline:none}._listbox_u92mg_67{background:var(--wzl-surface-raised);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-md);max-height:280px;font-family:var(--wzl-font-ui);outline:none;padding:4px;font-size:13px;overflow:auto;box-shadow:0 8px 24px #0000004d}._option_u92mg_80{cursor:pointer;color:var(--wzl-fg);border-radius:3px;outline:none;align-items:center;gap:8px;padding:4px 8px;display:flex}._option_u92mg_80[data-focused]{background:color-mix(in srgb, var(--wzl-fg) 10%, transparent)}._option_u92mg_80[data-selected]{color:var(--wzl-fg);font-weight:500}._option_u92mg_80[data-disabled]{opacity:.4;cursor:not-allowed}._check_u92mg_105{opacity:0;flex:none;width:10px;height:10px}._option_u92mg_80[data-selected] ._check_u92mg_105{opacity:1}._switch_1yfo6_1{cursor:pointer;font-family:var(--wzl-font-ui);color:var(--wzl-fg);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}._switch_1yfo6_1[data-disabled]{opacity:.5;cursor:not-allowed}._track_1yfo6_18{background:var(--wzl-input-bg);border:1px solid var(--wzl-border-strong);width:28px;height:16px;transition:background-color var(--wzl-motion-fast), border-color var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast);border-radius:8px;flex:none;position:relative}._switch_1yfo6_1[data-focus-visible] ._track_1yfo6_18{box-shadow:0 0 0 2px var(--wzl-focus-ring)}._switch_1yfo6_1[data-selected] ._track_1yfo6_18{background:var(--wzl-accent-strong);border-color:var(--wzl-accent-strong)}._thumb_1yfo6_38{background:var(--wzl-fg);width:12px;height:12px;transition:transform var(--wzl-motion-fast);border-radius:50%;position:absolute;top:1px;left:1px}._switch_1yfo6_1[data-selected] ._thumb_1yfo6_38{background:var(--wzl-fg-on-accent);transform:translate(12px)}._label_1yfo6_54{line-height:1.2}._columns_112g7_5{flex-flow:wrap;align-items:flex-start;gap:12px;padding-right:4px;display:flex;overflow-y:auto}._column_112g7_5{flex:0 0 var(--wzl-prefs-column-width,300px);width:var(--wzl-prefs-column-width,300px);flex-direction:column;gap:8px;display:flex}._panel_112g7_23{background:var(--wzl-surface-sunken);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);flex-direction:column;gap:8px;padding:10px;display:flex}._subpanel_112g7_33{background:var(--wzl-surface-sunken);border-left:2px solid var(--wzl-border);border-radius:2px;flex-direction:column;gap:6px;margin-top:6px;padding:8px 8px 8px 10px;display:flex}._groupHeader_112g7_44{border-bottom:1px solid var(--wzl-border);flex-direction:column;gap:2px;padding-bottom:4px;display:flex}._subpanel_112g7_33 ._groupHeader_112g7_44{border-bottom:none;padding-bottom:2px}._groupTitle_112g7_57{color:var(--wzl-fg);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:12px;font-weight:600}._subpanel_112g7_33 ._groupTitle_112g7_57{text-transform:none;letter-spacing:0;font-size:11px}._groupDesc_112g7_72{color:var(--wzl-fg-subtle);margin:0;font-size:11px;line-height:1.35}._rows_112g7_79{flex-direction:column;gap:6px;display:flex}._row_112g7_79{color:var(--wzl-fg);cursor:default;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}._rowLabel_112g7_95{flex:auto;align-items:center;gap:4px;min-width:0;display:inline-flex}._help_112g7_104{color:var(--wzl-fg-subtle);cursor:help;border-radius:var(--wzl-radius-sm);background:0 0;border:none;flex:none;padding:0;font-size:11px;line-height:1}._help_112g7_104:hover{color:var(--wzl-fg)}._help_112g7_104:focus-visible{outline:2px solid var(--wzl-focus-ring);outline-offset:1px;color:var(--wzl-fg)}._rowControl_112g7_128{flex:0 0 110px;align-items:center;min-width:0;display:flex}._textarea_112g7_135{background:var(--wzl-input-bg);width:100%;color:var(--wzl-fg);border:1px solid var(--wzl-border);border-radius:var(--wzl-radius-sm);font:inherit;resize:vertical;padding:4px 8px;font-size:12px}._unrenderable_112g7_147{font-family:var(--wzl-font-mono);color:var(--wzl-fg-subtle);font-size:11px}._titleRow_112g7_154{flex:1;align-items:center;gap:12px;min-width:0;display:flex}._titleRow_112g7_154>span:first-child{flex:1;min-width:0}._handle_1oig7_1{cursor:ew-resize;border-left:1px solid var(--wzl-panel-border,var(--wzl-border));touch-action:none;background:0 0;flex-shrink:0;align-self:stretch;width:4px}._handle_1oig7_1._horizontal_1oig7_14{cursor:ns-resize;border-left:none;border-top:1px solid var(--wzl-panel-border,var(--wzl-border));align-self:auto;width:auto;height:4px}._handle_1oig7_1:hover{background:var(--wzl-border)}._handle_1oig7_1:focus-visible{outline:2px solid var(--wzl-focus-ring,var(--wzl-accent));outline-offset:-1px}._root_nbai7_1{color:var(--wzl-text);flex-direction:column;font-size:12px;display:flex}._header_nbai7_8{border-block-end:1px solid var(--wzl-border);align-items:baseline;gap:8px;padding:8px 10px;display:flex}._kind_nbai7_16{font-size:13px;font-weight:600}._breakdown_nbai7_21{opacity:.6;font-size:11px}._section_nbai7_26{border-block-end:1px solid var(--wzl-border);padding:6px 10px 8px}._section_nbai7_26:last-child{border-block-end:none}._sectionTitle_nbai7_35{text-transform:uppercase;letter-spacing:.06em;opacity:.55;margin:0 0 6px;font-size:10px;font-weight:600}._row_nbai7_44{grid-template-columns:64px 1fr;align-items:center;gap:6px;margin-block-end:5px;display:grid}._rowLabel_nbai7_52{opacity:.75}._rowControls_nbai7_56{align-items:center;gap:6px;min-inline-size:0;display:flex}._rowControls_nbai7_56>*{flex:1;min-inline-size:0}._number_nbai7_68 input,._select_nbai7_69{font-size:11px}._unitSuffix_nbai7_73{opacity:.6;flex:none;font-size:11px}._mixedSwitch_nbai7_79{opacity:.55}._unrenderable_nbai7_83{opacity:.5;font-size:11px;font-style:italic}._sidebar_ftf90_1{background:var(--wzl-panel-bg);color:var(--wzl-text);flex-direction:column;gap:4px;display:flex}._sidebar_ftf90_1._left_ftf90_9{border-right:1px solid var(--wzl-panel-border)}._sidebar_ftf90_1._right_ftf90_12{border-left:1px solid var(--wzl-panel-border)}._panel_ox7l9_1{background:var(--wzl-panel-bg);color:var(--wzl-text);padding:8px}._title_ox7l9_7{text-transform:uppercase;letter-spacing:.05em;color:var(--wzl-text-muted);font-size:11px;font-weight:600}._titleRow_ox7l9_15{justify-content:space-between;align-items:center;margin-bottom:4px;padding:0;display:flex}._titleButton_ox7l9_23{cursor:pointer;color:inherit;font:inherit;text-align:left;background:0 0;border:0;flex:auto;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}._titleButton_ox7l9_23:hover{color:var(--wzl-text)}._chevron_ox7l9_40{color:var(--wzl-text-muted);transition:transform var(--wzl-motion-fast) ease;font-size:10px;line-height:1;display:inline-block}._chevronCollapsed_ox7l9_47{transform:rotate(-90deg)}._hideButton_ox7l9_51{color:var(--wzl-text-muted);cursor:pointer;background:0 0;border:0;padding:0 6px;font-size:14px;line-height:1}._hideButton_ox7l9_51:hover{color:var(--wzl-text)}._panel_ox7l9_1._collapsed_ox7l9_64{padding-bottom:4px}._body_ox7l9_68{padding:0 4px}._root_1jhg3_1{-webkit-user-select:none;user-select:none;touch-action:none;position:relative}._row_1jhg3_8{align-items:center;gap:8px;display:flex}._track_1jhg3_14{min-width:0;height:var(--rp-track-height,24px);background:var(--wzl-track-bg);border:1px solid var(--wzl-track-border);cursor:crosshair;border-radius:3px;flex:1;position:relative}._trackInner_1jhg3_25{border-radius:3px;position:absolute;inset:0;overflow:hidden}._thumb_1jhg3_35{background:color-mix(in srgb, var(--wzl-thumb-fill) 70%, transparent);border:1px solid var(--wzl-thumb-border);cursor:ew-resize;-webkit-backdrop-filter:blur(3px);font-variant-numeric:tabular-nums;width:14px;color:var(--wzl-thumb-text);text-shadow:0 0 2px #ffffffb3;border-radius:3px;justify-content:center;align-items:center;margin-left:-7px;font:500 .65rem/1 ui-sans-serif,system-ui,sans-serif;display:flex;position:absolute;top:-2px;bottom:-2px;box-shadow:0 1px 2px #0003}._thumb_1jhg3_35:focus-visible{outline:2px solid var(--wzl-accent);outline-offset:1px}._thumbActive_1jhg3_74{z-index:1}._readoutsBelow_1jhg3_79{height:14px;margin-top:4px;position:relative}._readoutBelow_1jhg3_85{color:var(--wzl-text-muted);white-space:nowrap;font:500 .65rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:absolute;transform:translate(-50%)}._readoutInline_1jhg3_93{color:var(--wzl-text-muted);vertical-align:middle;margin-left:8px;font:500 .7rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:inline-block}._notched_1jhg3_101{background:var(--thumb-svg,none);-webkit-backdrop-filter:none;box-shadow:none;filter:drop-shadow(0 1px 1px #00000040);--thumb-svg:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 30' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 2.52,0 7,10.3 11.48,0 14,0 14,30 0,30' fill='rgba(255,255,255,0.62)' stroke='rgba(0,0,0,0.55)' stroke-width='0.75' stroke-linejoin='miter'/%3E%3C/svg%3E");background-color:#0000;background-repeat:no-repeat;background-size:100% 100%;border:none}._bar_15iu9_1{font-family:var(--wzl-font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--wzl-text-muted,var(--wzl-fg-subtle));background:var(--wzl-panel-bg);border-top:1px solid var(--wzl-panel-border);flex-shrink:0;align-items:center;gap:16px;padding:4px 12px;font-size:11px;display:flex}._item_15iu9_14{white-space:nowrap}._muted_15iu9_18{opacity:.6;font-variant-numeric:tabular-nums}._hasTitle_15iu9_23{cursor:help}._spacer_15iu9_27{margin-left:auto}._tabs_ce73l_1{font-family:var(--wzl-font-ui);color:var(--wzl-fg);flex-direction:column;gap:0;display:flex}._tabs_ce73l_1[data-orientation=horizontal]{flex-direction:column}._tabs_ce73l_1[data-orientation=vertical]{flex-direction:row;gap:12px}._list_ce73l_18{border-bottom:1px solid var(--wzl-border);gap:2px;display:flex}._tabs_ce73l_1[data-orientation=vertical] ._list_ce73l_18{border-bottom:none;border-right:1px solid var(--wzl-border);flex-direction:column;padding-right:8px}._tab_ce73l_1{color:var(--wzl-fg-muted);font:inherit;cursor:pointer;transition:color var(--wzl-motion-fast);background:0 0;border:none;outline:none;padding:6px 10px;font-size:12px;position:relative}._tab_ce73l_1[data-hovered]:not([data-disabled]),._tab_ce73l_1[data-selected]{color:var(--wzl-fg)}._tab_ce73l_1[data-selected]:after{content:"";background:var(--wzl-accent-strong);height:2px;position:absolute;bottom:-1px;left:0;right:0}._tabs_ce73l_1[data-orientation=vertical] ._tab_ce73l_1[data-selected]:after{width:2px;height:auto;inset:0 -9px 0 auto}._tab_ce73l_1[data-focus-visible]{box-shadow:inset 0 0 0 2px var(--wzl-focus-ring);border-radius:var(--wzl-radius-sm)}._tab_ce73l_1[data-disabled]{opacity:.5;cursor:not-allowed}._panel_ce73l_81{outline:none;padding:12px 0}._panel_ce73l_81[data-focus-visible]{box-shadow:inset 0 0 0 2px var(--wzl-focus-ring);border-radius:var(--wzl-radius-sm)}._region_18i9b_1{z-index:1100;outline:none;flex-direction:column-reverse;gap:8px;max-width:360px;display:flex;position:fixed}._bottomRight_18i9b_17{bottom:16px;right:16px}._bottomLeft_18i9b_18{bottom:16px;left:16px}._topRight_18i9b_19{flex-direction:column;top:16px;right:16px}._topLeft_18i9b_20{flex-direction:column;top:16px;left:16px}._toast_18i9b_22{--toast-accent:var(--wzl-accent-strong);view-transition-class:wzl-toast;background:var(--wzl-surface);border:1px solid var(--wzl-border);border-left:3px solid var(--toast-accent);border-radius:var(--wzl-radius-md);color:var(--wzl-fg);font-family:var(--wzl-font-ui);outline:none;align-items:flex-start;gap:8px;padding:10px 12px;display:flex;box-shadow:0 8px 24px #00000059}._region_18i9b_1[data-focus-visible],._toast_18i9b_22[data-focus-visible]{outline:2px solid var(--wzl-focus-ring);outline-offset:1px}._toneSuccess_18i9b_49{--toast-accent:var(--wzl-success,#2ec27e)}._toneWarning_18i9b_50{--toast-accent:var(--wzl-warning,#d99a3f)}._toneError_18i9b_51{--toast-accent:var(--wzl-danger,#d94a3f)}._content_18i9b_53{flex:1;min-width:0}._title_18i9b_58{font-size:13px;font-weight:600;display:block}._description_18i9b_64{color:var(--wzl-fg-muted);margin-top:2px;font-size:12px;display:block}._close_18i9b_71{color:var(--wzl-fg-muted);cursor:pointer;border-radius:var(--wzl-radius-sm);background:0 0;border:none;flex:none;padding:2px 4px;font-size:16px;line-height:1}._close_18i9b_71:hover{color:var(--wzl-fg)}:root.wzl-toast-vt{view-transition-name:none}:root.wzl-toast-vt::view-transition{pointer-events:none}:root.wzl-toast-vt::view-transition-new(.wzl-toast):only-child{animation:wzl-toast-enter var(--wzl-motion-medium,.24s) var(--wzl-ease-out-cubic,ease-out) both}:root.wzl-toast-vt::view-transition-old(.wzl-toast):only-child{animation:wzl-toast-exit var(--wzl-motion-fast,.12s) var(--wzl-ease-in-cubic,ease-in) both}@keyframes wzl-toast-enter{0%{opacity:0;translate:0 16px}}@keyframes wzl-toast-exit{to{opacity:0;scale:.92}}._root_1pyfg_6{height:var(--wzl-tb-height,28px);-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(#0000002e 0%,#0000000d 100%);border-radius:999px;padding:2px;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px 2px #0006,0 1px #ffffff0f}._segment_1pyfg_28{min-width:0;font-family:var(--wzl-font-ui);font-weight:300;font-size:var(--btn-fontsize,14px);color:var(--wzl-fg-muted);cursor:pointer;isolation:isolate;transition:color var(--wzl-motion-fast);background:0 0;border:none;border-radius:0;flex:1 1 0;justify-content:center;align-items:center;margin:0;padding:0 12px;line-height:1;display:inline-flex;position:relative;overflow:hidden}._segment_1pyfg_28:first-child{border-radius:999px 0 0 999px}._segment_1pyfg_28:last-child{border-radius:0 999px 999px 0}._segment_1pyfg_28:only-child{border-radius:999px}._segment_1pyfg_28:focus-visible{outline:2px solid var(--wzl-accent);outline-offset:-2px}._segment_1pyfg_28:disabled{opacity:.5;cursor:not-allowed}._segment_1pyfg_28:hover:not(:disabled):not(._segmentSelected_1pyfg_75){color:var(--wzl-fg)}._segmentSelected_1pyfg_75{background:linear-gradient(180deg, color-mix(in srgb, var(--wzl-accent) var(--btn-top-alpha,45%), transparent) 0%, color-mix(in srgb, var(--wzl-accent) var(--btn-upper-alpha,70%), transparent) calc(var(--btn-equator,52%) - var(--btn-equator-spread,12%)), color-mix(in srgb, var(--wzl-accent) var(--btn-equator-tint,95%), white) var(--btn-equator,52%), var(--wzl-accent) calc(var(--btn-equator,52%) + var(--btn-equator-spread,12%) * 1.6), color-mix(in srgb, var(--wzl-accent) var(--btn-base-tint,70%), black) 100%);-webkit-backdrop-filter:blur(var(--btn-blur,6px)) saturate(var(--btn-saturate,1.3));color:var(--wzl-fg-on-accent);text-shadow:0 1px 0 rgba(0, 0, 0, var(--btn-text-shadow,.35)), var(--btn-text-inset-x,0px) var(--btn-text-inset-y,1px) 0 rgba(0, 0, 0, var(--btn-text-inset,.55)), 0 0 6px rgba(0, 0, 0, calc(var(--btn-text-shadow,.35) * .5));box-shadow:inset 0 1px 0 rgba(255, 255, 255, var(--btn-inset-hi,.42)), inset 0 -1px 2px rgba(0, 0, 0, var(--btn-inset-lo,.3)), 0 0 0 1px rgba(0, 0, 0, var(--btn-rim,.22)), 0 1px 2px rgba(0, 0, 0, var(--btn-drop-near,.3)), 0 2px 4px rgba(0, 0, 0, calc(var(--btn-drop-far,.18) * .8))}._segmentSelected_1pyfg_75:before{content:"";inset:1px 1px var(--btn-gloss-bottom,50%) 1px;border-radius:inherit;background:linear-gradient(180deg, rgba(255, 255, 255, var(--btn-gloss-top,.42)) 0%, rgba(255, 255, 255, var(--btn-gloss-mid,.12)) 60%, #fff0 100%);pointer-events:none;z-index:1;border-bottom-right-radius:0;border-bottom-left-radius:0;position:absolute}._segmentSelected_1pyfg_75>*{z-index:2;position:relative}._segmentMixed_1pyfg_134{background:color-mix(in srgb, var(--wzl-accent) 22%, transparent);color:var(--wzl-fg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--wzl-accent) 45%, transparent)}._segmentMixed_1pyfg_134:hover:not(:disabled){background:color-mix(in srgb, var(--wzl-accent) 32%, transparent)}._variant_minimal_1pyfg_144 ._segmentMixed_1pyfg_134{background:color-mix(in srgb, var(--wzl-accent) 18%, transparent);box-shadow:none;color:var(--wzl-fg)}._size_sm_1pyfg_153{height:17px;padding:1px}._size_sm_1pyfg_153 ._segment_1pyfg_28{padding:0 8px;font-size:11px}._variant_minimal_1pyfg_144{border:1px solid var(--wzl-border,#ffffff2e);height:auto;box-shadow:none;background:0 0;border-radius:3px;gap:0;padding:0}._variant_minimal_1pyfg_144 ._segment_1pyfg_28{color:var(--wzl-fg-muted);border-radius:0;padding:0 6px;font-size:11px;font-weight:400;line-height:1.4;transition:none}._variant_minimal_1pyfg_144 ._segment_1pyfg_28+._segment_1pyfg_28{border-left:1px solid var(--wzl-border,#ffffff2e)}._variant_minimal_1pyfg_144 ._segment_1pyfg_28:first-child,._variant_minimal_1pyfg_144 ._segment_1pyfg_28:last-child,._variant_minimal_1pyfg_144 ._segment_1pyfg_28:only-child{border-radius:0}._variant_minimal_1pyfg_144 ._segment_1pyfg_28:hover:not(:disabled):not(._segmentSelected_1pyfg_75){color:var(--wzl-fg);background:#ffffff0f}._variant_minimal_1pyfg_144 ._segmentSelected_1pyfg_75{-webkit-backdrop-filter:none;color:var(--wzl-accent-fg,var(--wzl-accent));text-shadow:none;box-shadow:none;background:0 0;font-weight:500}._variant_minimal_1pyfg_144 ._segmentSelected_1pyfg_75:before{content:none}._button_rsrcm_1{min-width:44px;color:var(--wzl-text);cursor:default;background:0 0;border:1px solid #0000;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 4px;font-family:inherit;font-size:10px;line-height:1.1;display:inline-flex}._button_rsrcm_1:hover:not([disabled]){background:var(--wzl-button-fill-hover);color:var(--wzl-button-text)}._button_rsrcm_1:focus-visible{outline:2px solid var(--wzl-accent);outline-offset:-2px}._button_rsrcm_1._active_rsrcm_26{background:var(--wzl-button-fill-pressed);border-color:var(--wzl-accent);color:var(--wzl-button-text)}._button_rsrcm_1[disabled]{opacity:.4}._icon_rsrcm_35,._icon_rsrcm_35>svg{display:block}._label_rsrcm_37{font-size:10px}._shortcut_rsrcm_38{color:var(--wzl-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}._group_o2pho_1{flex-direction:column;gap:2px;display:flex}._group_o2pho_1._horizontal_o2pho_6{flex-direction:row}._root_zcxef_13{height:var(--wzl-tb-height,28px);background:var(--wzl-panel-bg);border-bottom:1px solid var(--wzl-panel-border);color:var(--wzl-text);align-items:center;gap:8px;padding:0 8px;display:flex;overflow:hidden}._label_zcxef_25{text-transform:uppercase;letter-spacing:.05em;color:var(--wzl-text-muted);white-space:nowrap;flex:none;font-size:11px;font-weight:600}._controls_zcxef_6{scrollbar-width:thin;flex:auto;align-items:center;gap:6px;min-width:0;height:100%;display:flex;overflow:auto hidden}._controls_zcxef_6::-webkit-scrollbar{height:4px}._controls_zcxef_6::-webkit-scrollbar-track{background:0 0}._controls_zcxef_6::-webkit-scrollbar-thumb{background:var(--wzl-panel-border);border-radius:2px}._palette_1ygdo_1{background:var(--wzl-panel-bg);border:1px solid var(--wzl-panel-border);-webkit-user-select:none;user-select:none;border-radius:4px;flex-direction:column;gap:4px;padding:4px;display:flex}._palette_1ygdo_1._horizontal_1ygdo_11{flex-direction:row}._ineligibleBtn_1ygdo_16{opacity:.35;cursor:not-allowed}._separator_1ygdo_21{background:var(--wzl-panel-border)}._palette_1ygdo_1:not(._horizontal_1ygdo_11) ._separator_1ygdo_21{height:1px;margin:2px 0}._palette_1ygdo_1._horizontal_1ygdo_11 ._separator_1ygdo_21{width:1px;margin:0 2px}
 /*$vite$:1*/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weasel-js/ui",
-  "version": "0.7.0",
+  "version": "0.7.2",
   "description": "UI chrome primitives for weasel apps (properties panel, etc.)",
   "license": "MIT",
   "type": "module",
@@ -23,7 +23,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@weasel-js/modes": "0.7.0",
+    "@weasel-js/modes": "0.7.2",
     "react-aria-components": "^1.5.0"
   },
   "peerDependencies": {
@@ -42,17 +42,18 @@
     "url": "https://github.com/orochi235/weasel/issues"
   },
   "engines": {
-    "node": ">=20"
+    "node": ">=22"
   },
   "files": [
     "dist",
     "README.md",
     "LICENSE"
   ],
-  "publishConfig": {
-    "access": "public"
-  },
   "scripts": {
     "build": "vite build && tsc -p tsconfig.build.json"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
   }
-}
+}

package/dist/chunks/Select-l7pAkVEG.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select-l7pAkVEG.js","names":[],"sources":["../../src/components/Select/Select.module.css","../../src/components/Select/Select.tsx"],"sourcesContent":[".field {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  min-width: 0;\n  gap: 4px;\n}\n\n.trigger {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  gap: 6px;\n  height: 24px;\n  padding: 0 6px 0 10px;\n  background: var(--wzl-input-bg);\n  border: 1px solid var(--wzl-border);\n  border-radius: var(--wzl-radius-sm);\n  color: var(--wzl-fg);\n  font-family: var(--wzl-font-ui);\n  font-size: 13px;\n  line-height: 1;\n  cursor: pointer;\n  transition: border-color var(--wzl-motion-fast), box-shadow var(--wzl-motion-fast);\n}\n\n.trigger[data-focus-visible] {\n  border-color: var(--wzl-focus-ring);\n  box-shadow: 0 0 0 1px var(--wzl-focus-ring);\n}\n\n.field[data-invalid] .trigger {\n  border-color: var(--wzl-danger, #ff5b5b);\n}\n\n.trigger[data-disabled] {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.value {\n  flex: 1;\n  min-width: 0;\n  text-align: left;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.value[data-placeholder] {\n  color: var(--wzl-fg-subtle);\n}\n\n.chevron {\n  width: 10px;\n  height: 10px;\n  color: var(--wzl-fg-muted);\n  flex: 0 0 auto;\n}\n\n.popover {\n  min-width: var(--trigger-width);\n  max-height: inherit;\n  outline: none;\n}\n\n.listbox {\n  background: var(--wzl-surface-raised);\n  border: 1px solid var(--wzl-border);\n  border-radius: var(--wzl-radius-md);\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);\n  padding: 4px;\n  max-height: 280px;\n  overflow: auto;\n  outline: none;\n  font-family: var(--wzl-font-ui);\n  font-size: 13px;\n}\n\n.option {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 4px 8px;\n  border-radius: 3px;\n  cursor: pointer;\n  color: var(--wzl-fg);\n  outline: none;\n}\n\n.option[data-focused] {\n  background: color-mix(in srgb, var(--wzl-fg) 10%, transparent);\n}\n\n.option[data-selected] {\n  color: var(--wzl-fg);\n  font-weight: 500;\n}\n\n.option[data-disabled] {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n\n.check {\n  width: 10px;\n  height: 10px;\n  flex: 0 0 auto;\n  opacity: 0;\n}\n\n.option[data-selected] .check {\n  opacity: 1;\n}\n","import type { ReactNode } from 'react';\nimport {\n  Select as RACSelect,\n  Label,\n  Button as RACButton,\n  SelectValue,\n  Popover as RACPopover,\n  ListBox as RACListBox,\n  ListBoxItem as RACListBoxItem,\n  Text,\n  FieldError,\n  type SelectProps as RACSelectProps,\n  type ListBoxItemProps as RACListBoxItemProps,\n  type ValidationResult,\n} from 'react-aria-components';\nimport { fieldClasses } from '../Field/Field';\nimport s from './Select.module.css';\n\nexport type SelectOption = {\n  value: string;\n  label: ReactNode;\n  isDisabled?: boolean;\n};\n\ntype Key = string | number;\n\nexport type SelectProps<T extends Key = string> = Omit<RACSelectProps<object>, 'children' | 'className' | 'selectedKey' | 'defaultSelectedKey' | 'onSelectionChange'> & {\n  label?: ReactNode;\n  description?: ReactNode;\n  errorMessage?: ReactNode | ((v: ValidationResult) => ReactNode);\n  placeholder?: string;\n  /** Either pass `options` for a quick render, or `children` for full control. */\n  options?: ReadonlyArray<SelectOption & { value: T }>;\n  children?: ReactNode;\n  selectedKey?: T | null;\n  defaultSelectedKey?: T;\n  onSelectionChange?: (key: T) => void;\n  className?: string;\n};\n\n/**\n * Form select wrapping React Aria's Select. Pass either `options` for a\n * quick declarative render or `children` of `<SelectItem>` for control over\n * each row.\n *\n * The selection key type is parameterized so consumers with a string-literal\n * union for `value` (e.g. `'r' | 'g' | 'b'`) get a typed `onSelectionChange`.\n */\nexport function Select<T extends Key = string>(props: SelectProps<T>) {\n  const {\n    label,\n    description,\n    errorMessage,\n    placeholder,\n    options,\n    children,\n    selectedKey,\n    defaultSelectedKey,\n    onSelectionChange,\n    className,\n    ...rest\n  } = props;\n\n  return (\n    <RACSelect\n      {...rest}\n      selectedKey={selectedKey ?? undefined}\n      defaultSelectedKey={defaultSelectedKey}\n      onSelectionChange={onSelectionChange ? (k) => onSelectionChange(k as T) : undefined}\n      className={[s.field, fieldClasses.root, className].filter(Boolean).join(' ')}\n    >\n      {label !== undefined && <Label className={fieldClasses.label}>{label}</Label>}\n      <RACButton className={s.trigger}>\n        <SelectValue className={s.value}>\n          {({ defaultChildren, isPlaceholder }) =>\n            isPlaceholder ? (placeholder ?? defaultChildren) : defaultChildren\n          }\n        </SelectValue>\n        <svg className={s.chevron} viewBox=\"0 0 10 10\" aria-hidden=\"true\">\n          <path d=\"M2 4 L5 7 L8 4\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n        </svg>\n      </RACButton>\n      {description !== undefined && (\n        <Text slot=\"description\" className={fieldClasses.hint}>\n          {description}\n        </Text>\n      )}\n      <FieldError className={fieldClasses.error}>{errorMessage}</FieldError>\n      <RACPopover className={s.popover}>\n        <RACListBox className={s.listbox}>\n          {options !== undefined\n            ? options.map((o) => (\n                <SelectItem key={String(o.value)} id={o.value} isDisabled={o.isDisabled}>\n                  {o.label}\n                </SelectItem>\n              ))\n            : children}\n        </RACListBox>\n      </RACPopover>\n    </RACSelect>\n  );\n}\n\nexport type SelectItemProps = Omit<RACListBoxItemProps, 'className' | 'children'> & {\n  children?: ReactNode;\n  className?: string;\n};\n\nexport function SelectItem({ children, className, ...rest }: SelectItemProps) {\n  return (\n    <RACListBoxItem {...rest} className={[s.option, className].filter(Boolean).join(' ')}>\n      <svg className={s.check} viewBox=\"0 0 10 10\" aria-hidden=\"true\">\n        <polyline points=\"1.5,5 4,7.5 8.5,3\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.6\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n      </svg>\n      {children}\n    </RACListBoxItem>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;ACgDA,SAAgB,EAA+B,GAAuB;CACpE,IAAM,EACJ,UACA,gBACA,iBACA,gBACA,YACA,aACA,gBACA,uBACA,sBACA,cACA,GAAG,MACD;CAEJ,OACE,kBAAC,GAAD;EACE,GAAI;EACJ,aAAa,KAAe,KAAA;EACR;EACpB,mBAAmB,KAAqB,MAAM,EAAkB,EAAO,GAAG,KAAA;EAC1E,WAAW;GAAC,EAAE;GAAO,EAAa;GAAM;GAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;YAL9E;GAOG,MAAU,KAAA,KAAa,kBAAC,GAAD;IAAO,WAAW,EAAa;cAAQ;IAAc,CAAA;GAC7E,kBAAC,GAAD;IAAW,WAAW,EAAE;cAAxB,CACE,kBAAC,GAAD;KAAa,WAAW,EAAE;gBACtB,EAAE,oBAAiB,uBACnB,IAAiB,KAAe,IAAmB;KAEzC,CAAA,EACd,kBAAC,OAAD;KAAK,WAAW,EAAE;KAAS,SAAQ;KAAY,eAAY;eACzD,kBAAC,QAAD;MAAM,GAAE;MAAiB,MAAK;MAAO,QAAO;MAAe,aAAY;MAAM,eAAc;MAAQ,gBAAe;MAAU,CAAA;KACxH,CAAA,CACI;;GACX,MAAgB,KAAA,KACf,kBAAC,GAAD;IAAM,MAAK;IAAc,WAAW,EAAa;cAC9C;IACI,CAAA;GAET,kBAAC,GAAD;IAAY,WAAW,EAAa;cAAQ;IAA0B,CAAA;GACtE,kBAAC,GAAD;IAAY,WAAW,EAAE;cACvB,kBAAC,GAAD;KAAY,WAAW,EAAE;eACtB,MAAY,KAAA,IAMT,IALA,EAAQ,KAAK,MACX,kBAAC,GAAD;MAAkC,IAAI,EAAE;MAAO,YAAY,EAAE;gBAC1D,EAAE;MACQ,EAFI,OAAO,EAAE,MAAM,CAEnB,CACb;KAEK,CAAA;IACF,CAAA;GACH;;;AAShB,SAAgB,EAAW,EAAE,aAAU,cAAW,GAAG,KAAyB;CAC5E,OACE,kBAAC,GAAD;EAAgB,GAAI;EAAM,WAAW,CAAC,EAAE,QAAQ,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;YAApF,CACE,kBAAC,OAAD;GAAK,WAAW,EAAE;GAAO,SAAQ;GAAY,eAAY;aACvD,kBAAC,YAAD;IAAU,QAAO;IAAoB,MAAK;IAAO,QAAO;IAAe,aAAY;IAAM,eAAc;IAAQ,gBAAe;IAAU,CAAA;GACpI,CAAA,EACL,EACc"}