@weasel-js/labkit 1.6.0 → 1.6.1

package/dist/{chunk-WUJXJC5O.js → chunk-TYN6MLXX.js}

@@ -1,15 +1,15 @@
-import { ACTION_GLYPHS, useVisibleRaf, oklchDegToHex, useActionsRegistry, useOptionalDepRegistry, actionItems, buildDepsFromRequires, evaluateEnabled, startThresholdDrag, openPointerSession, toHex8, getAlpha01, withGradientKind, sampleGradientStops, resolveScreenLength, SCRIPT_METRICS, boundsOfPath, listPaintKinds, getPaintKind, withAlpha01, isBuiltinToolPref, actionShortcuts, getMarker, PATH_M, PATH_L, PATH_C, PATH_Q, PATH_Z, resolveAlign, isMeshGradientFill, asPaint, UnknownIcon, sampleTrack, EASINGS, resolveEasing, cubicBezierEasing } from '@weasel-js/core';
-export { PencilIcon as A, RedoIcon as F, TextIcon as H, SelectIcon as I, RectIcon as P, LineIcon as T, UndoIcon as U, ArrowIcon as i2, EllipseIcon as m, HandIcon as y } from '@weasel-js/core';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { tilePreviewCssUrl } from './chunk-QGMOA2YE.js';
+import { ACTION_GLYPHS, useVisibleRaf, oklchDegToHex, useActionsRegistry, useOptionalDepRegistry, actionItems, buildDepsFromRequires, evaluateEnabled, startThresholdDrag, openPointerSession, toHex8, getAlpha01, withGradientKind, sampleGradientStops, listPaintKinds, getPaintKind, withAlpha01, isBuiltinToolPref, actionShortcuts, isMeshGradientFill, asPaint, UnknownIcon, sampleTrack, EASINGS, resolveEasing, cubicBezierEasing } from '@weasel-js/core';
+export { SelectIcon as A, LineIcon as C, PencilIcon as E, UndoIcon as F, RectIcon as O, TextIcon as P, HandIcon as b, EllipseIcon as h, RedoIcon as k, ArrowIcon as o } from '@weasel-js/core';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { createContext, forwardRef, useState, useRef, useEffect, useId, useMemo, useCallback, useImperativeHandle, useLayoutEffect, memo, useContext, Children, isValidElement, useSyncExternalStore, Fragment as Fragment$1, createElement } from 'react';
 import { Focusable, Checkbox, TextField, Label, Input, Text, FieldError, NumberField, Group, Button, Switch, TooltipTrigger, Tooltip, OverlayArrow, Select, SelectValue, Popover, ListBox, UNSTABLE_ToastQueue, ListBoxSection, Header, ListBoxItem, ModalOverlay, Modal, Dialog, Heading, RadioGroup, Radio, Tabs, TabList, Tab, TabPanel, MenuTrigger, Menu, MenuItem, ComboBox, ComboBoxStateContext, Slider, SliderOutput, SliderTrack, SliderThumb, UNSTABLE_ToastRegion, UNSTABLE_Toast, UNSTABLE_ToastContent, DialogTrigger } from 'react-aria-components';
 export { DialogTrigger as u6 } from 'react-aria-components';
 import { colorCssAt, tokenPx } from '@weasel-js/theme';
 import { useTones } from '@weasel-js/theme/react';
 import { createPortal, flushSync } from 'react-dom';
-import { tileGeometry } from '@weasel-js/core/patterns-builtin';
 
-// ../ui/dist/chunks/dlog-CMYiRF3Q.js
+// ../ui/dist/chunks/dlog-F0I8KsIW.js
 var e = ["weasel.debug", "weaseldraw.debug"];
 var t = null;
 function n() {
@@ -21,7 +21,7 @@ function n() {
   try {
     for (let t41 of e) {
       let e28 = localStorage.getItem(t41);
-      if (!(e28 == null || e28 === "")) return e28 === "1" || e28 === "true" || e28 === "*" ? {
+      if (e28 != null && e28 !== "") return e28 === "1" || e28 === "true" || e28 === "*" ? {
         all: true,
         set: /* @__PURE__ */ new Set()
       } : {
@@ -397,71 +397,71 @@ function l({ name: e28, className: i53, size: s44 = 20, label: l40, filled: u37
     fillOpacity: f30 ? d33 : void 0,
     role: l40 ? "img" : void 0,
     "aria-label": l40,
-    "aria-hidden": l40 ? void 0 : true,
+    "aria-hidden": !l40 || void 0,
     dangerouslySetInnerHTML: c(f30 + n2[e28])
   });
 }
-var X = (t40) => /* @__PURE__ */ jsx(l, {
+var z = (t40) => /* @__PURE__ */ jsx(l, {
   name: "clone",
   ...t40
 });
-var Z = (t40) => /* @__PURE__ */ jsx(l, {
+var B = (t40) => /* @__PURE__ */ jsx(l, {
   name: "reset",
   ...t40
 });
-var re = (t40) => /* @__PURE__ */ jsx(l, {
+var V = (t40) => /* @__PURE__ */ jsx(l, {
   name: "close",
   ...t40
 });
-var Q = (t40) => /* @__PURE__ */ jsx(l, {
+var H = (t40) => /* @__PURE__ */ jsx(l, {
   name: "export",
   ...t40
 });
-var ie = (t40) => /* @__PURE__ */ jsx(l, {
+var U = (t40) => /* @__PURE__ */ jsx(l, {
   name: "zoomIn",
   ...t40
 });
-var oe = (t40) => /* @__PURE__ */ jsx(l, {
+var G = (t40) => /* @__PURE__ */ jsx(l, {
   name: "add",
   ...t40
 });
-var se = (t40) => /* @__PURE__ */ jsx(l, {
+var K = (t40) => /* @__PURE__ */ jsx(l, {
   name: "modeLight",
   ...t40
 });
-var ce = (t40) => /* @__PURE__ */ jsx(l, {
+var q = (t40) => /* @__PURE__ */ jsx(l, {
   name: "modeDark",
   ...t40
 });
-var le = (t40) => /* @__PURE__ */ jsx(l, {
+var te = (t40) => /* @__PURE__ */ jsx(l, {
   name: "modeAuto",
   ...t40
 });
-var fe = (t40) => /* @__PURE__ */ jsx(l, {
+var X = (t40) => /* @__PURE__ */ jsx(l, {
   name: "zoomOut",
   ...t40
 });
-var pe = (t40) => /* @__PURE__ */ jsx(l, {
+var Z = (t40) => /* @__PURE__ */ jsx(l, {
   name: "fit",
   ...t40
 });
-var me = (t40) => /* @__PURE__ */ jsx(l, {
+var Q = (t40) => /* @__PURE__ */ jsx(l, {
   name: "snapshot",
   ...t40
 });
-var he = (t40) => /* @__PURE__ */ jsx(l, {
+var ne = (t40) => /* @__PURE__ */ jsx(l, {
   name: "play",
   ...t40
 });
-var ge = (t40) => /* @__PURE__ */ jsx(l, {
+var re = (t40) => /* @__PURE__ */ jsx(l, {
   name: "pause",
   ...t40
 });
-var _e = (t40) => /* @__PURE__ */ jsx(l, {
+var ie = (t40) => /* @__PURE__ */ jsx(l, {
   name: "stop",
   ...t40
 });
-var ve = (t40) => /* @__PURE__ */ jsx(l, {
+var ae = (t40) => /* @__PURE__ */ jsx(l, {
   name: "stepBack",
   ...t40
 });
@@ -469,32 +469,32 @@ var $ = (t40) => /* @__PURE__ */ jsx(l, {
   name: "stepForward",
   ...t40
 });
-var Te = (t40) => /* @__PURE__ */ jsx(l, {
+var fe = (t40) => /* @__PURE__ */ jsx(l, {
   name: "loupe",
   ...t40
 });
-var Oe = (t40) => /* @__PURE__ */ jsx(l, {
+var he = (t40) => /* @__PURE__ */ jsx(l, {
   name: "lock",
   ...t40
 });
-var Pe = (t40) => /* @__PURE__ */ jsx(l, {
+var xe = (t40) => /* @__PURE__ */ jsx(l, {
   name: "collapse",
   ...t40
 });
-var Fe = (t40) => /* @__PURE__ */ jsx(l, {
+var Se = (t40) => /* @__PURE__ */ jsx(l, {
   name: "expand",
   ...t40
 });
-var We = (t40) => /* @__PURE__ */ jsx(l, {
+var je = (t40) => /* @__PURE__ */ jsx(l, {
   name: "warning",
   ...t40
 });
-var Ge = (t40) => /* @__PURE__ */ jsx(l, {
+var Me = (t40) => /* @__PURE__ */ jsx(l, {
   name: "error",
   ...t40
 });
 
-// ../ui/dist/chunks/keyGlyph-CLvUHU8c.js
+// ../ui/dist/chunks/keyGlyph-C0qTakG-.js
 function e3(e28) {
   switch (e28) {
     case "Escape":
@@ -524,7 +524,7 @@ function e3(e28) {
   }
 }
 
-// ../ui/dist/chunks/formatShortcut-BoGqUoWi.js
+// ../ui/dist/chunks/formatShortcut-DRQrVThu.js
 function t4(t40) {
   if (!t40) return;
   let n45 = Array.isArray(t40.key) ? t40.key[0] : t40.key, r48 = [];
@@ -600,17 +600,17 @@ function _2(e28, t40) {
   return r48 ? `${e28} (${r48})` : e28;
 }
 function v2(n45) {
-  let { group: i53, orientation: v19 = "horizontal", icons: y18, labels: b18, className: x18 } = n45, S17 = useActionsRegistry(), C14 = useOptionalDepRegistry(), w13 = useSyncExternalStore(S17 ? S17.subscribe : h2, S17 ? S17.list : () => m2, S17 ? S17.list : () => m2).filter((e28) => e28.group === i53).flatMap(actionItems);
+  let { group: i53, orientation: v19 = "horizontal", icons: y18, labels: b17, className: x18 } = n45, S17 = useActionsRegistry(), C14 = useOptionalDepRegistry(), w13 = useSyncExternalStore(S17 ? S17.subscribe : h2, S17 ? S17.list : () => m2, S17 ? S17.list : () => m2).filter((e28) => e28.group === i53).flatMap(actionItems), T13 = [
+    p2.bar,
+    v19 === "vertical" && p2.vertical,
+    x18
+  ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsx("div", {
-    className: [
-      p2.bar,
-      v19 === "vertical" && p2.vertical,
-      x18
-    ].filter(Boolean).join(" "),
+    className: T13,
     role: "toolbar",
     "aria-label": `${i53} actions`,
     children: w13.map((n46) => {
-      let r48 = b18?.[n46.key] ?? n46.label, i54 = g2(n46, y18?.[n46.key]), s44 = C14 ? buildDepsFromRequires(n46.action, C14) : void 0, { enabled: c42 } = evaluateEnabled(n46.action, s44), d33 = !c42, m26 = _2(r48, n46);
+      let r48 = b17?.[n46.key] ?? n46.label, i54 = g2(n46, y18?.[n46.key]), s44 = C14 ? buildDepsFromRequires(n46.action, C14) : void 0, { enabled: c42 } = evaluateEnabled(n46.action, s44), d33 = !c42, m26 = _2(r48, n46);
       return /* @__PURE__ */ jsxs(l3, {
         isDisabled: d33,
         children: [/* @__PURE__ */ jsx(Focusable, {
@@ -916,7 +916,7 @@ function A2(e28, t40, n45, r48, i53) {
   let u37 = "";
   for (let e29 = 0; e29 < l40.length; e29++) {
     let t41 = l40[(e29 + l40.length - 1) % l40.length], n46 = l40[e29], r49 = l40[(e29 + 1) % l40.length], i54 = c42 * 0.45, a55 = n46[0] + (t41[0] - n46[0]) * i54, o50 = n46[1] + (t41[1] - n46[1]) * i54, s45 = n46[0] + (r49[0] - n46[0]) * i54, d33 = n46[1] + (r49[1] - n46[1]) * i54;
-    e29 === 0 ? u37 += `M ${a55.toFixed(2)} ${o50.toFixed(2)}` : u37 += ` L ${a55.toFixed(2)} ${o50.toFixed(2)}`, u37 += ` Q ${n46[0].toFixed(2)} ${n46[1].toFixed(2)} ${s45.toFixed(2)} ${d33.toFixed(2)}`;
+    u37 += e29 === 0 ? `M ${a55.toFixed(2)} ${o50.toFixed(2)}` : ` L ${a55.toFixed(2)} ${o50.toFixed(2)}`, u37 += ` Q ${n46[0].toFixed(2)} ${n46[1].toFixed(2)} ${s45.toFixed(2)} ${d33.toFixed(2)}`;
   }
   return u37 + " Z";
 }
@@ -1095,13 +1095,13 @@ var ie2 = {
   stretches: true,
   defaults: re2
 };
-var ae = {
+var ae2 = {
   points: 16,
   outerR: 58,
   innerR: 50,
   rotation: -5
 };
-function oe2(e28, t40, n45, r48) {
+function oe(e28, t40, n45, r48) {
   let i53 = e28 * 2, a54 = Math.PI * 2 / i53, o49 = r48 * Math.PI / 180, s44 = "";
   for (let e29 = 0; e29 < i53; e29++) {
     let r49 = e29 % 2 == 0 ? t40 : n45, i54 = o49 + e29 * a54, c42 = 50 + Math.cos(i54) * r49, l40 = 50 + Math.sin(i54) * r49;
@@ -1109,12 +1109,12 @@ function oe2(e28, t40, n45, r48) {
   }
   return s44 + " Z";
 }
-var se2 = {
+var se = {
   Component: ({ variant: e28, focused: t40, params: n45 }) => {
     let { points: r48, outerR: i53, innerR: c42, rotation: l40 } = {
-      ...ae,
+      ...ae2,
       ...n45
-    }, u37 = oe2(r48, i53, c42, l40), d33 = oe2(r48, i53 + 4, c42 + 3, l40);
+    }, u37 = oe(r48, i53, c42, l40), d33 = oe(r48, i53 + 4, c42 + 3, l40);
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       (e28 === "solid" || e28 === "subtle") && /* @__PURE__ */ jsx("path", {
         className: "badge-fill",
@@ -1137,17 +1137,17 @@ var se2 = {
     left: 4
   },
   stretches: true,
-  defaults: ae
+  defaults: ae2
 };
-var ce2 = {
+var ce = {
   biteRadius: 3,
   biteSpacing: 8,
   irregularity: 0
 };
-var le2 = {
+var le = {
   compose: (e28) => {
     let t40 = {
-      ...ce2,
+      ...ce,
       ...e28
     };
     return {
@@ -1170,7 +1170,7 @@ var le2 = {
     left: 6
   },
   stretches: true,
-  defaults: ce2
+  defaults: ce
 };
 var ue = {
   bumpWidth: 24,
@@ -1206,15 +1206,15 @@ var de = {
   stretches: true,
   defaults: ue
 };
-var fe2 = {
+var I2 = {
   eaveY: 32,
   peakHeight: 32,
   roofOverhang: 0
 };
-var pe2 = {
+var fe2 = {
   compose: (e28) => {
     let t40 = {
-      ...fe2,
+      ...I2,
       ...e28
     }, n45 = Math.max(2, Math.min(t40.eaveY, 95)), r48 = n45 - Math.max(0, t40.peakHeight), i53 = Math.max(0, Math.min(t40.roofOverhang, 12));
     return {
@@ -1237,19 +1237,19 @@ var pe2 = {
     left: 4
   },
   stretches: true,
-  defaults: fe2
+  defaults: I2
 };
-var I2 = {
+var L2 = {
   bevelWidth: 6,
   lightFrom: "tl",
   rivetRadius: 2.4,
   rivetInset: 7,
   sheenIntensity: 0.22
 };
-var me2 = {
+var pe = {
   compose: (e28) => {
     let t40 = {
-      ...I2,
+      ...L2,
       ...e28
     };
     return {
@@ -1288,13 +1288,13 @@ var me2 = {
     left: 8
   },
   stretches: true,
-  defaults: I2
+  defaults: L2
 };
-var he2 = {
+var me = {
   topInset: 12,
   pointDepth: 100
 };
-function ge2(e28, t40) {
+function he2(e28, t40) {
   let n45 = Math.max(0, Math.min(e28, 35)), r48 = Math.max(60, Math.min(t40, 110));
   return [
     `M ${n45} 6`,
@@ -1307,12 +1307,12 @@ function ge2(e28, t40) {
     "Z"
   ].join(" ");
 }
-var L2 = {
+var R2 = {
   Component: ({ variant: e28, focused: t40, params: n45 }) => {
     let r48 = {
-      ...he2,
+      ...me,
       ...n45
-    }, i53 = ge2(r48.topInset, r48.pointDepth);
+    }, i53 = he2(r48.topInset, r48.pointDepth);
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       (e28 === "solid" || e28 === "subtle") && /* @__PURE__ */ jsx("path", {
         className: "badge-fill",
@@ -1336,22 +1336,22 @@ var L2 = {
     left: 10
   },
   stretches: true,
-  defaults: he2
+  defaults: me
 };
-var R2 = "M 35 0 L 30 12 Q 15 30 15 55 Q 15 75 30 90 L 30 100 L 70 100 L 70 90 Q 85 75 85 55 Q 85 30 70 12 L 65 0 Z";
-var _e2 = {
+var z2 = "M 35 0 L 30 12 Q 15 30 15 55 Q 15 75 30 90 L 30 100 L 70 100 L 70 90 Q 85 75 85 55 Q 85 30 70 12 L 65 0 Z";
+var ge = {
   Component: ({ variant: e28, focused: t40 }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     (e28 === "solid" || e28 === "subtle") && /* @__PURE__ */ jsx("path", {
       className: "badge-fill",
-      d: R2
+      d: z2
     }),
     (e28 === "outline" || e28 === "solid") && /* @__PURE__ */ jsx("path", {
       className: "badge-stroke",
-      d: R2
+      d: z2
     }),
     t40 && /* @__PURE__ */ jsx("path", {
       className: "badge-focus",
-      d: R2,
+      d: z2,
       transform: "translate(50 50) scale(1.05) translate(-50 -50)"
     })
   ] }),
@@ -1363,7 +1363,7 @@ var _e2 = {
   },
   stretches: true
 };
-var z2 = {
+var B2 = {
   headX: 6,
   headHalfHeight: 23,
   shoulderX: 33,
@@ -1371,10 +1371,10 @@ var z2 = {
   footX: 100,
   footHalfHeight: 29
 };
-var ve2 = {
+var _e = {
   compose: (e28) => {
     let t40 = {
-      ...z2,
+      ...B2,
       ...e28
     }, n45 = Math.max(0, Math.min(t40.headX, 40)), r48 = Math.max(n45 + 1, Math.min(t40.shoulderX, 70)), i53 = Math.max(r48 + 1, Math.min(t40.footX, 100)), a54 = Math.max(2, Math.min(t40.headHalfHeight, 50)), o49 = Math.max(0, Math.min(t40.shoulderHalfHeight, 50)), s44 = Math.min(50, a54 + o49), c42 = Math.max(2, Math.min(t40.footHalfHeight, 50));
     return {
@@ -1396,14 +1396,14 @@ var ve2 = {
     left: 11
   },
   stretches: true,
-  defaults: z2
+  defaults: B2
 };
-var B2 = {
+var V2 = {
   teeth: 11,
   tearDepth: 4,
   sideToTopRatio: 3
 };
-function V2(e28, t40) {
+function H2(e28, t40) {
   let n45 = Math.max(3, Math.floor(e28)), r48 = Math.max(1, t40), i53 = (e29) => r48 * (0.55 + 0.55 * Math.abs(Math.sin(e29 * 1.73 + 0.5))), a54 = "M 0 0 L 100 0";
   for (let e29 = 0; e29 < n45; e29++) {
     let t41 = (e29 + 0.5) / n45 * 100, r49 = (e29 + 1) / n45 * 100;
@@ -1416,13 +1416,13 @@ function V2(e28, t40) {
   }
   return a54 + " Z";
 }
-var ye = 2;
-var be = {
+var ve = 2;
+var ye = {
   Component: ({ variant: e28, focused: t40, params: n45 }) => {
     let r48 = {
-      ...B2,
+      ...V2,
       ...n45
-    }, i53 = V2(r48.teeth, r48.tearDepth);
+    }, i53 = H2(r48.teeth, r48.tearDepth);
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       (e28 === "solid" || e28 === "subtle") && /* @__PURE__ */ jsx("path", {
         className: "badge-fill",
@@ -1440,7 +1440,7 @@ var be = {
     ] });
   },
   insets: (e28) => {
-    let t40 = Math.max(0.2, Math.min(e28.sideToTopRatio ?? B2.sideToTopRatio, 10)), n45 = ye, r48 = Math.round(n45 * t40);
+    let t40 = Math.max(0.2, Math.min(e28.sideToTopRatio ?? V2.sideToTopRatio, 10)), n45 = ve, r48 = Math.round(n45 * t40);
     return {
       top: n45,
       right: r48,
@@ -1449,18 +1449,18 @@ var be = {
     };
   },
   stretches: true,
-  defaults: B2
+  defaults: V2
 };
-var H2 = "M 8 30 Q 0 50 8 70 L 92 70 Q 100 50 92 30 Z";
-var xe = {
+var U2 = "M 8 30 Q 0 50 8 70 L 92 70 Q 100 50 92 30 Z";
+var be = {
   Component: ({ variant: e28, focused: t40 }) => /* @__PURE__ */ jsxs(Fragment, { children: [
     (e28 === "solid" || e28 === "subtle") && /* @__PURE__ */ jsx("path", {
       className: "badge-fill",
-      d: H2
+      d: U2
     }),
     (e28 === "outline" || e28 === "solid") && /* @__PURE__ */ jsx("path", {
       className: "badge-stroke",
-      d: H2
+      d: U2
     }),
     (e28 === "outline" || e28 === "solid") && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("path", {
@@ -1517,7 +1517,7 @@ var xe = {
     ] }),
     t40 && /* @__PURE__ */ jsx("path", {
       className: "badge-focus",
-      d: H2,
+      d: U2,
       transform: "translate(50 50) scale(1.05) translate(-50 -50)"
     })
   ] }),
@@ -1529,7 +1529,7 @@ var xe = {
   },
   stretches: true
 };
-var U2 = {
+var W = {
   spikeR: 50,
   lobeR: 42,
   valleyR: 25,
@@ -1544,7 +1544,7 @@ var U2 = {
   rotation: 0,
   samples: 192
 };
-var Se = {
+var xe2 = {
   pill: h3,
   plain: g3,
   square: v3,
@@ -1556,21 +1556,21 @@ var Se = {
   shield: te2,
   ribbon: ne2,
   beavis: ie2,
-  sparkler: se2,
-  postage: le2,
+  sparkler: se,
+  postage: le,
   cloud: de,
-  house: pe2,
-  plaque: me2,
-  crest: L2,
-  urn: _e2,
-  coffin: ve2,
-  receipt: be,
-  wood: xe,
+  house: fe2,
+  plaque: pe,
+  crest: R2,
+  urn: ge,
+  coffin: _e,
+  receipt: ye,
+  wood: be,
   quatrefoil: {
     compose: (e28) => ({
       base: "quatrefoil",
       baseParams: {
-        ...U2,
+        ...W,
         ...e28
       }
     }),
@@ -1581,14 +1581,14 @@ var Se = {
       left: 14
     },
     stretches: true,
-    defaults: U2
+    defaults: W
   }
 };
-var W2 = { chamfer: 6 };
-var G2 = {
+var G2 = { chamfer: 6 };
+var K2 = {
   build: (e28, t40, n45) => {
     let r48 = {
-      ...W2,
+      ...G2,
       ...e28
     }, i53 = 100 / t40, a54 = 100 / n45, o49 = r48.chamfer * i53, s44 = r48.chamfer * a54, c42 = [
       [o49, 0],
@@ -1631,7 +1631,7 @@ var G2 = {
       totalCss: d33
     };
   },
-  defaults: W2,
+  defaults: G2,
   insets: {
     top: 0,
     right: 4,
@@ -1639,15 +1639,15 @@ var G2 = {
     left: 4
   }
 };
-var Ce = {
+var Se2 = {
   erosion: 0.16,
   eccentricity: 1,
   pinch: 0
 };
-var we = {
+var Ce = {
   build: (e28, t40, n45) => {
     let r48 = {
-      ...Ce,
+      ...Se2,
       ...e28
     }, i53 = 100 / t40, a54 = 100 / n45, o49 = Math.max(0, Math.min(r48.erosion, 1)), s44 = Math.max(0.1, Math.min(r48.eccentricity, 10)), c42 = Math.min(t40, n45) / 2 * o49, l40 = c42 * i53 * s44, u37 = c42 * a54 / s44, d33 = Math.max(0, Math.min(l40, 50)), f30 = Math.max(0, Math.min(u37, 50)), p26 = (100 - 2 * d33) / i53, m26 = (100 - 2 * f30) / a54, h25 = c42 + c42 || 1, g22 = Math.PI * h25 * 1 / 4, _21 = [
       {
@@ -1684,7 +1684,7 @@ var we = {
       }
     ], v19 = [0];
     for (let e29 of _21) v19.push(v19[v19.length - 1] + e29.cssLen);
-    let y18 = v19[v19.length - 1], b18 = (e29) => {
+    let y18 = v19[v19.length - 1], b17 = (e29) => {
       let t41 = (e29 % y18 + y18) % y18, n46 = 0;
       for (; n46 < _21.length - 1 && t41 > v19[n46 + 1]; ) n46++;
       let r49 = t41 - v19[n46], i54 = _21[n46], a55 = i54.cssLen > 0 ? r49 / i54.cssLen : 0;
@@ -1764,7 +1764,7 @@ var we = {
       if (x18 === 0) return t41;
       let n46 = Math.abs(e29 - 50) / 50;
       return 50 + (t41 - 50) * (1 - n46 * x18);
-    }, C14, w13 = b18;
+    }, C14, w13 = b17;
     if (x18 === 0) C14 = [
       `M ${d33} 0`,
       `L ${100 - d33} 0`,
@@ -1780,14 +1780,14 @@ var we = {
     else {
       let e29 = [];
       for (let t41 = 0; t41 < 240; t41++) {
-        let n46 = b18(t41 / 240 * y18);
+        let n46 = b17(t41 / 240 * y18);
         e29.push({
           x: n46.x,
           y: S17(n46.x, n46.y)
         });
       }
       C14 = e29.reduce((e30, t41, n46) => e30 + (n46 === 0 ? `M ${t41.x.toFixed(3)} ${t41.y.toFixed(3)}` : ` L ${t41.x.toFixed(3)} ${t41.y.toFixed(3)}`), "") + " Z", w13 = (e30) => {
-        let t41 = (e30 % y18 + y18) % y18, n46 = b18(t41), r49 = n46.x, o50 = S17(n46.x, n46.y), s45 = y18 / 480, c43 = b18(t41 - s45), l41 = b18(t41 + s45), u38 = c43.x, d34 = S17(c43.x, c43.y), f31 = l41.x, p27 = S17(l41.x, l41.y), m27 = (f31 - u38) / i53, h26 = (p27 - d34) / a54, g23 = Math.hypot(m27, h26) || 1;
+        let t41 = (e30 % y18 + y18) % y18, n46 = b17(t41), r49 = n46.x, o50 = S17(n46.x, n46.y), s45 = y18 / 480, c43 = b17(t41 - s45), l41 = b17(t41 + s45), u38 = c43.x, d34 = S17(c43.x, c43.y), f31 = l41.x, p27 = S17(l41.x, l41.y), m27 = (f31 - u38) / i53, h26 = (p27 - d34) / a54, g23 = Math.hypot(m27, h26) || 1;
         return {
           x: r49,
           y: o50,
@@ -1802,7 +1802,7 @@ var we = {
       totalCss: y18
     };
   },
-  defaults: Ce,
+  defaults: Se2,
   insets: {
     top: 0,
     right: 4,
@@ -1810,7 +1810,7 @@ var we = {
     left: 4
   }
 };
-function K2(e28, t40, n45) {
+function q2(e28, t40, n45) {
   let r48 = 100 / t40, i53 = 100 / n45, a54 = [], o49 = [0];
   for (let t41 = 0; t41 < e28.length; t41++) {
     let n46 = e28[t41], s45 = e28[(t41 + 1) % e28.length], c42 = (s45[0] - n46[0]) / r48, l40 = (s45[1] - n46[1]) / i53, u37 = Math.hypot(c42, l40);
@@ -1843,15 +1843,15 @@ function K2(e28, t40, n45) {
     totalCss: s44
   };
 }
-var q2 = [
+var J = [
   [0, 0],
   [100, 0],
   [100, 100],
   [0, 100]
 ];
-var Te2 = {
-  build: (e28, t40, n45) => K2(e28?.vertices && e28.vertices.length >= 3 ? e28.vertices : q2, t40, n45),
-  defaults: { vertices: q2 },
+var we = {
+  build: (e28, t40, n45) => q2(e28?.vertices && e28.vertices.length >= 3 ? e28.vertices : J, t40, n45),
+  defaults: { vertices: J },
   insets: {
     top: 0,
     right: 4,
@@ -1859,7 +1859,7 @@ var Te2 = {
     left: 4
   }
 };
-var Ee = {
+var Te = {
   top: "out",
   right: "in",
   bottom: "out",
@@ -1867,10 +1867,10 @@ var Ee = {
   tabSize: 12,
   arcSamples: 18
 };
-var J = 0.62;
-function Y(e28, t40, n45, r48, i53, a54, o49) {
+var Y = 0.62;
+function X2(e28, t40, n45, r48, i53, a54, o49) {
   if (i53 === "flat") return [t40];
-  let s44 = i53 === "out" ? 1 : -1, c42 = t40[0] - e28[0], l40 = t40[1] - e28[1], u37 = Math.hypot(c42, l40) || 1, d33 = c42 / u37, f30 = l40 / u37, p26 = (e28[0] + t40[0]) / 2, m26 = (e28[1] + t40[1]) / 2, h25 = p26 + n45 * s44 * a54 * J, g22 = m26 + r48 * s44 * a54 * J, _21 = a54 * Math.sqrt(Math.max(0, 1 - J * J)), v19 = [p26 - d33 * _21, m26 - f30 * _21], y18 = [p26 + d33 * _21, m26 + f30 * _21], b18 = [p26 + n45 * s44 * (a54 + a54 * (1 - J)), m26 + r48 * s44 * (a54 + a54 * (1 - J))], x18 = Math.hypot(v19[0] - h25, v19[1] - g22), S17 = Math.atan2(v19[1] - g22, v19[0] - h25), C14 = Math.atan2(y18[1] - g22, y18[0] - h25), w13 = Math.atan2(b18[1] - g22, b18[0] - h25), T13 = Math.PI * 2, E12 = ((w13 - S17) % T13 + T13) % T13, D12 = ((C14 - S17) % T13 + T13) % T13, O12 = E12 < D12 ? D12 : D12 - T13, k12 = [];
+  let s44 = i53 === "out" ? 1 : -1, c42 = t40[0] - e28[0], l40 = t40[1] - e28[1], u37 = Math.hypot(c42, l40) || 1, d33 = c42 / u37, f30 = l40 / u37, p26 = (e28[0] + t40[0]) / 2, m26 = (e28[1] + t40[1]) / 2, h25 = p26 + n45 * s44 * a54 * Y, g22 = m26 + r48 * s44 * a54 * Y, _21 = a54 * Math.sqrt(Math.max(0, 1 - Y * Y)), v19 = [p26 - d33 * _21, m26 - f30 * _21], y18 = [p26 + d33 * _21, m26 + f30 * _21], b17 = [p26 + n45 * s44 * (a54 + a54 * 0.38), m26 + r48 * s44 * (a54 + a54 * 0.38)], x18 = Math.hypot(v19[0] - h25, v19[1] - g22), S17 = Math.atan2(v19[1] - g22, v19[0] - h25), C14 = Math.atan2(y18[1] - g22, y18[0] - h25), w13 = Math.atan2(b17[1] - g22, b17[0] - h25), T13 = Math.PI * 2, E12 = ((w13 - S17) % T13 + T13) % T13, D12 = ((C14 - S17) % T13 + T13) % T13, O12 = E12 < D12 ? D12 : D12 - T13, k12 = [];
   k12.push(v19);
   for (let e29 = 1; e29 <= o49; e29++) {
     let t41 = S17 + e29 / o49 * O12;
@@ -1878,15 +1878,15 @@ function Y(e28, t40, n45, r48, i53, a54, o49) {
   }
   return k12.push(t40), k12;
 }
-var De = {
+var Ee = {
   build: (e28, t40, n45) => {
     let r48 = {
-      ...Ee,
+      ...Te,
       ...e28
     }, i53 = Math.max(2, Math.min(r48.tabSize, 40)), a54 = Math.max(6, Math.floor(r48.arcSamples)), o49 = [0, 0], s44 = [100, 0], c42 = [100, 100], l40 = [0, 100], u37 = [o49];
-    return u37.push(...Y(o49, s44, 0, -1, r48.top, i53, a54)), u37.push(...Y(s44, c42, 1, 0, r48.right, i53, a54)), u37.push(...Y(c42, l40, 0, 1, r48.bottom, i53, a54)), u37.push(...Y(l40, o49, -1, 0, r48.left, i53, a54)), u37.length > 1 && u37[u37.length - 1][0] === o49[0] && u37[u37.length - 1][1] === o49[1] && u37.pop(), K2(u37, t40, n45);
+    return u37.push(...X2(o49, s44, 0, -1, r48.top, i53, a54)), u37.push(...X2(s44, c42, 1, 0, r48.right, i53, a54)), u37.push(...X2(c42, l40, 0, 1, r48.bottom, i53, a54)), u37.push(...X2(l40, o49, -1, 0, r48.left, i53, a54)), u37.length > 1 && u37[u37.length - 1][0] === o49[0] && u37[u37.length - 1][1] === o49[1] && u37.pop(), q2(u37, t40, n45);
   },
-  defaults: Ee,
+  defaults: Te,
   insets: {
     top: 12,
     right: 16,
@@ -1894,7 +1894,7 @@ var De = {
     left: 16
   }
 };
-var X2 = {
+var De = {
   spikeR: 50,
   lobeR: 42,
   valleyR: 25,
@@ -1909,7 +1909,7 @@ var X2 = {
   rotation: 0,
   samples: 192
 };
-function Oe2(e28, t40, n45) {
+function Oe(e28, t40, n45) {
   let r48 = e28 - t40;
   return (e28 + t40 + Math.sqrt(r48 * r48 + n45 * n45)) / 2;
 }
@@ -1921,18 +1921,18 @@ function ke(e28, t40, n45, r48) {
 }
 function Ae(e28 = {}) {
   let t40 = {
-    ...X2,
+    ...De,
     ...e28
   }, n45 = Math.max(5, Math.min(t40.spikeR, 50)), r48 = Math.max(5, Math.min(t40.lobeR, 50 * Math.SQRT2)), i53 = Math.max(0, Math.min(t40.valleyR, Math.min(n45, r48))), a54 = Math.max(0.05, Math.min(t40.valleyAt, 0.95)), o49 = Math.max(0.2, t40.spikeCurvature), s44 = Math.max(-0.95, Math.min(t40.spikeBend, 0.95)), c42 = Math.max(0, Math.min(t40.spikeTipErosion, 1)), l40 = Math.max(0.2, t40.lobeCurvature), u37 = Math.max(-0.95, Math.min(t40.lobeBend, 0.95)), d33 = Math.max(0, Math.min(t40.lobeTipErosion, 1)), f30 = Math.max(0, t40.valleySmooth), p26 = t40.rotation * Math.PI / 180, m26 = Math.max(24, Math.floor(t40.samples)), h25 = [];
   for (let e29 = 0; e29 < m26; e29++) {
-    let t41 = e29 / m26 * 2 * Math.PI, g22 = Math.abs(Math.sin(2 * (t41 - p26))), _21 = (a54 - g22) / a54, v19 = (g22 - a54) / (1 - a54), y18 = Oe2(i53 + (n45 - i53) * ke(Math.max(0, _21), o49, s44, c42), i53 + (r48 - i53) * ke(Math.max(0, v19), l40, u37, d33), f30);
+    let t41 = e29 / m26 * 2 * Math.PI, g22 = Math.abs(Math.sin(2 * (t41 - p26))), _21 = (a54 - g22) / a54, v19 = (g22 - a54) / (1 - a54), y18 = Oe(i53 + (n45 - i53) * ke(Math.max(0, _21), o49, s44, c42), i53 + (r48 - i53) * ke(Math.max(0, v19), l40, u37, d33), f30);
     h25.push([50 + y18 * Math.cos(t41), 50 + y18 * Math.sin(t41)]);
   }
   return h25;
 }
-var je = {
-  build: (e28, t40, n45) => K2(Ae(e28), t40, n45),
-  defaults: X2,
+var je2 = {
+  build: (e28, t40, n45) => q2(Ae(e28), t40, n45),
+  defaults: De,
   insets: {
     top: 10,
     right: 14,
@@ -1940,7 +1940,7 @@ var je = {
     left: 14
   }
 };
-var Me = {
+var Me2 = {
   mode: "octant",
   count: 5,
   s0: 0,
@@ -1984,7 +1984,7 @@ var Me = {
 };
 function Ne(e28 = {}) {
   let t40 = {
-    ...Me,
+    ...Me2,
     ...e28
   }, n45 = Math.max(3, Math.min(Math.floor(t40.count), 12)), r48 = [
     "s0",
@@ -2033,7 +2033,7 @@ function Ne(e28 = {}) {
   });
   return o49.sort((e29, t41) => e29.s - t41.s), o49[0].s = 0, o49[n45 - 1].s = 1, t40.mode === "quadrant" && (o49[n45 - 1].r = o49[0].r, o49[n45 - 1].w = o49[0].w), o49;
 }
-function Pe2(e28) {
+function Pe(e28) {
   let t40 = e28.length - 1, n45 = Array(t40);
   for (let r49 = 0; r49 < t40; r49++) n45[r49] = Math.max(1e-9, e28[r49 + 1].s - e28[r49].s);
   let r48 = Array(t40 + 1), i53 = Array(t40 + 1), a54 = Array(t40 + 1), o49 = Array(t40 + 1);
@@ -2049,10 +2049,10 @@ function Pe2(e28) {
   for (let e29 = t40 - 1; e29 >= 0; e29--) s44[e29] = (o49[e29] - a54[e29] * s44[e29 + 1]) / i53[e29];
   return s44;
 }
-function Fe2(e28) {
+function Fe(e28) {
   return {
     anchors: e28,
-    M: Pe2(e28)
+    M: Pe(e28)
   };
 }
 function Ie(e28, t40) {
@@ -2070,18 +2070,18 @@ function Ie(e28, t40) {
 var Le = {
   build: (e28, t40, n45) => {
     let r48 = {
-      ...Me,
+      ...Me2,
       ...e28
-    }, i53 = Fe2(Ne(r48)), a54 = r48.rotation * Math.PI / 180, o49 = Math.max(48, Math.floor(r48.samples)), s44 = [], c42 = Math.PI / 2;
+    }, i53 = Fe(Ne(r48)), a54 = r48.rotation * Math.PI / 180, o49 = Math.max(48, Math.floor(r48.samples)), s44 = [], c42 = Math.PI / 2;
     for (let e29 = 0; e29 < o49; e29++) {
       let t41 = e29 / o49 * 2 * Math.PI, n46 = t41 - a54, l40;
       l40 = r48.mode === "quadrant" ? (n46 % c42 + c42) % c42 / c42 : Math.abs(Math.sin(2 * n46));
       let u37 = Ie(l40, i53);
       s44.push([50 + u37 * Math.cos(t41), 50 + u37 * Math.sin(t41)]);
     }
-    return K2(s44, t40, n45);
+    return q2(s44, t40, n45);
   },
-  defaults: Me,
+  defaults: Me2,
   insets: {
     top: 10,
     right: 14,
@@ -2237,7 +2237,7 @@ function Ue(e28, t40, n45, r48) {
   }
   return i53;
 }
-function We2(e28) {
+function We(e28) {
   let t40 = Be(e28);
   return {
     extended: t40,
@@ -2245,7 +2245,7 @@ function We2(e28) {
     degree: 3
   };
 }
-function Ge2(e28, t40) {
+function Ge(e28, t40) {
   let { extended: n45, knots: r48, degree: i53 } = t40, a54 = n45.length, o49 = Math.max(0, Math.min(1, e28)), s44 = He(o49, r48, i53, a54), c42 = Ue(s44, o49, r48, i53), l40 = 0, u37 = 0, d33 = 0;
   for (let e29 = 0; e29 <= i53; e29++) {
     let t41 = n45[s44 - i53 + e29], r49 = t41.w * c42[e29];
@@ -2260,28 +2260,28 @@ function Ge2(e28, t40) {
   };
 }
 function Ke(e28, t40) {
-  if (e28 <= 0) return Ge2(0, t40).r;
-  if (e28 >= 1) return Ge2(1, t40).r;
+  if (e28 <= 0) return Ge(0, t40).r;
+  if (e28 >= 1) return Ge(1, t40).r;
   let n45 = 0, r48 = 1;
   for (let i53 = 0; i53 < 30; i53++) {
-    let i54 = (n45 + r48) * 0.5, { s: a54 } = Ge2(i54, t40);
+    let i54 = (n45 + r48) * 0.5, { s: a54 } = Ge(i54, t40);
     if (a54 < e28 ? n45 = i54 : r48 = i54, r48 - n45 < 1e-5) break;
   }
-  return Ge2((n45 + r48) * 0.5, t40).r;
+  return Ge((n45 + r48) * 0.5, t40).r;
 }
 var qe = {
   build: (e28, t40, n45) => {
     let r48 = {
       ...Re,
       ...e28
-    }, i53 = We2(ze(r48)), a54 = r48.rotation * Math.PI / 180, o49 = Math.max(48, Math.floor(r48.samples)), s44 = [], c42 = Math.PI / 2;
+    }, i53 = We(ze(r48)), a54 = r48.rotation * Math.PI / 180, o49 = Math.max(48, Math.floor(r48.samples)), s44 = [], c42 = Math.PI / 2;
     for (let e29 = 0; e29 < o49; e29++) {
       let t41 = e29 / o49 * 2 * Math.PI, n46 = t41 - a54, l40;
       l40 = r48.mode === "quadrant" ? (n46 % c42 + c42) % c42 / c42 : Math.abs(Math.sin(2 * n46));
       let u37 = Ke(l40, i53);
       s44.push([50 + u37 * Math.cos(t41), 50 + u37 * Math.sin(t41)]);
     }
-    return K2(s44, t40, n45);
+    return q2(s44, t40, n45);
   },
   defaults: Re,
   insets: {
@@ -2335,7 +2335,7 @@ var Ze = {
       ...Je,
       ...e28
     }, i53 = Math.max(0, r48.taperWidth), a54 = t40 > 0 ? i53 / t40 * 100 : 0, o49 = Ye(r48.left, 0, 1, a54), s44 = Ye(r48.right, 100, -1, a54), c42 = [o49.top];
-    return c42.push(s44.top), s44.mid && c42.push(s44.mid), c42.push(s44.bottom), c42.push(o49.bottom), o49.mid && c42.push(o49.mid), K2(c42, t40, n45);
+    return c42.push(s44.top), s44.mid && c42.push(s44.mid), c42.push(s44.bottom), c42.push(o49.bottom), o49.mid && c42.push(o49.mid), q2(c42, t40, n45);
   },
   insets: (e28) => {
     let t40 = {
@@ -2370,11 +2370,11 @@ var et = {
 };
 var tt = 64;
 var nt = {
-  "chamfered-rect": G2,
-  "rounded-rect": we,
-  polygon: Te2,
-  puzzle: De,
-  quatrefoil: je,
+  "chamfered-rect": K2,
+  "rounded-rect": Ce,
+  polygon: we,
+  puzzle: Ee,
+  quatrefoil: je2,
   "octant-spline": Le,
   "octant-bspline": qe,
   ribbon: Ze,
@@ -2415,7 +2415,7 @@ var nt = {
         nx: 0,
         ny: 1
       });
-      for (let e29 = tt - 1; e29 >= 1; e29--) {
+      for (let e29 = 63; e29 >= 1; e29--) {
         let t41 = e29 / tt, n46 = 0 + i53(t41, o49);
         l40.push({
           x: n46 * s44,
@@ -2503,7 +2503,7 @@ var it = {
       dx: 0,
       dy: 0
     };
-    let m26 = 1 - Math.abs(p26) / c42, h25 = i53(f30), g22 = h25.nx, _21 = h25.ny, v19 = Math.abs(h25.nx), y18 = Math.abs(h25.ny), b18 = Math.min(1, 2 * v19 * y18), x18 = (y18 > v19 ? a54.vertScale : a54.horzScale) * (1 - b18) + a54.diagonalScale * b18, S17 = 1 + a54.irregularity * 0.5 * Math.sin(d33 * 1.73 + 0.7), C14 = Math.max(s44 * 0.5, c42), w13 = 0;
+    let m26 = 1 - Math.abs(p26) / c42, h25 = i53(f30), g22 = h25.nx, _21 = h25.ny, v19 = Math.abs(h25.nx), y18 = Math.abs(h25.ny), b17 = Math.min(1, 2 * v19 * y18), x18 = (y18 > v19 ? a54.vertScale : a54.horzScale) * (1 - b17) + a54.diagonalScale * b17, S17 = 1 + a54.irregularity * 0.5 * Math.sin(d33 * 1.73 + 0.7), C14 = Math.max(s44 * 0.5, c42), w13 = 0;
     for (let e29 = 0; e29 < 5; e29++) {
       let t41 = (e29 + 0.5) / 5, n46 = f30 - C14 + t41 * 2 * C14 - C14 / 5, r49 = f30 - C14 + t41 * 2 * C14 + C14 / 5, a55 = i53(n46), o50 = i53(r49);
       w13 += Math.hypot(o50.nx - a55.nx, o50.ny - a55.ny) / (r49 - n46);
@@ -2758,13 +2758,13 @@ var bt = {
     let i53 = {
       ...yt,
       ...r48
-    }, c42 = 100 / e28, l40 = 100 / t40, u37 = i53.radius * c42, d33 = i53.radius * l40, f30 = i53.inset * c42, p26 = i53.inset * l40, m26 = i53.lightFrom[1] === "l" ? -i53.radius * 0.32 : i53.radius * 0.32, h25 = i53.lightFrom[0] === "t" ? -i53.radius * 0.32 : i53.radius * 0.32;
-    return /* @__PURE__ */ jsx(Fragment, { children: [
+    }, c42 = 100 / e28, l40 = 100 / t40, u37 = i53.radius * c42, d33 = i53.radius * l40, f30 = i53.inset * c42, p26 = i53.inset * l40, m26 = i53.lightFrom[1] === "l" ? -i53.radius * 0.32 : i53.radius * 0.32, h25 = i53.lightFrom[0] === "t" ? -i53.radius * 0.32 : i53.radius * 0.32, g22 = [
       [f30, p26],
       [100 - f30, p26],
       [f30, 100 - p26],
       [100 - f30, 100 - p26]
-    ].map(([e29, t41], n46) => /* @__PURE__ */ jsxs("g", { children: [
+    ];
+    return /* @__PURE__ */ jsx(Fragment, { children: g22.map(([e29, t41], n46) => /* @__PURE__ */ jsxs("g", { children: [
       /* @__PURE__ */ jsx("ellipse", {
         className: "badge-bevel-dark",
         cx: e29,
@@ -2948,7 +2948,7 @@ var jt = {
       }, v19.push(y18)) : y18.idxs.push(e29);
     }
     v19.length > 1 && v19[0].bucket === v19[v19.length - 1].bucket && (v19[v19.length - 1].idxs = v19[v19.length - 1].idxs.concat(v19[0].idxs), v19.shift());
-    let b18 = (e29) => {
+    let b17 = (e29) => {
       let t41 = e29.idxs[0], n46 = e29.idxs[e29.idxs.length - 1], r49 = (t41 - 1 + Q2) % Q2, i54 = (n46 + 1) % Q2, a54 = [
         r49,
         ...e29.idxs,
@@ -2964,7 +2964,7 @@ var jt = {
       clipPath: `url(#${c42})`,
       children: v19.map((e29, t41) => /* @__PURE__ */ jsx("path", {
         className: kt[e29.bucket],
-        d: b18(e29)
+        d: b17(e29)
       }, t41))
     })] });
   },
@@ -3016,7 +3016,7 @@ var Ft = {
     let i53 = {
       ...Pt,
       ...r48
-    }, c42 = useId(), l40 = useId(), d33 = useId(), f30 = 100 / t40, p26 = 100 / n45, m26 = Math.max(0, Math.min(i53.irregularity, 1)), h25 = (e29) => 1 + m26 * 0.45 * Math.sin(e29 * 1.73 + 0.7), g22 = (e29) => 1 + m26 * 0.5 * Math.sin(e29 * 2.31 + 1.3), _21 = (e29) => m26 * 8 * Math.sin(e29 * 3.07 + 0.4), v19 = i53.width * f30, y18 = i53.gap * f30, b18 = i53.offset * f30, x18 = 50 - (i53.count * v19 + (i53.count - 1) * y18) / 2 + b18, S17 = [];
+    }, c42 = useId(), l40 = useId(), d33 = useId(), f30 = 100 / t40, p26 = 100 / n45, m26 = Math.max(0, Math.min(i53.irregularity, 1)), h25 = (e29) => 1 + m26 * 0.45 * Math.sin(e29 * 1.73 + 0.7), g22 = (e29) => 1 + m26 * 0.5 * Math.sin(e29 * 2.31 + 1.3), _21 = (e29) => m26 * 8 * Math.sin(e29 * 3.07 + 0.4), v19 = i53.width * f30, y18 = i53.gap * f30, b17 = i53.offset * f30, x18 = 50 - (i53.count * v19 + (i53.count - 1) * y18) / 2 + b17, S17 = [];
     for (let e29 = 0; e29 < i53.count; e29++) {
       let t41 = v19 * h25(e29), n46 = x18, r49 = x18 + t41, a54 = Math.tan((i53.angle + _21(e29)) * Math.PI / 180) * (f30 / p26) * 200 / 2, o49 = [
         [n46 + a54, -50],
@@ -3142,7 +3142,7 @@ var Rt = {
       })) : h25 = null;
     }
     if (m26.length > 1) {
-      let t41 = e28.perimeterAt(0), n46 = e28.perimeterAt((Lt - 1) / Lt * p26);
+      let t41 = e28.perimeterAt(0), n46 = e28.perimeterAt(239 / Lt * p26);
       if (t41.ny < 0 && n46.ny < 0) {
         let e29 = m26.shift();
         m26[m26.length - 1].push(...e29);
@@ -3155,7 +3155,7 @@ var Rt = {
       for (let n46 = 1; n46 < e29.length; n46++) t41 += ` L ${e29[n46].x.toFixed(3)} ${e29[n46].y.toFixed(3)}`;
       g22.push(t41);
     }
-    let _21 = 100 / t40, v19 = 100 / n45, y18 = Math.max(_21, v19), b18 = f30.bezelWidth * y18, x18 = f30.rimWidth * y18, S17 = Math.max(0, f30.equator - f30.equatorSpread), C14 = Math.min(100, f30.equator + f30.equatorSpread * 1.6), w13 = `color-mix(in srgb, ${f30.accent} ${f30.equatorTint}%, white)`, T13 = `color-mix(in srgb, ${f30.accent} ${f30.baseTint}%, black)`;
+    let _21 = 100 / t40, v19 = 100 / n45, y18 = Math.max(_21, v19), b17 = f30.bezelWidth * y18, x18 = f30.rimWidth * y18, S17 = Math.max(0, f30.equator - f30.equatorSpread), C14 = Math.min(100, f30.equator + f30.equatorSpread * 1.6), w13 = `color-mix(in srgb, ${f30.accent} ${f30.equatorTint}%, white)`, T13 = `color-mix(in srgb, ${f30.accent} ${f30.baseTint}%, black)`;
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs("defs", { children: [
         /* @__PURE__ */ jsxs("linearGradient", {
@@ -3256,7 +3256,7 @@ var Rt = {
         fill: "none",
         stroke: "white",
         strokeOpacity: f30.bezelAlpha,
-        strokeWidth: b18,
+        strokeWidth: b17,
         strokeLinecap: "round",
         vectorEffect: "non-scaling-stroke",
         style: { pointerEvents: "none" }
@@ -3321,7 +3321,7 @@ var $2 = {
         })) : g22 = null;
       }
       if (h25.length > 1) {
-        let t41 = e28.perimeterAt(0), n46 = e28.perimeterAt((Bt - 1) / Bt * m26);
+        let t41 = e28.perimeterAt(0), n46 = e28.perimeterAt(239 / Bt * m26);
         if (t41.ny < 0 && n46.ny < 0) {
           let e29 = h25.shift();
           h25[h25.length - 1].push(...e29);
@@ -3334,7 +3334,7 @@ var $2 = {
         for (let n46 = 1; n46 < e29.length; n46++) t41 += ` L ${e29[n46].x.toFixed(3)} ${e29[n46].y.toFixed(3)}`;
         _21.push(t41);
       }
-      let v19 = 100 / t40, y18 = 100 / n45, b18 = Math.max(v19, y18), x18 = f30.bezelWidth * b18, S17 = f30.rimWidth * b18, C14 = Math.max(0, f30.equator - f30.equatorSpread), w13 = Math.min(100, f30.equator + f30.equatorSpread), T13 = 100 - Math.round(p26 * 85), E12 = `color-mix(in srgb, ${f30.accent} ${T13}%, white)`, D12 = `color-mix(in srgb, ${f30.accent} ${f30.topDarkness}%, black)`, O12 = `color-mix(in srgb, ${f30.accent} ${f30.baseDarkness}%, black)`, k12 = 100 - Math.round(p26 * 50), A11 = 100 - Math.round(p26 * 30), j11 = `color-mix(in srgb, ${f30.accent} ${k12}%, white)`, M12 = `color-mix(in srgb, ${f30.accent} ${A11}%, white)`, N11 = f30.glossAlphaTop * p26, P10 = f30.bezelAlpha * (0.4 + 0.6 * p26), ee6 = f30.rimAlpha * (0.6 + 0.4 * p26);
+      let v19 = 100 / t40, y18 = 100 / n45, b17 = Math.max(v19, y18), x18 = f30.bezelWidth * b17, S17 = f30.rimWidth * b17, C14 = Math.max(0, f30.equator - f30.equatorSpread), w13 = Math.min(100, f30.equator + f30.equatorSpread), T13 = 100 - Math.round(p26 * 85), E12 = `color-mix(in srgb, ${f30.accent} ${T13}%, white)`, D12 = `color-mix(in srgb, ${f30.accent} ${f30.topDarkness}%, black)`, O12 = `color-mix(in srgb, ${f30.accent} ${f30.baseDarkness}%, black)`, k12 = 100 - Math.round(p26 * 50), A11 = 100 - Math.round(p26 * 30), j11 = `color-mix(in srgb, ${f30.accent} ${k12}%, white)`, M12 = `color-mix(in srgb, ${f30.accent} ${A11}%, white)`, N11 = f30.glossAlphaTop * p26, P10 = f30.bezelAlpha * (0.4 + 0.6 * p26), ee7 = f30.rimAlpha * (0.6 + 0.4 * p26);
       return /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxs("defs", { children: [
           /* @__PURE__ */ jsxs("linearGradient", {
@@ -3419,7 +3419,7 @@ var $2 = {
           d: e28.bodyPath,
           fill: "none",
           stroke: "black",
-          strokeOpacity: ee6,
+          strokeOpacity: ee7,
           strokeWidth: S17,
           vectorEffect: "non-scaling-stroke",
           style: { pointerEvents: "none" }
@@ -3434,56 +3434,56 @@ function Vt(e28) {
   return e28.as ? e28.as : e28.href ? "a" : e28.onClick ? "button" : "span";
 }
 var Ht = forwardRef(function(c42, d33) {
-  let { shape: h25 = "pill", status: g22 = "neutral", stance: _21, tone: v19, variant: y18 = "outline", size: b18 = "sm", onClick: x18, onRemove: C14, removeLabel: w13, href: T13, children: E12, className: D12, shapeParams: O12, bloat: k12, padding: A11, style: j11, breakStyle: M12, crawl: N11, base: P10, baseParams: ee6, effects: te6, tooltip: F11, as: ne6, "aria-label": re6, onFocus: ie6, onBlur: ae6, ...oe6 } = c42, se5 = Vt(c42), ce5 = F11 != null && se5 === "span", le5 = re6 ?? (ce5 && (typeof E12 == "string" || typeof E12 == "number") ? String(E12) : void 0), [ue5, de5] = useState(false), [fe5, pe5] = useState(0), I9 = Se[h25] ?? Se.pill, me5 = Se[h25] ? h25 : "pill", he5 = I9.Component, ge4 = {
-    ...I9.defaults ?? {},
+  let { shape: h25 = "pill", status: g22 = "neutral", stance: _21, tone: v19, variant: y18 = "outline", size: b17 = "sm", onClick: x18, onRemove: C14, removeLabel: w13, href: T13, children: E12, className: D12, shapeParams: O12, bloat: k12, padding: A11, style: j11, breakStyle: M12, crawl: N11, base: P10, baseParams: ee7, effects: te6, tooltip: F11, as: ne6, "aria-label": re6, onFocus: ie6, onBlur: ae6, ...oe6 } = c42, se5 = Vt(c42), ce5 = F11 != null && se5 === "span", le5 = re6 ?? (ce5 && (typeof E12 == "string" || typeof E12 == "number") ? String(E12) : void 0), [ue5, de5] = useState(false), [I9, fe5] = useState(0), L9 = xe2[h25] ?? xe2.pill, pe5 = xe2[h25] ? h25 : "pill", me5 = L9.Component, he5 = {
+    ...L9.defaults ?? {},
     ...O12 ?? {}
-  }, L9 = useRef(null), R8 = useVisibleRaf((e28) => {
-    let t40 = typeof N11 == "number" ? N11 : 0.2, n45 = L9.current;
-    L9.current = e28, n45 !== null && pe5((r48) => (r48 + t40 * (e28 - n45) / 1e3) % 1), R8.request();
+  }, R8 = useRef(null), z7 = useVisibleRaf((e28) => {
+    let t40 = typeof N11 == "number" ? N11 : 0.2, n45 = R8.current;
+    R8.current = e28, n45 !== null && fe5((r48) => (r48 + t40 * (e28 - n45) / 1e3) % 1), z7.request();
   }, { onResume: () => {
-    L9.current = null;
+    R8.current = null;
   } });
   useEffect(() => {
     if (!N11) {
-      pe5(0);
+      fe5(0);
       return;
     }
-    return L9.current = null, R8.request(), () => R8.cancel();
-  }, [N11, R8]);
-  let _e4 = [m3.badge, D12].filter(Boolean).join(" "), z7 = n7({
+    return R8.current = null, z7.request(), () => z7.cancel();
+  }, [N11, z7]);
+  let ge4 = [m3.badge, D12].filter(Boolean).join(" "), B6 = n7({
     stance: _21,
     tone: v19
-  }), ve3 = !P10 && I9.compose ? I9.compose(ge4) : null, B6 = P10 ?? ve3?.base, V6 = B6 ? nt[B6] : null, ye3 = P10 ? ee6 : ve3?.baseParams, be3 = P10 ? te6 : ve3?.effects ?? te6, H6 = V6 ? {
-    ...V6.defaults ?? {},
-    ...ye3 ?? {}
-  } : null, xe3 = useRef(null), U6 = S2(xe3, V6), W7 = V6 ? V6.build(H6, U6.w, U6.h) : null, G7 = V6 ? (typeof V6.insets == "function" ? V6.insets(H6) : V6.insets) ?? {
+  }), _e4 = !P10 && L9.compose ? L9.compose(he5) : null, V6 = P10 ?? _e4?.base, H6 = V6 ? nt[V6] : null, ve3 = P10 ? ee7 : _e4?.baseParams, ye3 = P10 ? te6 : _e4?.effects ?? te6, U6 = H6 ? {
+    ...H6.defaults ?? {},
+    ...ve3 ?? {}
+  } : null, be3 = useRef(null), W7 = S2(be3, H6), G7 = H6 ? H6.build(U6, W7.w, W7.h) : null, K7 = H6 ? (typeof H6.insets == "function" ? H6.insets(U6) : H6.insets) ?? {
     top: 0,
     right: 0,
     bottom: 0,
     left: 0
-  } : typeof I9.insets == "function" ? I9.insets(ge4) : I9.insets, Ce3 = {
-    ...z7.style,
-    "--badge-inset-top": `${G7.top}px`,
-    "--badge-inset-right": `${G7.right}px`,
-    "--badge-inset-bottom": `${G7.bottom}px`,
-    "--badge-inset-left": `${G7.left}px`,
+  } : typeof L9.insets == "function" ? L9.insets(he5) : L9.insets, Se3 = {
+    ...B6.style,
+    "--badge-inset-top": `${K7.top}px`,
+    "--badge-inset-right": `${K7.right}px`,
+    "--badge-inset-bottom": `${K7.bottom}px`,
+    "--badge-inset-left": `${K7.left}px`,
     ...A11 !== void 0 && { padding: typeof A11 == "number" ? `${A11}px` : A11 },
     ...M12 !== void 0 && {
       boxDecorationBreak: M12,
       WebkitBoxDecorationBreak: M12
     },
     ...j11
-  }, we3 = {
+  }, Ce3 = {
     ...oe6,
     ...ce5 && oe6.role === void 0 && { role: "img" },
-    className: _e4,
-    style: Ce3,
-    "data-shape": V6 ? "compose" : me5,
+    className: ge4,
+    style: Se3,
+    "data-shape": H6 ? "compose" : pe5,
     "data-status": g22,
-    "data-stance": z7["data-stance"],
-    "data-tone": z7["data-tone"],
+    "data-stance": B6["data-stance"],
+    "data-tone": B6["data-tone"],
     "data-variant": y18,
-    "data-size": b18,
+    "data-size": b17,
     "data-focused": ue5 ? "true" : void 0,
     onFocus: (e28) => {
       de5(true), ie6?.(e28);
@@ -3492,9 +3492,9 @@ var Ht = forwardRef(function(c42, d33) {
       de5(false), ae6?.(e28);
     },
     "aria-label": le5
-  }, K7 = (() => {
-    if (!V6 || !W7) return null;
-    let e28 = (be3 ?? []).map((e29) => {
+  }, q7 = (() => {
+    if (!H6 || !G7) return null;
+    let e28 = (ye3 ?? []).map((e29) => {
       let t41 = $2[e29.type];
       if (!t41?.offsetAt) return null;
       let n46 = {
@@ -3506,15 +3506,15 @@ var Ht = forwardRef(function(c42, d33) {
         params: n46
       };
     }).filter(Boolean), t40 = k12 ?? 0;
-    if (e28.length === 0 && t40 === 0) return W7;
-    let n45 = 100 / U6.w, r48 = 100 / U6.h, i53 = W7.totalCss, a54 = (a55) => {
-      let o50 = (a55 % i53 + i53) % i53, s44 = W7.perimeterAt(o50), c43 = s44.nx * t40, l40 = s44.ny * t40;
+    if (e28.length === 0 && t40 === 0) return G7;
+    let n45 = 100 / W7.w, r48 = 100 / W7.h, i53 = G7.totalCss, a54 = (a55) => {
+      let o50 = (a55 % i53 + i53) % i53, s44 = G7.perimeterAt(o50), c43 = s44.nx * t40, l40 = s44.ny * t40;
       for (let t41 of e28) {
         let e29 = t41.offsetAt(o50, {
           params: t41.params,
-          phase: fe5,
+          phase: I9,
           totalCss: i53,
-          perimeterAt: W7.perimeterAt
+          perimeterAt: G7.perimeterAt
         });
         c43 += e29.dx, l40 += e29.dy;
       }
@@ -3530,7 +3530,7 @@ var Ht = forwardRef(function(c42, d33) {
     return o49 += " Z", {
       bodyPath: o49,
       perimeterAt: (e29) => {
-        let t41 = (e29 % i53 + i53) % i53, o50 = a54(t41), s44 = i53 / (600 * 2), c43 = a54(t41 - s44), l40 = a54(t41 + s44), u37 = (l40.x - c43.x) / n45, d34 = (l40.y - c43.y) / r48, f30 = Math.hypot(u37, d34) || 1, p26 = d34 / f30, m26 = -u37 / f30;
+        let t41 = (e29 % i53 + i53) % i53, o50 = a54(t41), s44 = i53 / 1200, c43 = a54(t41 - s44), l40 = a54(t41 + s44), u37 = (l40.x - c43.x) / n45, d34 = (l40.y - c43.y) / r48, f30 = Math.hypot(u37, d34) || 1, p26 = d34 / f30, m26 = -u37 / f30;
         return {
           x: o50.x,
           y: o50.y,
@@ -3540,30 +3540,30 @@ var Ht = forwardRef(function(c42, d33) {
       },
       totalCss: i53
     };
-  })(), q7 = (be3 ?? []).filter((e28) => $2[e28.type]?.Component), Te3 = q7.filter((e28) => ($2[e28.type].zone ?? "foreground") === "background"), Ee3 = q7.filter((e28) => ($2[e28.type].zone ?? "foreground") === "foreground"), J6 = q7.filter((e28) => $2[e28.type].zone === "mask"), Y7 = `badge-mask-${useId().replace(/:/g, "")}`, De3 = (e28, t40) => {
+  })(), J7 = (ye3 ?? []).filter((e28) => $2[e28.type]?.Component), we3 = J7.filter((e28) => ($2[e28.type].zone ?? "foreground") === "background"), Te3 = J7.filter((e28) => ($2[e28.type].zone ?? "foreground") === "foreground"), Y7 = J7.filter((e28) => $2[e28.type].zone === "mask"), X7 = `badge-mask-${useId().replace(/:/g, "")}`, Ee3 = (e28, t40) => {
     let n45 = $2[e28.type], r48 = n45?.Component;
-    if (!r48 || !K7) return null;
+    if (!r48 || !q7) return null;
     let i53 = {
       ...n45.defaults ?? {},
       ...e28.params ?? {}
     };
     return /* @__PURE__ */ jsx(r48, {
-      sampler: K7,
-      boxW: U6.w,
-      boxH: U6.h,
+      sampler: q7,
+      boxW: W7.w,
+      boxH: W7.h,
       variant: y18,
       params: i53,
-      phase: fe5
+      phase: I9
     }, `${e28.type}-${t40}`);
-  }, X7 = /* @__PURE__ */ jsxs(Fragment, { children: [V6 && K7 ? /* @__PURE__ */ jsxs("svg", {
-    ref: xe3,
+  }, De3 = H6 && q7 ? /* @__PURE__ */ jsxs("svg", {
+    ref: be3,
     className: m3.deco,
     viewBox: "0 0 100 100",
     preserveAspectRatio: "none",
     "aria-hidden": "true",
     children: [
-      J6.length > 0 && /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("mask", {
-        id: Y7,
+      Y7.length > 0 && /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("mask", {
+        id: X7,
         maskUnits: "userSpaceOnUse",
         x: "-10",
         y: "-10",
@@ -3575,33 +3575,33 @@ var Ht = forwardRef(function(c42, d33) {
           width: "120",
           height: "120",
           fill: "white"
-        }), J6.map(De3)]
+        }), Y7.map(Ee3)]
       }) }),
-      Te3.map(De3),
+      we3.map(Ee3),
       /* @__PURE__ */ jsxs("g", {
-        ...J6.length > 0 ? { mask: `url(#${Y7})` } : {},
+        ...Y7.length > 0 ? { mask: `url(#${X7})` } : {},
         children: [(y18 === "solid" || y18 === "subtle") && /* @__PURE__ */ jsx("path", {
           className: "badge-fill",
-          d: K7.bodyPath
+          d: q7.bodyPath
         }), (y18 === "outline" || y18 === "solid") && /* @__PURE__ */ jsx("path", {
           className: "badge-stroke",
-          d: K7.bodyPath
+          d: q7.bodyPath
         })]
       }),
-      Ee3.map(De3)
+      Te3.map(Ee3)
     ]
-  }) : I9.renderMode !== "css" && he5 ? /* @__PURE__ */ jsx("svg", {
+  }) : L9.renderMode !== "css" && me5 ? /* @__PURE__ */ jsx("svg", {
     className: m3.deco,
     viewBox: "0 0 100 100",
-    preserveAspectRatio: I9.stretches === false ? "xMidYMid meet" : "none",
+    preserveAspectRatio: L9.stretches === false ? "xMidYMid meet" : "none",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ jsx(he5, {
+    children: /* @__PURE__ */ jsx(me5, {
       variant: y18,
       focused: ue5,
-      params: ge4,
-      phase: fe5
+      params: he5,
+      phase: I9
     })
-  }) : null, /* @__PURE__ */ jsxs("span", {
+  }) : null, Oe3 = /* @__PURE__ */ jsxs(Fragment, { children: [De3, /* @__PURE__ */ jsxs("span", {
     className: m3.content,
     children: [/* @__PURE__ */ jsx("span", { children: E12 }), C14 && /* @__PURE__ */ jsx("button", {
       type: "button",
@@ -3625,24 +3625,24 @@ var Ht = forwardRef(function(c42, d33) {
         })
       })
     })]
-  })] }), Oe3;
-  return Oe3 = se5 === "button" ? /* @__PURE__ */ jsx("button", {
+  })] }), ke3;
+  return ke3 = se5 === "button" ? /* @__PURE__ */ jsx("button", {
     type: "button",
-    ...we3,
+    ...Ce3,
     ref: d33,
     onClick: x18,
-    children: X7
+    children: Oe3
   }) : se5 === "a" ? /* @__PURE__ */ jsx("a", {
     href: T13,
-    ...we3,
+    ...Ce3,
     ref: d33,
     onClick: x18,
-    children: X7
+    children: Oe3
   }) : /* @__PURE__ */ jsx("span", {
-    ...we3,
+    ...Ce3,
     ref: d33,
-    children: X7
-  }), F11 == null ? Oe3 : /* @__PURE__ */ jsxs(l3, { children: [/* @__PURE__ */ jsx(Focusable, { children: Oe3 }), /* @__PURE__ */ jsx(u2, { children: F11 })] });
+    children: Oe3
+  }), F11 == null ? ke3 : /* @__PURE__ */ jsxs(l3, { children: [/* @__PURE__ */ jsx(Focusable, { children: ke3 }), /* @__PURE__ */ jsx(u2, { children: F11 })] });
 });
 function a8(e28) {
   if (e28.tooltip !== void 0) return e28.tooltip;
@@ -3709,16 +3709,16 @@ function s7() {
   });
 }
 var c7 = forwardRef(function(a54, c42) {
-  let { variant: l40 = "secondary", size: u37 = "md", status: d33, stance: f30, tone: p26, pressed: m26, disabled: h25, loading: g22, leadingIcon: _21, trailingIcon: v19, fullWidth: y18, iconOnly: b18, ariaLabel: x18, type: S17 = "button", className: C14, style: w13, children: T13, onClick: E12, shortcut: D12, tooltip: O12 } = a54, k12 = [
+  let { variant: l40 = "secondary", size: u37 = "md", status: d33, stance: f30, tone: p26, pressed: m26, disabled: h25, loading: g22, leadingIcon: _21, trailingIcon: v19, fullWidth: y18, iconOnly: b17, ariaLabel: x18, type: S17 = "button", className: C14, style: w13, children: T13, onClick: E12, shortcut: D12, tooltip: O12 } = a54, k12 = [
     o8.button,
     o8[`variant_${l40}`],
     o8[`size_${u37}`],
     y18 && o8.fullWidth,
     m26 && o8.pressed,
-    b18 && o8.iconOnly,
+    b17 && o8.iconOnly,
     g22 && o8.loading,
     C14
-  ].filter(Boolean).join(" "), A11 = !b18 && (g22 || _21), j11 = n7({
+  ].filter(Boolean).join(" "), A11 = !b17 && (g22 || _21), j11 = n7({
     stance: f30,
     tone: p26
   });
@@ -3751,14 +3751,14 @@ var c7 = forwardRef(function(a54, c42) {
           className: o8.iconSlot,
           children: g22 ? /* @__PURE__ */ jsx(s7, {}) : _21
         }),
-        b18 ? g22 ? /* @__PURE__ */ jsx(s7, {}) : /* @__PURE__ */ jsx("span", {
+        b17 ? g22 ? /* @__PURE__ */ jsx(s7, {}) : /* @__PURE__ */ jsx("span", {
           className: o8.iconSlot,
           children: T13
         }) : T13 !== void 0 && /* @__PURE__ */ jsx("span", {
           className: o8.label,
           children: T13
         }),
-        !b18 && v19 && /* @__PURE__ */ jsx("span", {
+        !b17 && v19 && /* @__PURE__ */ jsx("span", {
           className: o8.iconSlot,
           children: v19
         })
@@ -3767,7 +3767,7 @@ var c7 = forwardRef(function(a54, c42) {
   });
 });
 
-// ../ui/dist/chunks/interactiveTarget-C7QUBaJN.js
+// ../ui/dist/chunks/interactiveTarget-BNZmTow2.js
 var e6 = [
   "button",
   "input",
@@ -3843,7 +3843,7 @@ function u5(u37) {
     p26.current = e28;
   }, []), y18 = useCallback(() => {
     m26.current = null, g22(o9);
-  }, []), b18 = useCallback((n45, r48, i53) => {
+  }, []), b17 = useCallback((n45, r48, i53) => {
     let a54 = p26.current;
     if (!a54 || m26.current || t8(i53.target, i53.currentTarget)) return;
     let o49 = {
@@ -3851,13 +3851,13 @@ function u5(u37) {
       ctrlKey: i53.ctrlKey,
       metaKey: i53.metaKey,
       altKey: i53.altKey
-    }, s44 = [], u38 = 0, h26 = i53.currentTarget, v20 = (Array.from(a54.children).find((e28) => e28.contains(h26)) ?? h26).getBoundingClientRect(), b19 = {
+    }, s44 = [], u38 = 0, h26 = i53.currentTarget, v20 = (Array.from(a54.children).find((e28) => e28.contains(h26)) ?? h26).getBoundingClientRect(), b18 = {
       x: i53.clientX - v20.left,
       y: i53.clientY - v20.top
     }, x18 = (e28) => ({
       ids: s44,
-      left: e28.clientX - b19.x,
-      top: e28.clientY - b19.y,
+      left: e28.clientX - b18.x,
+      top: e28.clientY - b18.y,
       width: v20.width
     });
     m26.current = startThresholdDrag(i53, {
@@ -3897,7 +3897,7 @@ function u5(u37) {
       let [m27, h26] = s8(r48, t40), g23 = n45 < 0 ? d33 - 1 : p27 + 2;
       return g23 < m27 || g23 > h26 || l6(r48, o49, g23) ? false : (a54(o49, g23), true);
     }, []),
-    rowProps: (e28, t40) => ({ onPointerDown: (n45) => b18(e28, t40, n45) }),
+    rowProps: (e28, t40) => ({ onPointerDown: (n45) => b17(e28, t40, n45) }),
     containerProps: { ref: v19 },
     state: h25
   };
@@ -3983,7 +3983,7 @@ function d5(e28) {
   return !!t40 && e28.currentTarget.contains(t40);
 }
 function f4(u37) {
-  let { rows: f30, columns: p26, defaultSort: m26, onReorder: h25, empty: g22 = "\u2014", className: _21, rowClassName: v19, onRowClick: y18, renderDetail: b18, rowExpandable: x18, expandedIds: S17, defaultExpandedIds: C14, onExpandedChange: w13 } = u37, [T13, E12] = useState(m26 ?? null), [D12, O12] = useState(() => new Set(C14)), k12 = S17 ?? D12, A11 = useId(), j11 = (e28) => {
+  let { rows: f30, columns: p26, defaultSort: m26, onReorder: h25, empty: g22 = "\u2014", className: _21, rowClassName: v19, onRowClick: y18, renderDetail: b17, rowExpandable: x18, expandedIds: S17, defaultExpandedIds: C14, onExpandedChange: w13 } = u37, [T13, E12] = useState(m26 ?? null), [D12, O12] = useState(() => new Set(C14)), k12 = S17 ?? D12, A11 = useId(), j11 = (e28) => {
     let t40 = new Set(k12);
     t40.has(e28) ? t40.delete(e28) : t40.add(e28), S17 || O12(t40), w13?.(t40);
   }, M12 = useMemo(() => {
@@ -4016,9 +4016,9 @@ function f4(u37) {
     onReorder: h25 ?? (() => {
     }),
     rowSelector: ":not([data-detail-of])"
-  }), F11 = !!h25, I9 = !!b18, L9 = p26.length + +!!F11 + +!!I9;
+  }), F11 = !!h25, I9 = !!b17, L9 = p26.length + +!!F11 + +!!I9, R8 = [l7.grid, _21].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsx("div", {
-    className: [l7.grid, _21].filter(Boolean).join(" "),
+    className: R8,
     children: /* @__PURE__ */ jsxs("table", {
       className: l7.table,
       children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
@@ -4050,15 +4050,15 @@ function f4(u37) {
           className: l7.empty,
           children: g22
         }) }), M12.map((e28, n45) => {
-          let o49 = P10.state.draggedIds?.includes(e28.id) ?? false, s44 = P10.state.targetIndex, c42 = I9 && (x18?.(e28) ?? true), u38 = c42 && k12.has(e28.id), f31 = u38 ? b18(e28) : null, m27 = `${A11}-detail-${e28.id}`;
+          let o49 = P10.state.draggedIds?.includes(e28.id) ?? false, s44 = P10.state.targetIndex, c42 = I9 && (x18?.(e28) ?? true), u38 = c42 && k12.has(e28.id), f31 = u38 ? b17(e28) : null, m27 = `${A11}-detail-${e28.id}`, h26 = [
+            y18 && l7.clickable,
+            o49 && l7.dragging,
+            s44 === n45 && l7.dropBefore,
+            s44 === M12.length && n45 === M12.length - 1 && l7.dropAfter,
+            v19?.(e28)
+          ].filter(Boolean).join(" ");
           return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("tr", {
-            className: [
-              y18 && l7.clickable,
-              o49 && l7.dragging,
-              s44 === n45 && l7.dropBefore,
-              s44 === M12.length && n45 === M12.length - 1 && l7.dropAfter,
-              v19?.(e28)
-            ].filter(Boolean).join(" ") || void 0,
+            className: h26 || void 0,
             "data-expanded": u38 || void 0,
             tabIndex: y18 ? 0 : void 0,
             onClick: y18 ? (t40) => {
@@ -4658,7 +4658,7 @@ function C3(e28, t40, n45, r48, i53) {
   }));
 }
 var w3 = forwardRef(function(r48, p26) {
-  let { width: m26, height: h25, xRange: g22 = [0, 1], yRange: _21 = [0, 1], grid: v19, axes: b18, xTicks: x18, yTicks: w13, tabIndex: T13, role: E12 = "img", className: D12, style: O12, onPointerDown: k12, onKeyDown: A11, children: j11 } = r48, M12 = useRef(null), N11 = useMemo(() => ({
+  let { width: m26, height: h25, xRange: g22 = [0, 1], yRange: _21 = [0, 1], grid: v19, axes: b17, xTicks: x18, yTicks: w13, tabIndex: T13, role: E12 = "img", className: D12, style: O12, onPointerDown: k12, onKeyDown: A11, children: j11 } = r48, M12 = useRef(null), N11 = useMemo(() => ({
     xMin: g22[0],
     xMax: g22[1],
     yMin: _21[0],
@@ -4697,10 +4697,10 @@ var w3 = forwardRef(function(r48, p26) {
   ]);
   let I9 = useCallback((e28) => {
     if (!k12) return;
-    let t40 = F11(e28);
+    let t40 = F11(e28), n45 = f6(t40, N11, P10);
     k12(e28, {
       plot: t40,
-      model: f6(t40, N11, P10)
+      model: n45
     });
   }, [
     k12,
@@ -4713,7 +4713,7 @@ var w3 = forwardRef(function(r48, p26) {
   }, N11, P10).x) : [], R8 = w13 ? C3(w13, "y", _21, h25, (e28) => d7({
     x: g22[0],
     y: e28
-  }, N11, P10).y) : [], z7 = !!w13 && (w13.labels ?? "inside") === "inside", B6 = useRef(null), [V6, H6] = useState(0);
+  }, N11, P10).y) : [], z7 = !!w13 && (w13.labels ?? "inside") === "inside", B6 = useRef(null), [V6, H6] = useState(0), U6 = z7 ? R8.map((e28) => e28.label).join("\n") : "";
   useLayoutEffect(() => {
     if (!z7) return;
     let e28 = () => {
@@ -4728,8 +4728,8 @@ var w3 = forwardRef(function(r48, p26) {
     }), () => {
       t40 = false;
     };
-  }, [z7, z7 ? R8.map((e28) => e28.label).join("\n") : ""]);
-  let U6 = [y3.root, D12].filter(Boolean).join(" "), W7 = (e28, n45, r49) => !r49 || r49.lines === false || n45.length === 0 ? null : /* @__PURE__ */ jsx("g", { children: n45.map((n46) => /* @__PURE__ */ jsx("line", {
+  }, [z7, U6]);
+  let W7 = [y3.root, D12].filter(Boolean).join(" "), G7 = (e28, n45, r49) => !r49 || r49.lines === false || n45.length === 0 ? null : /* @__PURE__ */ jsx("g", { children: n45.map((n46) => /* @__PURE__ */ jsx("line", {
     "data-plot-element": "tick",
     "data-axis": e28,
     className: y3.tick,
@@ -4744,7 +4744,7 @@ var w3 = forwardRef(function(r48, p26) {
       y1: n46.at,
       y2: n46.at
     }
-  }, `t${e28}-${n46.value}`)) }), G7 = (e28, n45, r49) => {
+  }, `t${e28}-${n46.value}`)) }), K7 = (e28, n45, r49) => {
     if (!r49 || n45.length === 0) return null;
     let i53 = r49.labels ?? "inside";
     if (i53 === false) return null;
@@ -4787,7 +4787,7 @@ var w3 = forwardRef(function(r48, p26) {
   };
   return /* @__PURE__ */ jsxs("svg", {
     ref: M12,
-    className: U6,
+    className: W7,
     style: O12,
     width: m26,
     height: h25,
@@ -4819,10 +4819,10 @@ var w3 = forwardRef(function(r48, p26) {
           y2: e29 * h25
         }, `gy-${e29}`))] });
       })(),
-      W7("x", L9, x18),
-      W7("y", R8, w13),
-      b18 !== false && b18 !== null && (() => {
-        let e28 = b18?.color;
+      G7("x", L9, x18),
+      G7("y", R8, w13),
+      b17 !== false && b17 !== null && (() => {
+        let e28 = b17?.color;
         return /* @__PURE__ */ jsxs("g", { children: [/* @__PURE__ */ jsx("line", {
           "data-plot-element": "axis",
           className: y3.axis,
@@ -4841,14 +4841,14 @@ var w3 = forwardRef(function(r48, p26) {
           y2: h25
         })] });
       })(),
-      G7("x", L9, x18),
-      G7("y", R8, w13),
+      K7("x", L9, x18),
+      K7("y", R8, w13),
       j11
     ]
   });
 });
 
-// ../ui/dist/chunks/snap-DC4Km8xG.js
+// ../ui/dist/chunks/snap-DRjbOiG9.js
 function e10(e28, t40, n45) {
   let r48 = e28, i53 = n45;
   for (let n46 of t40) {
@@ -4879,10 +4879,10 @@ function v5(e28, t40, n45) {
       m26 < 0 ? m26 = 0 : m26 > 1 && (m26 = 1);
       let h25 = s44.x + m26 * l40, g22 = s44.y + m26 * u37, _21 = h25 - t40.x, v19 = g22 - t40.y, y18 = _21 * _21 + v19 * v19;
       if (y18 > r48) continue;
-      let b18 = (e29 + m26) / o49;
+      let b17 = (e29 + m26) / o49;
       (i53 === null || y18 < i53.d2) && (i53 = {
         segIdx: n46,
-        t: b18,
+        t: b17,
         d2: y18
       });
     }
@@ -4929,7 +4929,7 @@ function w4(e28) {
   };
 }
 function T3(i53) {
-  let { layers: a54, onLayerChange: s44, onLayerCommit: c42, width: g22, height: _21, xRange: v19 = [0, 1], yRange: y18 = [0, 1], grid: b18, axes: x18, xTicks: T13, yTicks: E12, className: D12, style: O12, children: k12 } = i53, A11 = i53.history !== false, j11 = useMemo(() => ({
+  let { layers: a54, onLayerChange: s44, onLayerCommit: c42, width: g22, height: _21, xRange: v19 = [0, 1], yRange: y18 = [0, 1], grid: b17, axes: x18, xTicks: T13, yTicks: E12, className: D12, style: O12, children: k12 } = i53, A11 = i53.history !== false, j11 = useMemo(() => ({
     xMin: v19[0],
     xMax: v19[1],
     yMin: y18[0],
@@ -4983,7 +4983,7 @@ function T3(i53) {
     U6,
     W7
   ]), q7 = useRef(() => {
-  }), J6 = useRef(() => {
+  }), J7 = useRef(() => {
   }), Y7 = useRef(() => {
   }), X7 = useRef(null), Z7 = useCallback(() => {
     X7.current = null, R8.current = null, B6(null);
@@ -4999,7 +4999,7 @@ function T3(i53) {
     if (i54 === void 0) return;
     let a55 = L9(w4(e28)), o49 = t40.gesture.onMove(i54, r48, e28, a55);
     o49 !== i54 && s44(t40.layerId, o49);
-  }, J6.current = (e28) => {
+  }, J7.current = (e28) => {
     let t40 = R8.current;
     if (!t40) return;
     let n45 = Q6(t40.layerId);
@@ -5021,68 +5021,68 @@ function T3(i53) {
     r48 !== t40 && s44(e28.layerId, r48), Z7();
   };
   let $6 = useCallback((e28, t40, n45) => {
-    let r48 = U6();
+    let r48 = U6(), i54 = r48.get(e28);
     R8.current = {
       layerId: e28,
       gesture: n45,
       startStates: r48,
-      startSelfState: r48.get(e28)
+      startSelfState: i54
     }, B6(e28), X7.current = openPointerSession(t40.currentTarget, t40, {
       onMove: (e29) => q7.current(e29),
-      onEnd: (e29) => J6.current(e29),
+      onEnd: (e29) => J7.current(e29),
       onCancel: () => Y7.current()
     }, { capture: false });
-  }, [U6]), ee6 = useCallback((t40, n45) => {
+  }, [U6]), ee7 = useCallback((t40, n45) => {
     if (R8.current) return;
-    let r48 = L9(w4(t40)), i54 = N11.current, a55 = t40.nativeEvent;
+    let r48 = w4(t40), i54 = L9(r48), a55 = N11.current, o49 = t40.nativeEvent;
     a("layered-curve-editor", "pointerdown", {
       plot: n45.plot,
       model: n45.model,
-      layers: i54.length
+      layers: a55.length
     });
-    let o49 = U6();
-    for (let e28 = i54.length - 1; e28 >= 0; e28--) {
-      let l41 = i54[e28], u37 = l41.layer.hitTest?.(l41.state, n45.plot, r48);
-      if (!u37) continue;
-      let d33 = l41.state, f30, p26 = l41.layer.onPointerDown?.(d33, u37, a55, r48, {
+    let l40 = U6();
+    for (let e28 = a55.length - 1; e28 >= 0; e28--) {
+      let r49 = a55[e28], u38 = r49.layer.hitTest?.(r49.state, n45.plot, i54);
+      if (!u38) continue;
+      let d33 = r49.state, f30, p26 = r49.layer.onPointerDown?.(d33, u38, o49, i54, {
         plot: n45.plot,
         model: n45.model,
         commit(e29) {
-          f30 = e29, s44(l41.layer.id, e29);
+          f30 = e29, s44(r49.layer.id, e29);
         }
       });
       if (t40.stopPropagation(), p26) {
-        $6(l41.layer.id, t40, p26);
+        $6(r49.layer.id, t40, p26);
         return;
       }
-      f30 !== void 0 && (A11 && (V6.current.push(o49), H6.current = []), c42?.(l41.layer.id, f30, d33));
+      f30 !== void 0 && (A11 && (V6.current.push(l40), H6.current = []), c42?.(r49.layer.id, f30, d33));
       return;
     }
-    let l40 = null;
-    for (let e28 = i54.length - 1; e28 >= 0; e28--) {
-      let c43 = i54[e28];
-      if (!c43.layer.onEmptyPointerDown) continue;
-      let u37 = c43.state, d33, f30 = c43.layer.onEmptyPointerDown(u37, n45.model, a55, r48, {
+    let u37 = null;
+    for (let e28 = a55.length - 1; e28 >= 0; e28--) {
+      let r49 = a55[e28];
+      if (!r49.layer.onEmptyPointerDown) continue;
+      let c43 = r49.state, d33, f30 = r49.layer.onEmptyPointerDown(c43, n45.model, o49, i54, {
         plot: n45.plot,
         model: n45.model,
         commit(e29) {
-          d33 = e29, s44(c43.layer.id, e29);
+          d33 = e29, s44(r49.layer.id, e29);
         }
       });
       if (f30) {
-        $6(c43.layer.id, t40, f30), d33 !== void 0 && R8.current !== null && (R8.current.startStates = o49, R8.current.startSelfState = o49.get(c43.layer.id));
+        $6(r49.layer.id, t40, f30), d33 !== void 0 && R8.current !== null && (R8.current.startStates = l40, R8.current.startSelfState = l40.get(r49.layer.id));
         return;
       }
       if (d33 !== void 0) {
-        l40 = {
-          id: c43.layer.id,
+        u37 = {
+          id: r49.layer.id,
           next: d33,
-          prev: u37
+          prev: c43
         };
         break;
       }
     }
-    l40 && (A11 && (V6.current.push(o49), H6.current = []), c42?.(l40.id, l40.next, l40.prev));
+    u37 && (A11 && (V6.current.push(l40), H6.current = []), c42?.(u37.id, u37.next, u37.prev));
   }, [
     L9,
     $6,
@@ -5091,7 +5091,7 @@ function T3(i53) {
     A11,
     U6
   ]), te6 = useCallback((e28) => {
-    let t40 = L9(w4(e28)), n45 = N11.current;
+    let t40 = w4(e28), n45 = L9(t40), r48 = N11.current;
     if (A11 && (e28.metaKey || e28.ctrlKey)) {
       let t41 = e28.key.toLowerCase();
       if (t41 === "z") {
@@ -5103,11 +5103,11 @@ function T3(i53) {
         return;
       }
     }
-    for (let r48 = n45.length - 1; r48 >= 0; r48--) {
-      let i54 = n45[r48];
+    for (let t41 = r48.length - 1; t41 >= 0; t41--) {
+      let i54 = r48[t41];
       if (!i54.layer.onKeyDown) continue;
       let a55 = U6(), o49;
-      if (i54.layer.onKeyDown(i54.state, e28.nativeEvent, t40, { commit(e29) {
+      if (i54.layer.onKeyDown(i54.state, e28.nativeEvent, n45, { commit(e29) {
         o49 = e29, s44(i54.layer.id, e29);
       } }), o49 !== void 0 && (A11 && (V6.current.push(a55), H6.current = []), c42?.(i54.layer.id, o49, i54.state)), e28.nativeEvent.defaultPrevented) return;
     }
@@ -5128,23 +5128,23 @@ function T3(i53) {
     plotSize: M12,
     toPlot: (e28) => d7(e28, j11, M12),
     toModel: (e28) => f6(e28, j11, M12)
-  }), [j11, M12]);
+  }), [j11, M12]), re6 = [S4.root, D12].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs(w3, {
     ref: I9,
-    className: [S4.root, D12].filter(Boolean).join(" "),
+    className: re6,
     style: O12,
     width: g22,
     height: _21,
     xRange: v19,
     yRange: y18,
-    grid: b18,
+    grid: b17,
     axes: x18,
     xTicks: T13,
     yTicks: E12,
     tabIndex: A11 ? 0 : void 0,
     role: "group",
     "aria-label": i53["aria-label"],
-    onPointerDown: ee6,
+    onPointerDown: ee7,
     onKeyDown: te6,
     children: [k12, a54.map((e28) => {
       let t40 = {
@@ -5376,7 +5376,7 @@ function z3(e28 = {}) {
       payload: { segment: a54.segIdx + 1 }
     } : null;
   }
-  function b18(t41) {
+  function b17(t41) {
     return {
       onMove(n46, r49, a54, s44) {
         let c42 = F3(r49.x, e28.xClamp);
@@ -5465,7 +5465,7 @@ function z3(e28 = {}) {
             t: r50.t,
             value: r50.value
           }
-        }), b18(n47);
+        }), b17(n47);
       }
       if (t41.kind === "segment") {
         let { segment: n47 } = t41.payload;
@@ -5547,10 +5547,10 @@ function h6(e28, t40, n45, r48, i53, a54 = 0.5) {
     x: t40.x + (n45.x - t40.x) * i53,
     y: t40.y + (n45.y - t40.y) * i53
   };
-  let l40 = o49 + i53 * (s44 - o49), u37 = ((o49 - l40) * e28.x + (l40 - 0) * t40.x) / (o49 - 0), d33 = ((o49 - l40) * e28.y + (l40 - 0) * t40.y) / (o49 - 0), f30 = ((s44 - l40) * t40.x + (l40 - o49) * n45.x) / (s44 - o49), p26 = ((s44 - l40) * t40.y + (l40 - o49) * n45.y) / (s44 - o49), h25 = ((c42 - l40) * n45.x + (l40 - s44) * r48.x) / (c42 - s44), g22 = ((c42 - l40) * n45.y + (l40 - s44) * r48.y) / (c42 - s44), _21 = ((s44 - l40) * u37 + (l40 - 0) * f30) / (s44 - 0), v19 = ((s44 - l40) * d33 + (l40 - 0) * p26) / (s44 - 0), y18 = ((c42 - l40) * f30 + (l40 - o49) * h25) / (c42 - o49), b18 = ((c42 - l40) * p26 + (l40 - o49) * g22) / (c42 - o49);
+  let l40 = o49 + i53 * (s44 - o49), u37 = ((o49 - l40) * e28.x + (l40 - 0) * t40.x) / (o49 - 0), d33 = ((o49 - l40) * e28.y + (l40 - 0) * t40.y) / (o49 - 0), f30 = ((s44 - l40) * t40.x + (l40 - o49) * n45.x) / (s44 - o49), p26 = ((s44 - l40) * t40.y + (l40 - o49) * n45.y) / (s44 - o49), h25 = ((c42 - l40) * n45.x + (l40 - s44) * r48.x) / (c42 - s44), g22 = ((c42 - l40) * n45.y + (l40 - s44) * r48.y) / (c42 - s44), _21 = ((s44 - l40) * u37 + (l40 - 0) * f30) / (s44 - 0), v19 = ((s44 - l40) * d33 + (l40 - 0) * p26) / (s44 - 0), y18 = ((c42 - l40) * f30 + (l40 - o49) * h25) / (c42 - o49), b17 = ((c42 - l40) * p26 + (l40 - o49) * g22) / (c42 - o49);
   return {
     x: ((s44 - l40) * _21 + (l40 - o49) * y18) / (s44 - o49),
-    y: ((s44 - l40) * v19 + (l40 - o49) * b18) / (s44 - o49)
+    y: ((s44 - l40) * v19 + (l40 - o49) * b17) / (s44 - o49)
   };
 }
 function g6(e28, t40, n45 = 0.5) {
@@ -5773,18 +5773,18 @@ function F4(n45 = {}) {
   }
   function _21(e28, t40, n46) {
     if (!m26) return null;
-    let i54 = _5(M4(e28.points, n46), t40, T4);
-    if (i54) return {
+    let i54 = M4(e28.points, n46), o49 = _5(i54, t40, T4);
+    if (o49) return {
       kind: "anchor",
-      payload: { index: i54.index }
+      payload: { index: o49.index }
     };
     if (f30 === "click-curve" && h25) {
-      let r48 = v5(N4(e28.points, p26, n46), t40, E4);
-      if (r48) return {
+      let r48 = N4(e28.points, p26, n46), i55 = v5(r48, t40, E4);
+      if (i55) return {
         kind: "curve",
         payload: {
-          segIdx: r48.segIdx,
-          t: r48.t
+          segIdx: i55.segIdx,
+          t: i55.t
         }
       };
     }
@@ -5834,7 +5834,7 @@ function F4(n45 = {}) {
       }
     };
   }
-  function b18(t40, r48, a54, o49, s44) {
+  function b17(t40, r48, a54, o49, s44) {
     if (r48.kind === "anchor") {
       let { index: c42 } = r48.payload;
       if (a("function-layer", "anchor-down", {
@@ -5919,7 +5919,7 @@ function F4(n45 = {}) {
       x: d34.x + c42 * Math.abs(h26) * D4 * p27,
       y: d34.y + l41 * Math.abs(f31.yMax - f31.yMin) * D4 * p27
     }, r48), _22 = g23.points[u38];
-    _22.x === d34.x && _22.y === d34.y || a54.commit({
+    (_22.x !== d34.x || _22.y !== d34.y) && a54.commit({
       ...g23,
       activeIndex: null
     });
@@ -5928,13 +5928,13 @@ function F4(n45 = {}) {
     id: i53,
     render: g22,
     hitTest: _21,
-    onPointerDown: b18,
+    onPointerDown: b17,
     onEmptyPointerDown: F11,
     onKeyDown: I9
   };
 }
 function L4(e28) {
-  let { value: t40, onInput: r48, onChange: i53, domain: a54, endpoints: o49, interpolation: c42, constrain: m26, addPointMode: h25, minPoints: g22, maxPoints: _21, curve: v19, fill: y18, hideNonInteractive: b18, renderAnchor: x18, width: S17, height: C14, xRange: w13, yRange: T13, grid: E12, axes: D12, xTicks: O12, yTicks: k12, history: A11, className: j11, style: M12, decorations: N11 } = e28, P10 = useMemo(() => F4({
+  let { value: t40, onInput: r48, onChange: i53, domain: a54, endpoints: o49, interpolation: c42, constrain: m26, addPointMode: h25, minPoints: g22, maxPoints: _21, curve: v19, fill: y18, hideNonInteractive: b17, renderAnchor: x18, width: S17, height: C14, xRange: w13, yRange: T13, grid: E12, axes: D12, xTicks: O12, yTicks: k12, history: A11, className: j11, style: M12, decorations: N11 } = e28, P10 = useMemo(() => F4({
     id: "function",
     domain: a54,
     endpoints: o49,
@@ -5945,7 +5945,7 @@ function L4(e28) {
     maxPoints: _21,
     curve: v19,
     fill: y18,
-    hideNonInteractive: b18,
+    hideNonInteractive: b17,
     renderAnchor: x18
   }), [
     a54,
@@ -5957,7 +5957,7 @@ function L4(e28) {
     _21,
     v19,
     y18,
-    b18,
+    b17,
     x18
   ]), [I9, L9] = useState(() => ({
     points: t40,
@@ -5976,33 +5976,33 @@ function L4(e28) {
     if (!i53) return;
     let r49 = t41, a55 = n45;
     r49.points !== a55.points && i53?.(r49.points, a55.points);
-  }, [i53]);
+  }, [i53]), V6 = useCallback((e29) => {
+    let t41 = e29.target?.closest?.("[data-anchor-index]");
+    if (!t41) return;
+    e29.preventDefault(), e29.stopPropagation();
+    let n45 = t41.getAttribute("data-anchor-index");
+    if (n45 === null) return;
+    let a55 = Number(n45), s44 = R8.current.points;
+    if (!Number.isInteger(a55) || a55 < 0 || a55 >= s44.length || s44[a55]?.locked || o49 !== void 0 && o49 !== "free" && (a55 === 0 || a55 === s44.length - 1) || g22 !== void 0 && s44.length <= g22) return;
+    let c43 = s44.filter((e30, t42) => t42 !== a55);
+    L9({
+      points: c43,
+      activeIndex: null
+    }), r48(c43), i53?.(c43, s44);
+  }, [
+    o49,
+    g22,
+    r48,
+    i53
+  ]), H6 = useMemo(() => [{
+    layer: P10,
+    state: I9
+  }], [P10, I9]);
   return /* @__PURE__ */ jsx("div", {
-    onContextMenu: useCallback((e29) => {
-      let t41 = e29.target?.closest?.("[data-anchor-index]");
-      if (!t41) return;
-      e29.preventDefault(), e29.stopPropagation();
-      let n45 = t41.getAttribute("data-anchor-index");
-      if (n45 === null) return;
-      let a55 = Number(n45), s44 = R8.current.points;
-      if (!Number.isInteger(a55) || a55 < 0 || a55 >= s44.length || s44[a55]?.locked || o49 !== void 0 && o49 !== "free" && (a55 === 0 || a55 === s44.length - 1) || g22 !== void 0 && s44.length <= g22) return;
-      let c43 = s44.filter((e30, t42) => t42 !== a55);
-      L9({
-        points: c43,
-        activeIndex: null
-      }), r48(c43), i53?.(c43, s44);
-    }, [
-      o49,
-      g22,
-      r48,
-      i53
-    ]),
+    onContextMenu: V6,
     style: { display: "contents" },
     children: /* @__PURE__ */ jsx(T3, {
-      layers: useMemo(() => [{
-        layer: P10,
-        state: I9
-      }], [P10, I9]),
+      layers: H6,
       onLayerChange: z7,
       onLayerCommit: B6,
       width: S17,
@@ -6031,10 +6031,10 @@ var l12 = {
   footer: "_footer_122x3_288"
 };
 function u11(u37) {
-  let { title: d33, showCloseButton: f30, children: p26, footer: m26, role: h25 = "dialog", className: g22, bodyClassName: _21, isOpen: v19, onOpenChange: y18, portalContainer: b18, stance: x18, tone: S17, ...C14 } = u37, w13 = n7({
+  let { title: d33, showCloseButton: f30, children: p26, footer: m26, role: h25 = "dialog", className: g22, bodyClassName: _21, isOpen: v19, onOpenChange: y18, portalContainer: b17, stance: x18, tone: S17, ...C14 } = u37, w13 = n7({
     stance: x18,
     tone: S17
-  }), T13 = f30 ?? !!y18, { anchor: E12, portalProps: D12 } = c3(b18);
+  }), T13 = f30 ?? !!y18, { anchor: E12, portalProps: D12 } = c3(b17);
   return /* @__PURE__ */ jsxs(Fragment, { children: [E12, /* @__PURE__ */ jsx(ModalOverlay, {
     ...C14,
     isOpen: v19,
@@ -6077,7 +6077,7 @@ function u11(u37) {
   })] });
 }
 
-// ../ui/dist/chunks/number-6S8IzXVt.js
+// ../ui/dist/chunks/number-D3NEx_8r.js
 var e11 = "\u2212";
 function t15(e28, t40) {
   return (Number.isFinite(e28) ? e28.toLocaleString(void 0, t40) : String(e28)).replace(/^-/, "\u2212");
@@ -6202,12 +6202,13 @@ var t17 = {
   row: "_row_1dekc_28"
 };
 function n18({ orientation: n45 = "stacked", className: r48, children: i53 }) {
+  let a54 = [
+    t17.field,
+    n45 === "row" && t17.row,
+    r48
+  ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsx("div", {
-    className: [
-      t17.field,
-      n45 === "row" && t17.row,
-      r48
-    ].filter(Boolean).join(" "),
+    className: a54,
     children: i53
   });
 }
@@ -6243,7 +6244,7 @@ function w6(e28) {
   return "options" in e28;
 }
 function T5(o49) {
-  let { label: s44, orientation: c42 = "stacked", description: l40, errorMessage: m26, placeholder: _21, options: v19, children: T13, selectedKey: E12, defaultSelectedKey: D12, onSelectionChange: k12, width: A11 = "fill", variant: I9 = "field", indicator: L9 = I9 === "bare" ? "underline" : "chevron", popup: R8 = "over", triggerId: z7, className: B6, portalContainer: V6, shortcut: H6, tooltip: U6, ...W7 } = o49, { anchor: G7, portalProps: K7 } = c3(V6), q7 = useRef(null), J6 = useRef(null), [Y7, X7] = useState(O5);
+  let { label: s44, orientation: c42 = "stacked", description: l40, errorMessage: m26, placeholder: _21, options: v19, children: T13, selectedKey: E12, defaultSelectedKey: D12, onSelectionChange: k12, width: A11 = "fill", variant: I9 = "field", indicator: L9 = I9 === "bare" ? "underline" : "chevron", popup: R8 = "over", triggerId: z7, className: B6, portalContainer: V6, shortcut: H6, tooltip: U6, ...W7 } = o49, { anchor: G7, portalProps: K7 } = c3(V6), q7 = useRef(null), J7 = useRef(null), [Y7, X7] = useState(O5);
   return /* @__PURE__ */ jsxs(Select, {
     ...W7,
     selectedKey: E12,
@@ -6279,7 +6280,7 @@ function T5(o49) {
           ref: q7,
           className: C6.trigger,
           onPointerDown: (e28) => {
-            J6.current = {
+            J7.current = {
               x: e28.clientX,
               y: e28.clientY,
               at: performance.now()
@@ -6330,7 +6331,7 @@ function T5(o49) {
         ...K7,
         children: [R8 === "over" && /* @__PURE__ */ jsx(j5, {
           triggerRef: q7,
-          pressRef: J6,
+          pressRef: J7,
           applied: Y7,
           onMeasure: X7
         }), /* @__PURE__ */ jsx(ListBox, {
@@ -6500,12 +6501,12 @@ var h8 = {
   ghost: "_ghost_1v3hc_113"
 };
 var g8 = forwardRef(function(e28, t40) {
-  let { label: a54, orientation: o49 = "stacked", description: s44, errorMessage: g22, hideSteppers: _21, ghost: v19, placeholder: y18, width: b18 = "fill", className: x18, ...S17 } = e28;
+  let { label: a54, orientation: o49 = "stacked", description: s44, errorMessage: g22, hideSteppers: _21, ghost: v19, placeholder: y18, width: b17 = "fill", className: x18, ...S17 } = e28;
   return /* @__PURE__ */ jsxs(NumberField, {
     ...S17,
     className: [
       h8.field,
-      b18 === "fit" && h8.fit,
+      b17 === "fit" && h8.fit,
       r18.root,
       o49 === "row" && r18.row,
       o49 === "row" && h8.row,
@@ -6549,7 +6550,7 @@ var g8 = forwardRef(function(e28, t40) {
   });
 });
 function _8({ value: i53, onChange: a54, minValue: c42, maxValue: l40, step: u37 = 1, accepts: d33, placeholder: f30, ghost: p26, width: m26 = "fill", className: g22, "aria-label": _21 }) {
-  let [v19, y18] = useState(null), b18 = useRef(false), x18 = Number.isFinite(i53) ? t15(i53, {
+  let [v19, y18] = useState(null), b17 = useRef(false), x18 = Number.isFinite(i53) ? t15(i53, {
     useGrouping: false,
     maximumFractionDigits: 20
   }) : "", S17 = (e28) => Math.min(l40 ?? Infinity, Math.max(c42 ?? -Infinity, e28)), C14 = (e28) => {
@@ -6573,10 +6574,10 @@ function _8({ value: i53, onChange: a54, minValue: c42, maxValue: l40, step: u37
         value: v19 ?? x18,
         onChange: (e28) => y18(e28.target.value),
         onFocus: () => {
-          b18.current = false;
+          b17.current = false;
         },
         onBlur: () => {
-          if (v19 !== null && !b18.current) {
+          if (v19 !== null && !b17.current) {
             let t40 = a18(v19, d33);
             Number.isFinite(t40) && C14(t40);
           }
@@ -6584,7 +6585,7 @@ function _8({ value: i53, onChange: a54, minValue: c42, maxValue: l40, step: u37
         },
         onKeyDown: (t40) => {
           if (t40.key === "Enter") t40.currentTarget.blur();
-          else if (t40.key === "Escape") b18.current = true, t40.currentTarget.blur();
+          else if (t40.key === "Escape") b17.current = true, t40.currentTarget.blur();
           else if (t40.key === "ArrowUp" || t40.key === "ArrowDown") {
             t40.preventDefault();
             let n45 = v19 === null ? i53 : a18(v19, d33), r48 = S17((Number.isFinite(n45) ? n45 : 0) + (t40.key === "ArrowUp" ? u37 : -u37));
@@ -6671,15 +6672,17 @@ function a24(a54) {
     return t40 !== void 0 && t40.includes(e28) && !p26(e28);
   }, h25 = (e28) => () => {
     let t40 = o49[e28];
-    if (!t40.disabled) if (f30 === "multiple") {
-      let e29 = a54.value, n45 = e29.includes(t40.value) ? e29.filter((e30) => e30 !== t40.value) : [...e29, t40.value];
-      a54.onChange(n45);
-    } else {
-      if (a54.value === t40.value) {
-        a54.allowDeselect && a54.onChange(null);
-        return;
+    if (!t40.disabled) {
+      if (f30 === "multiple") {
+        let e29 = a54.value, n45 = e29.includes(t40.value) ? e29.filter((e30) => e30 !== t40.value) : [...e29, t40.value];
+        a54.onChange(n45);
+      } else {
+        if (a54.value === t40.value) {
+          a54.allowDeselect && a54.onChange(null);
+          return;
+        }
+        a54.onChange(t40.value);
       }
-      a54.onChange(t40.value);
     }
   }, g22 = f30 === "single" ? o49.findIndex((e28) => e28.value === a54.value) : -1, _21 = a23({
     items: o49,
@@ -6781,26 +6784,26 @@ function h9(e28, t40, n45, r48) {
   }
   return i53 === -1 ? e28[0] : e28[Math.max(0, i53 - (r48 - 1))];
 }
-function g9(e28, t40, n45) {
+function ee3(e28, t40, n45) {
   return e28 !== void 0 && e28 > 0 ? e28 : (n45 - t40) / 100;
 }
-function _9(e28, t40, n45, r48, i53, a54) {
+function g9(e28, t40, n45, r48, i53, a54) {
   let o49 = a54 !== void 0 && a54 > 0 ? a54 : (i53 - r48) / 1e3;
   return u16(e28, n45 > 0 ? t40[n45 - 1].value + o49 : r48, n45 < t40.length - 1 ? t40[n45 + 1].value - o49 : i53);
 }
-function v8(e28, t40, n45, r48) {
+function _9(e28, t40, n45, r48) {
   if (!e28.bounds) return [n45, r48];
   let i53 = typeof e28.bounds == "function" ? e28.bounds(t40) : e28.bounds;
   return [i53[0], i53[1]];
 }
-function y6(t40) {
+function v8(t40) {
   return t15(t40.value, {
     minimumFractionDigits: 3,
     maximumFractionDigits: 3
   });
 }
-function b7(e28) {
-  let { thumbs: b18, onInput: x18, onChange: S17, step: C14, constraint: w13, trackHeight: T13, density: E12, ariaLabel: ee6, className: D12 } = e28, O12 = useMemo(() => p10(e28.stops, e28.min, e28.max), [
+function y6(e28) {
+  let { thumbs: y18, onInput: b17, onChange: x18, step: S17, constraint: C14, trackHeight: w13, density: T13, ariaLabel: E12, className: D12 } = e28, O12 = useMemo(() => p10(e28.stops, e28.min, e28.max), [
     e28.stops,
     e28.min,
     e28.max
@@ -6832,44 +6835,46 @@ function b7(e28) {
   ]), z7 = useCallback((e29, t40) => {
     let n45 = R8(e29);
     if (j11) return m10(n45, k12, Infinity, L9);
-    let r48 = u16(l17(n45, C14, M12), M12, N11);
+    let r48 = u16(l17(n45, S17, M12), M12, N11);
     return k12.length > 0 ? m10(r48, k12, d12 / t40, L9) : r48;
   }, [
     R8,
     L9,
     j11,
     k12,
-    C14,
+    S17,
     M12,
     N11
   ]), B6 = useCallback((n45, r48, i53, a54) => {
-    I9.current?.cancel(), F11.current = (a54 ?? b18).map((e29) => ({ ...e29 }));
-    let o49 = false;
+    I9.current?.cancel();
+    let o49 = (a54 ?? y18).map((e29) => ({ ...e29 }));
+    F11.current = o49;
+    let s44 = false;
     I9.current = openPointerSession(n45, r48, {
       onMove: (t40) => {
         let n46 = P10.current, r49 = F11.current;
         if (!n46 || !r49) return;
-        let a55 = n46.getBoundingClientRect(), s44 = z7((t40.clientX - a55.left) / a55.width, a55.width), [c42, l40] = v8(r49[i53], {
+        let a55 = n46.getBoundingClientRect(), o50 = z7((t40.clientX - a55.left) / a55.width, a55.width), [c42, l40] = _9(r49[i53], {
           thumbs: r49,
           index: i53
         }, M12, N11);
-        s44 = u16(s44, c42, l40), w13 === "ordered" && (s44 = _9(s44, r49, i53, M12, N11, C14));
+        o50 = u16(o50, c42, l40), C14 === "ordered" && (o50 = g9(o50, r49, i53, M12, N11, S17));
         let d33 = a55.height;
-        e28.onRemoveThumb && (o49 = t40.clientY < a55.top - d33 || t40.clientY > a55.bottom + d33), r49[i53] = {
+        e28.onRemoveThumb && (s44 = t40.clientY < a55.top - d33 || t40.clientY > a55.bottom + d33), r49[i53] = {
           ...r49[i53],
-          value: s44
-        }, x18(r49.map((e29) => ({ ...e29 })));
+          value: o50
+        }, b17(r49.map((e29) => ({ ...e29 })));
       },
       onEnd: () => {
         I9.current = null;
         let t40 = F11.current;
         if (F11.current = null, t40) {
-          if (o49 && e28.onRemoveThumb && e28.onRemoveThumb(i53)) {
+          if (s44 && e28.onRemoveThumb && e28.onRemoveThumb(i53)) {
             let e29 = t40.filter((e30, t41) => t41 !== i53).map((e30) => ({ ...e30 }));
-            x18(e29), S17?.(e29);
+            b17(e29), x18?.(e29);
             return;
           }
-          S17?.(t40.map((e29) => ({ ...e29 })));
+          x18?.(t40.map((e29) => ({ ...e29 })));
         }
       },
       onCancel: () => {
@@ -6877,18 +6882,18 @@ function b7(e28) {
       }
     }, f11);
   }, [
-    b18,
+    y18,
+    b17,
     x18,
-    S17,
     z7,
     M12,
     N11,
+    S17,
     C14,
-    w13,
     e28
   ]), V6 = useCallback((e29, n45, r48) => {
     I9.current?.cancel();
-    let i53 = b18.map((e30) => ({ ...e30 })), a54 = i53.map((e30) => e30.value);
+    let i53 = y18.map((e30) => ({ ...e30 })), a54 = i53.map((e30) => e30.value);
     F11.current = i53, I9.current = openPointerSession(e29, n45, {
       onMove: (e30) => {
         let t40 = P10.current, n46 = F11.current;
@@ -6900,11 +6905,11 @@ function b7(e28) {
             ...n46[r49],
             value: R8(e31[r49] + t41)
           };
-          x18(n46.map((e32) => ({ ...e32 })));
+          b17(n46.map((e32) => ({ ...e32 })));
           return;
         }
         let s44 = o49 * (N11 - M12);
-        s44 = l17(s44, C14, 0);
+        s44 = l17(s44, S17, 0);
         let c42 = -Infinity, d33 = Infinity;
         for (let e31 = 0; e31 < a54.length; e31++) c42 = Math.max(c42, M12 - a54[e31]), d33 = Math.min(d33, N11 - a54[e31]);
         s44 = u16(s44, c42, d33);
@@ -6912,24 +6917,24 @@ function b7(e28) {
           ...n46[e31],
           value: u16(a54[e31] + s44, M12, N11)
         };
-        x18(n46.map((e31) => ({ ...e31 })));
+        b17(n46.map((e31) => ({ ...e31 })));
       },
       onEnd: () => {
         I9.current = null;
         let e30 = F11.current;
-        F11.current = null, e30 && S17?.(e30.map((e31) => ({ ...e31 })));
+        F11.current = null, e30 && x18?.(e30.map((e31) => ({ ...e31 })));
       },
       onCancel: () => {
         I9.current = null, F11.current = null;
       }
     }, f11);
   }, [
-    b18,
+    y18,
+    b17,
     x18,
-    S17,
     M12,
     N11,
-    C14,
+    S17,
     A11,
     L9,
     R8
@@ -6940,11 +6945,11 @@ function b7(e28) {
     n45.shiftKey && e28.allowShiftAll ? V6(r48, n45, n45.clientX) : B6(r48, n45, t40);
   }, U6 = (t40) => (n45) => {
     if (!e28.onRemoveThumb || (n45.preventDefault(), !e28.onRemoveThumb(t40))) return;
-    let r48 = b18.filter((e29, n46) => n46 !== t40).map((e29) => ({ ...e29 }));
-    x18(r48), S17?.(r48);
+    let r48 = y18.filter((e29, n46) => n46 !== t40).map((e29) => ({ ...e29 }));
+    b17(r48), x18?.(r48);
   }, W7 = (t40) => {
     if (typeof t40.button == "number" && t40.button > 0) return;
-    let n45 = (e28.trackClick ?? "none") === "move-nearest" && b18.length > 0;
+    let n45 = (e28.trackClick ?? (y18.length === 1 ? "move-nearest" : "none")) === "move-nearest" && y18.length > 0;
     if (!e28.onAddThumb && !n45 || t40.target.closest(`.${c19.thumb}`)) return;
     t40.preventDefault();
     let r48 = P10.current;
@@ -6953,22 +6958,22 @@ function b7(e28) {
     if (e28.onAddThumb) {
       let t41 = e28.onAddThumb(a54);
       if (!t41) return;
-      let n46 = [...b18.map((e29) => ({ ...e29 })), t41];
-      x18(n46), S17?.(n46);
+      let n46 = [...y18.map((e29) => ({ ...e29 })), t41];
+      b17(n46), x18?.(n46);
       return;
     }
     let o49 = 0;
-    for (let e29 = 1; e29 < b18.length; e29++) Math.abs(b18[e29].value - a54) < Math.abs(b18[o49].value - a54) && (o49 = e29);
-    let s44 = b18.map((e29) => ({ ...e29 })), [l40, d33] = v8(s44[o49], {
+    for (let e29 = 1; e29 < y18.length; e29++) Math.abs(y18[e29].value - a54) < Math.abs(y18[o49].value - a54) && (o49 = e29);
+    let s44 = y18.map((e29) => ({ ...e29 })), [l40, d33] = _9(s44[o49], {
       thumbs: s44,
       index: o49
     }, M12, N11), f30 = u16(a54, l40, d33);
-    w13 === "ordered" && (f30 = _9(f30, s44, o49, M12, N11, C14)), s44[o49] = {
+    C14 === "ordered" && (f30 = g9(f30, s44, o49, M12, N11, S17)), s44[o49] = {
       ...s44[o49],
       value: f30
-    }, x18(s44), B6(r48, t40, o49, s44);
+    }, b17(s44), r48.querySelectorAll(`.${c19.thumb}`)[o49]?.focus(), B6(r48, t40, o49, s44);
   }, G7 = (e29) => (t40) => {
-    let n45 = g9(C14, M12, N11), r48 = 0, i53 = 0, a54 = null;
+    let n45 = ee3(S17, M12, N11), r48 = 0, i53 = 0, a54 = null;
     switch (t40.key) {
       case "ArrowRight":
       case "ArrowUp":
@@ -6994,16 +6999,16 @@ function b7(e28) {
         return;
     }
     t40.preventDefault();
-    let o49 = b18.map((e30) => ({ ...e30 })), [s44, c42] = v8(o49[e29], {
+    let o49 = y18.map((e30) => ({ ...e30 })), [s44, c42] = _9(o49[e29], {
       thumbs: o49,
       index: e29
     }, M12, N11), d33 = Math.max(M12, s44), f30 = Math.min(N11, c42), p26;
-    p26 = a54 === "home" ? d33 : a54 === "end" ? f30 : k12.length > 0 ? h9(k12, o49[e29].value, i53 > 0 ? 1 : -1, Math.abs(i53)) : l17(o49[e29].value + r48, C14, M12), p26 = u16(p26, d33, f30), w13 === "ordered" && (p26 = _9(p26, o49, e29, d33, f30, C14)), o49[e29] = {
+    p26 = a54 === "home" ? d33 : a54 === "end" ? f30 : k12.length > 0 ? h9(k12, o49[e29].value, i53 > 0 ? 1 : -1, Math.abs(i53)) : l17(o49[e29].value + r48, S17, M12), p26 = u16(p26, d33, f30), C14 === "ordered" && (p26 = g9(p26, o49, e29, d33, f30, S17)), o49[e29] = {
       ...o49[e29],
       value: p26
-    }, x18(o49), S17?.(o49);
-  }, K7 = e28.readoutPlacement ?? "none", q7 = e28.renderReadout, J6 = E12 === "slim", Y7 = {};
-  J6 && (Y7["--rp-track-height"] = "var(--wzl-slider-track-h)", Y7["--rp-thumb-size"] = "var(--wzl-slider-thumb-size)"), T13 !== void 0 && (Y7["--rp-track-height"] = `${T13}px`);
+    }, b17(o49), x18?.(o49);
+  }, K7 = e28.readoutPlacement ?? "none", q7 = e28.renderReadout, J7 = T13 === "slim", Y7 = {};
+  J7 && (Y7["--rp-track-height"] = "var(--wzl-slider-track-h)", Y7["--rp-thumb-size"] = "var(--wzl-slider-thumb-size)"), w13 !== void 0 && (Y7["--rp-track-height"] = `${w13}px`);
   let X7 = e28.stopLabels ?? "all", Z7 = O12.length - 1, Q6 = X7 === "none" ? [] : O12.map((e29, t40) => ({
     stop: e29,
     i: t40
@@ -7014,19 +7019,19 @@ function b7(e28) {
     children: Q6.map(({ stop: e29, i: t40 }) => /* @__PURE__ */ jsx("span", {
       className: c19.stopLabel,
       "data-slider-stop-label": true,
-      "data-selected": b18.some((t41) => t41.value === e29.value) ? "true" : void 0,
+      "data-selected": y18.some((t41) => t41.value === e29.value) ? "true" : void 0,
       "data-edge": t40 === 0 ? "start" : t40 === Z7 ? "end" : void 0,
       style: { left: `${L9(e29.value) * 100}%` },
       children: e29.label
     }, e29.value))
-  });
+  }), te6 = [
+    c19.root,
+    J7 && c19.slim,
+    $6 && c19.withStopLabels,
+    D12
+  ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs("div", {
-    className: [
-      c19.root,
-      J6 && c19.slim,
-      $6 && c19.withStopLabels,
-      D12
-    ].filter(Boolean).join(" "),
+    className: te6,
     style: Object.keys(Y7).length > 0 ? Y7 : void 0,
     children: [/* @__PURE__ */ jsxs("div", {
       className: c19.row,
@@ -7057,7 +7062,7 @@ function b7(e28) {
             })
           }),
           $6,
-          b18.map((e29, t40) => {
+          y18.map((e29, t40) => {
             let r48 = e29.shape === "notched", i53 = typeof e29.shape == "object" && e29.shape !== null ? e29.shape.render : null, a54 = `${c19.thumb}${r48 ? ` ${c19.notched}` : ""}`;
             return /* @__PURE__ */ jsx("div", {
               role: "slider",
@@ -7067,7 +7072,7 @@ function b7(e28) {
               "aria-valuemax": N11,
               "aria-valuenow": e29.value,
               "aria-valuetext": e29.valueText,
-              "aria-label": [ee6, e29.label].filter(Boolean).join(" ") || void 0,
+              "aria-label": [E12, e29.label].filter(Boolean).join(" ") || void 0,
               className: a54,
               style: { left: `${L9(e29.value) * 100}%` },
               onPointerDown: H6(t40),
@@ -7084,15 +7089,15 @@ function b7(e28) {
       }), K7 === "inline-after" && /* @__PURE__ */ jsx("span", {
         "data-readout": "inline",
         className: c19.readoutInline,
-        children: b18.map((e29, t40) => /* @__PURE__ */ jsxs("span", { children: [t40 > 0 ? " / " : "", q7 ? q7(e29, t40) : y6(e29)] }, t40))
+        children: y18.map((e29, t40) => /* @__PURE__ */ jsxs("span", { children: [t40 > 0 ? " / " : "", q7 ? q7(e29, t40) : v8(e29)] }, t40))
       })]
     }), K7 === "below-thumb" && /* @__PURE__ */ jsx("div", {
       className: c19.readoutsBelow,
-      children: b18.map((e29, t40) => /* @__PURE__ */ jsx("span", {
+      children: y18.map((e29, t40) => /* @__PURE__ */ jsx("span", {
         "data-readout": "below",
         className: c19.readoutBelow,
         style: { left: `${L9(e29.value) * 100}%` },
-        children: q7 ? q7(e29, t40) : y6(e29)
+        children: q7 ? q7(e29, t40) : v8(e29)
       }, t40))
     })]
   });
@@ -7130,12 +7135,12 @@ var c20 = {
   alphaReadout: "_alphaReadout_1m1zl_50"
 };
 function l18(l40) {
-  let { value: u37, mixed: d33 = false, alpha: f30 = false, onInput: p26, onChange: m26, className: h25 } = l40, g22 = toHex8(u37 ?? "#000000"), _21 = g22.slice(0, 7), v19 = getAlpha01(g22), y18 = Math.round(v19 * 100), [b18, x18] = useState(null), [S17, C14] = useState(null), w13 = b18 ?? _21, T13 = S17 ?? y18, E12 = (e28, t40) => f30 ? withAlpha01(e28, t40) : e28, D12 = d33 && b18 === null, O12 = (e28, t40) => {
-    b18 === null && S17 === null || (m26(E12(e28, t40)), x18(null), C14(null));
+  let { value: u37, mixed: d33 = false, alpha: f30 = false, onInput: p26, onChange: m26, className: h25 } = l40, g22 = toHex8(u37 ?? "#000000"), _21 = g22.slice(0, 7), v19 = getAlpha01(g22), y18 = Math.round(v19 * 100), [b17, x18] = useState(null), [S17, C14] = useState(null), w13 = b17 ?? _21, T13 = S17 ?? y18, E12 = (e28, t40) => f30 ? withAlpha01(e28, t40) : e28, D12 = d33 && b17 === null, O12 = (e28, t40) => {
+    (b17 !== null || S17 !== null) && (m26(E12(e28, t40)), x18(null), C14(null));
   };
   return /* @__PURE__ */ jsxs("span", {
     className: [c20.root, h25].filter(Boolean).join(" "),
-    ...d33 && b18 === null ? { "data-mixed": "" } : {},
+    ...d33 && b17 === null ? { "data-mixed": "" } : {},
     children: [/* @__PURE__ */ jsx("span", {
       className: c20.chip,
       children: /* @__PURE__ */ jsx("input", {
@@ -7191,17 +7196,19 @@ function v9(e28) {
       let t41 = e29.valueToFraction(r48[0]) * 100, n46 = e29.valueToFraction(r48[1]) * 100, a55 = {
         ..._10,
         ...i53
-      }, o50 = `repeating-linear-gradient(${a55.angleDeg}deg, transparent 0 ${a55.stripe}px, var(--wzl-surface) ${a55.stripe}px ${a55.stripe + a55.gap}px)`, c42 = `color-mix(in srgb, var(--wzl-surface) ${a55.dim}%, transparent)`, l40 = `linear-gradient(${c42}, ${c42})`;
+      }, o50 = `repeating-linear-gradient(${a55.angleDeg}deg, transparent 0 ${a55.stripe}px, var(--wzl-surface) ${a55.stripe}px ${a55.stripe + a55.gap}px)`, c43 = `color-mix(in srgb, var(--wzl-surface) ${a55.dim}%, transparent)`, l40 = `linear-gradient(${c43}, ${c43})`;
       if (t41 > 0 && (s44.push(`${l40} left 0 / ${t41.toFixed(2)}% 100% no-repeat`), s44.push(`${o50} left 0 / ${t41.toFixed(2)}% 100% no-repeat`)), n46 < 100) {
         let e30 = (100 - n46).toFixed(2);
         s44.push(`${l40} right 0 / ${e30}% 100% no-repeat`), s44.push(`${o50} right 0 / ${e30}% 100% no-repeat`);
       }
     }
-    return s44.push(o49), /* @__PURE__ */ jsx("div", { style: {
+    s44.push(o49);
+    let c42 = {
       position: "absolute",
       inset: 0,
       background: s44.join(", ")
-    } });
+    };
+    return /* @__PURE__ */ jsx("div", { style: c42 });
   };
 }
 var y7 = {
@@ -7209,7 +7216,7 @@ var y7 = {
   swatches: "_swatches_c0ev4_8",
   swatch: "_swatch_c0ev4_8"
 };
-var b8 = [
+var b7 = [
   {
     value: "linear-gradient",
     label: "Linear"
@@ -7259,13 +7266,13 @@ function C7(r48) {
     className: [y7.root, u37].filter(Boolean).join(" "),
     children: [
       c42 && /* @__PURE__ */ jsx(a24, {
-        items: b8,
+        items: b7,
         value: i53.fill,
         size: "sm",
         ariaLabel: "Gradient kind",
         onChange: (e28) => e28 && o49(withGradientKind(i53, e28))
       }),
-      /* @__PURE__ */ jsx(b7, {
+      /* @__PURE__ */ jsx(y6, {
         min: 0,
         max: 1,
         step: 5e-3,
@@ -7600,7 +7607,7 @@ function listCanvasFonts() {
     if (!isCanvasFont(family)) continue;
     out.push({ family, enrollment: autoEnrolledFamilies.has(family) ? "auto" : "explicit" });
   }
-  return out.sort((a54, b18) => a54.family.localeCompare(b18.family));
+  return out.sort((a54, b17) => a54.family.localeCompare(b17.family));
 }
 function isExplicitCanvasFont(family) {
   return canvasFamilies.has(family) && !autoEnrolledFamilies.has(family);
@@ -7757,7 +7764,7 @@ function listFonts() {
     const variants = [...variantMap.keys()].map((key) => {
       const [w13, s44] = key.split("|");
       return { weight: Number(w13), style: s44 };
-    }).sort((a54, b18) => a54.weight - b18.weight || a54.style.localeCompare(b18.style));
+    }).sort((a54, b17) => a54.weight - b17.weight || a54.style.localeCompare(b17.style));
     out.push({ family, variants });
   }
   return out;
@@ -7941,7 +7948,7 @@ function resolveFontVariantInternal(family, weight, style, suppressWarn) {
   return missResolveResult(family, weight, style, suppressWarn);
 }
 
-// ../ui/dist/chunks/FontFamilySelect-r9TV_xIH.js
+// ../ui/dist/chunks/FontFamilySelect-DXlMKWfK.js
 function a30(e28, t40, n45) {
   let { substituted: r48 } = resolveFontVariant(e28, t40, n45);
   return r48 ? `${e28} \u2014 not loaded, showing ${r48.resolved}` : `${e28} \u2014 not loaded`;
@@ -8077,731 +8084,6 @@ function u19(e28, n45) {
 function d14(e28) {
   return isMeshGradientFill(e28);
 }
-
-// ../geom/dist/index.js
-function identity() {
-  return [1, 0, 0, 1, 0, 0];
-}
-function multiply(m26, n45) {
-  return [
-    m26[0] * n45[0] + m26[2] * n45[1],
-    m26[1] * n45[0] + m26[3] * n45[1],
-    m26[0] * n45[2] + m26[2] * n45[3],
-    m26[1] * n45[2] + m26[3] * n45[3],
-    m26[0] * n45[4] + m26[2] * n45[5] + m26[4],
-    m26[1] * n45[4] + m26[3] * n45[5] + m26[5]
-  ];
-}
-var IDENTITY_MATRIX = identity();
-function isIdentity(m26, eps = 1e-9) {
-  return Math.abs(m26[0] - 1) < eps && Math.abs(m26[1]) < eps && Math.abs(m26[2]) < eps && Math.abs(m26[3] - 1) < eps && Math.abs(m26[4]) < eps && Math.abs(m26[5]) < eps;
-}
-function formatMatrix(m26) {
-  if (isIdentity(m26)) return null;
-  return `matrix(${m26.map((n45) => trimNumber(n45)).join(" ")})`;
-}
-function trimNumber(n45) {
-  if (!Number.isFinite(n45)) return "0";
-  const r48 = Math.round(n45 * 1e6) / 1e6;
-  if (Number.isInteger(r48)) return String(r48);
-  return String(r48);
-}
-function anchorOffset(style, width) {
-  const edge = resolveAlign(style?.align ?? "left", style?.direction ?? "ltr");
-  return edge === "center" ? width / 2 : edge === "right" ? width : 0;
-}
-function patternSpecOf(paint) {
-  return "tile" in paint.pattern ? paint.pattern : null;
-}
-function patternXml(id, paint, onWarn) {
-  const spec = patternSpecOf(paint);
-  if (!spec) {
-    onWarn?.("pattern fill carries a TextureHandle, which has no vector form \u2014 omitted from <defs>");
-    return "";
-  }
-  const geometry = tileGeometry(spec);
-  const body = geometry.shapes.map(shapeXml).join("");
-  const origin = paint.origin ?? { x: 0, y: 0 };
-  const attrs = [
-    `id="${id}"`,
-    'patternUnits="userSpaceOnUse"',
-    `width="${trimNumber(geometry.size)}"`,
-    `height="${trimNumber(geometry.size)}"`
-  ];
-  if (origin.x !== 0 || origin.y !== 0) {
-    attrs.push(`x="${trimNumber(origin.x)}"`, `y="${trimNumber(origin.y)}"`);
-  }
-  attrs.push(`data-weasel-tile="${escapeAttr(JSON.stringify(spec))}"`);
-  return `<pattern ${attrs.join(" ")}>${body}</pattern>`;
-}
-function tilePreviewSvg(spec, background) {
-  const geometry = tileGeometry(spec);
-  const s44 = trimNumber(geometry.size);
-  const bg = "";
-  return `<svg xmlns="http://www.w3.org/2000/svg" width="${s44}" height="${s44}" viewBox="0 0 ${s44} ${s44}">${bg}${geometry.shapes.map(shapeXml).join("")}</svg>`;
-}
-function tilePreviewCssUrl(spec, background) {
-  return `url("data:image/svg+xml,${encodeURIComponent(tilePreviewSvg(spec))}")`;
-}
-function shapeXml(shape) {
-  switch (shape.kind) {
-    case "line":
-      return `<line x1="${trimNumber(shape.x1)}" y1="${trimNumber(shape.y1)}" x2="${trimNumber(shape.x2)}" y2="${trimNumber(shape.y2)}" stroke="${shape.color}" stroke-width="${trimNumber(shape.width)}"/>`;
-    case "circle":
-      return `<circle cx="${trimNumber(shape.cx)}" cy="${trimNumber(shape.cy)}" r="${trimNumber(shape.r)}" fill="${shape.color}"/>`;
-    case "ellipse": {
-      const deg = shape.rotation * 180 / Math.PI;
-      const transform = deg === 0 ? "" : ` transform="rotate(${trimNumber(deg)} ${trimNumber(shape.cx)} ${trimNumber(shape.cy)})"`;
-      return `<ellipse cx="${trimNumber(shape.cx)}" cy="${trimNumber(shape.cy)}" rx="${trimNumber(shape.rx)}" ry="${trimNumber(shape.ry)}" fill="${shape.color}"${transform}/>`;
-    }
-    case "rect":
-      return `<rect x="${trimNumber(shape.x)}" y="${trimNumber(shape.y)}" width="${trimNumber(shape.width)}" height="${trimNumber(shape.height)}" fill="${shape.color}"/>`;
-    default:
-      return "";
-  }
-}
-function escapeAttr(s44) {
-  return s44.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-}
-function serializePathD(path) {
-  if (path.kind === "rect") {
-    const { x: x18, y: y18, width, height } = path;
-    return `M${trimNumber(x18)} ${trimNumber(y18)}h${trimNumber(width)}v${trimNumber(height)}h${trimNumber(-width)}Z`;
-  }
-  const cmds = path.commands;
-  const xs = path.coords;
-  const out = [];
-  let ci = 0;
-  for (let i53 = 0; i53 < cmds.length; i53++) {
-    const c42 = cmds[i53];
-    if (c42 === PATH_M) {
-      out.push(`M${trimNumber(xs[ci])} ${trimNumber(xs[ci + 1])}`);
-      ci += 2;
-    } else if (c42 === PATH_L) {
-      out.push(`L${trimNumber(xs[ci])} ${trimNumber(xs[ci + 1])}`);
-      ci += 2;
-    } else if (c42 === PATH_C) {
-      out.push(
-        `C${trimNumber(xs[ci])} ${trimNumber(xs[ci + 1])} ${trimNumber(xs[ci + 2])} ${trimNumber(xs[ci + 3])} ${trimNumber(xs[ci + 4])} ${trimNumber(xs[ci + 5])}`
-      );
-      ci += 6;
-    } else if (c42 === PATH_Q) {
-      out.push(
-        `Q${trimNumber(xs[ci])} ${trimNumber(xs[ci + 1])} ${trimNumber(xs[ci + 2])} ${trimNumber(xs[ci + 3])}`
-      );
-      ci += 4;
-    } else if (c42 === PATH_Z) {
-      out.push("Z");
-    }
-  }
-  return out.join("");
-}
-var WEASEL_NS = "urn:weasel-js:svg";
-var WEASEL_NS_PREFIX = "wzl";
-function hasNativeSvgForm(paint) {
-  const kind = paint.fill ?? "solid";
-  return kind === "solid" || kind === "linear-gradient" || kind === "radial-gradient" || kind === "pattern";
-}
-var INTERPOLATE_SPACES = /* @__PURE__ */ new Set(["rgb", "oklab", "oklch"]);
-function interpolateAttr(space) {
-  if (!space || space === "rgb") return "";
-  return ` ${WEASEL_NS_PREFIX}:interpolate="${space}"`;
-}
-function usesInterpolateAttr(paint) {
-  const space = paint.interpolate;
-  return space != null && space !== "rgb" && INTERPOLATE_SPACES.has(space);
-}
-var PaintServerRegistry = class {
-  byPaint = /* @__PURE__ */ new Map();
-  order = [];
-  counter = 0;
-  // Marker keys referenced by any stroke, in first-use order. The `<defs>`
-  // id is the marker key itself, not a minted counter id: `parseSvg` reads a
-  // `marker-end="url(#id)"` fragment back as the marker key directly when the
-  // registry knows it, so a synthetic id would come back as a stranger.
-  markerKeys = [];
-  markerKeySet = /* @__PURE__ */ new Set();
-  // Clip paths, in first-use order. Identity, not value: two groups clipped by
-  // equal outlines get a def each, which costs bytes and misleads nobody.
-  clips = [];
-  clipIds = /* @__PURE__ */ new Map();
-  register(paint) {
-    const existing = this.byPaint.get(paint);
-    if (existing) return existing;
-    const id = paint.fill === "pattern" ? `pat${this.counter++}` : `grad${this.counter++}`;
-    this.byPaint.set(paint, id);
-    this.order.push(paint);
-    return id;
-  }
-  /**
-   * The `fill` / `stroke` attribute value referencing this paint server: a
-   * `url(#id)` reference, plus the fallback paint SVG's own grammar allows
-   * after one for any kind SVG cannot express. A renderer that cannot resolve
-   * the reference takes the fallback instead of dropping the fill, which is
-   * the difference between a flat shape and a vanished one.
-   */
-  ref(paint) {
-    const id = this.register(paint);
-    if (hasNativeSvgForm(paint)) return `url(#${id})`;
-    return `url(#${id}) ${paintFallback(paint)}`;
-  }
-  /** Whether any registered paint serializes outside SVG's own vocabulary, so
-   *  the root has to declare {@link WEASEL_NS}. */
-  usesPrivateNamespace() {
-    return this.order.some((paint) => !hasNativeSvgForm(paint) || usesInterpolateAttr(paint));
-  }
-  /** The `<defs>` id for a marker key — the key itself, minting nothing.
-   *  `undefined` when nothing is registered under `key`, so a caller emits no
-   *  attribute at all rather than a `url(#…)` pointing at a def that will
-   *  never be written. */
-  markerId(key) {
-    if (getMarker(key) === void 0) return void 0;
-    if (!this.markerKeySet.has(key)) {
-      this.markerKeySet.add(key);
-      this.markerKeys.push(key);
-    }
-    return key;
-  }
-  /** Mint (or recall) the `<defs>` id for a clip outline. */
-  clipId(path) {
-    const existing = this.clipIds.get(path);
-    if (existing) return existing;
-    const id = `clip${this.clips.length}`;
-    this.clipIds.set(path, id);
-    this.clips.push(path);
-    return id;
-  }
-  /** Emit `<defs>...</defs>` XML for every registered paint server, marker
-   *  and clip path. */
-  toDefsXml(onWarn) {
-    if (this.order.length === 0 && this.markerKeys.length === 0 && this.clips.length === 0) {
-      return "";
-    }
-    const parts = ["<defs>"];
-    for (const paint of this.order) {
-      parts.push(paintServerXml(this.byPaint.get(paint), paint, onWarn));
-    }
-    for (const key of this.markerKeys) {
-      const entry = getMarker(key);
-      if (!entry) continue;
-      parts.push(entry.toSvg ? entry.toSvg(key, entry) : defaultMarkerXml(key, entry, onWarn));
-    }
-    for (const path of this.clips) {
-      parts.push(
-        `<clipPath id="${this.clipIds.get(path)}"><path d="${serializePathD(path)}"/></clipPath>`
-      );
-    }
-    parts.push("</defs>");
-    return parts.join("");
-  }
-};
-function defaultMarkerXml(id, entry, onWarn) {
-  const path = entry.path({ size: 1, stroke: { paint: { fill: "solid", color: "#000" } } });
-  const d33 = serializePathD(path);
-  const fill = markerPaintAttrs("fill", entry.fill, id, onWarn);
-  const outline = entry.outline ? ` ${markerPaintAttrs("stroke", entry.outline.paint, id, onWarn)} stroke-width="${trimNumber(entry.outline.width)}" stroke-linecap="round" stroke-linejoin="round"` : "";
-  const orient = typeof entry.orient === "number" ? trimNumber(entry.orient * 180 / Math.PI) : "auto-start-reverse";
-  return `<marker id="${id}" markerUnits="strokeWidth" markerWidth="8" markerHeight="8" refX="0" refY="0" orient="${orient}" overflow="visible"><path d="${d33}" ${fill}${outline}/></marker>`;
-}
-function markerPaintAttrs(attr, paint, id, onWarn) {
-  if (paint === "none") return `${attr}="none"`;
-  if (paint === void 0 || paint === "line") return `${attr}="context-stroke"`;
-  if ("color" in paint && (paint.fill === void 0 || paint.fill === "solid")) {
-    return paint.opacity != null && paint.opacity !== 1 ? `${attr}="${paint.color}" ${attr}-opacity="${trimNumber(paint.opacity)}"` : `${attr}="${paint.color}"`;
-  }
-  onWarn?.(`marker "${id}" ${attr} is a paint server, which a <marker> def cannot reference here; written as the line's paint`);
-  return `${attr}="context-stroke"`;
-}
-function paintServerXml(id, paint, onWarn) {
-  if (paint.fill === "pattern") return patternXml(id, paint, onWarn);
-  const builtin = gradientXml(id, paint);
-  if (builtin) return builtin;
-  const custom = getPaintKind(paint.fill)?.toSvg?.(id, paint);
-  if (custom) return custom;
-  onWarn?.(`${paint.fill} fill has no vector form \u2014 omitted from <defs>`);
-  return "";
-}
-function gradientUnitsAttr(units) {
-  return units === "bounds" ? "objectBoundingBox" : "userSpaceOnUse";
-}
-function gradientXml(id, paint) {
-  if (paint.fill === "linear-gradient") {
-    const stops = paint.stops.map(stopXml).join("");
-    return `<linearGradient id="${id}" gradientUnits="${gradientUnitsAttr(paint.units)}" x1="${trimNumber(paint.from.x)}" y1="${trimNumber(paint.from.y)}" x2="${trimNumber(paint.to.x)}" y2="${trimNumber(paint.to.y)}"${interpolateAttr(paint.interpolate)}>${stops}</linearGradient>`;
-  }
-  if (paint.fill === "conic-gradient") {
-    const stops = paint.stops.map(stopXml).join("");
-    const P10 = WEASEL_NS_PREFIX;
-    return `<${P10}:conicGradient id="${id}" gradientUnits="${gradientUnitsAttr(paint.units)}" cx="${trimNumber(paint.center.x)}" cy="${trimNumber(paint.center.y)}" angle="${trimNumber(paint.angle)}"${interpolateAttr(paint.interpolate)}>${stops}</${P10}:conicGradient>`;
-  }
-  if (paint.fill === "radial-gradient") {
-    const stops = paint.stops.map(stopXml).join("");
-    return `<radialGradient id="${id}" gradientUnits="${gradientUnitsAttr(paint.units)}" cx="${trimNumber(paint.center.x)}" cy="${trimNumber(paint.center.y)}" r="${trimNumber(paint.radius)}"${interpolateAttr(paint.interpolate)}>${stops}</radialGradient>`;
-  }
-  return "";
-}
-function paintFallback(paint) {
-  const color = getPaintKind(paint.fill)?.colorOf(paint);
-  if (!color) return "none";
-  const packed = /^#([0-9a-f]{6})[0-9a-f]{2}$/i.exec(color);
-  return packed ? `#${packed[1].toLowerCase()}` : color;
-}
-function stopXml(s44) {
-  const m26 = /^#([0-9a-f]{6})([0-9a-f]{2})$/i.exec(s44.color);
-  if (m26) {
-    const alpha = parseInt(m26[2], 16) / 255;
-    return `<stop offset="${trimNumber(s44.offset)}" stop-color="#${m26[1].toLowerCase()}" stop-opacity="${trimNumber(alpha)}"/>`;
-  }
-  return `<stop offset="${trimNumber(s44.offset)}" stop-color="${s44.color}"/>`;
-}
-function serializeSvg(nodes, opts = {}) {
-  const registry2 = new PaintServerRegistry();
-  registerPaintServers(nodes, registry2);
-  const bounds = opts.viewBox ?? computeBounds(nodes);
-  const vb = `${trimNumber(bounds.x)} ${trimNumber(bounds.y)} ${trimNumber(bounds.width)} ${trimNumber(bounds.height)}`;
-  const namespaces = opts.namespaces ?? {};
-  const rootAttrs = [`xmlns="http://www.w3.org/2000/svg"`];
-  if (registry2.usesPrivateNamespace() && namespaces[WEASEL_NS_PREFIX] == null) {
-    rootAttrs.push(`xmlns:${WEASEL_NS_PREFIX}="${WEASEL_NS}"`);
-  }
-  for (const [prefix, uri] of Object.entries(namespaces)) {
-    rootAttrs.push(`xmlns:${prefix}="${escapeAttr2(uri)}"`);
-  }
-  rootAttrs.push(`viewBox="${vb}"`);
-  if (opts.width != null) rootAttrs.push(`width="${trimNumber(opts.width)}"`);
-  if (opts.height != null) rootAttrs.push(`height="${trimNumber(opts.height)}"`);
-  if (opts.documentMeta) {
-    for (const prefix of Object.keys(namespaces)) {
-      const bucket = opts.documentMeta[prefix];
-      if (!bucket?.attrs) continue;
-      for (const [name, value] of Object.entries(bucket.attrs)) {
-        rootAttrs.push(`${prefix}:${name}="${escapeAttr2(value)}"`);
-      }
-    }
-  }
-  let docMetaXml = "";
-  if (opts.documentMeta) {
-    for (const prefix of Object.keys(namespaces)) {
-      const bucket = opts.documentMeta[prefix];
-      if (!bucket?.elements) continue;
-      for (const [localName2, list] of Object.entries(bucket.elements)) {
-        for (const el of list) docMetaXml += namespacedElementXml(prefix, localName2, el);
-      }
-    }
-  }
-  const defsXml = registry2.toDefsXml(opts.onWarn);
-  const said = /* @__PURE__ */ new Set();
-  const warn = (m26) => {
-    if (!opts.onWarn || said.has(m26)) return;
-    said.add(m26);
-    opts.onWarn(m26);
-  };
-  const bodyXml = nodes.map((n45) => nodeXml(n45, registry2, namespaces, warn)).join("");
-  const titleXml = opts.title && opts.title.length > 0 ? `<title>${escapeText(opts.title)}</title>` : "";
-  return `<svg ${rootAttrs.join(" ")}>${titleXml}${defsXml}${docMetaXml}${bodyXml}</svg>`;
-}
-function namespacedElementXml(prefix, localName2, el) {
-  const attrs = [];
-  for (const [name, value] of Object.entries(el.attrs)) {
-    attrs.push(`${name}="${escapeAttr2(value)}"`);
-  }
-  const head = attrs.length > 0 ? `<${prefix}:${localName2} ${attrs.join(" ")}>` : `<${prefix}:${localName2}>`;
-  let body = "";
-  if (el.children) {
-    for (const [childName, list] of Object.entries(el.children)) {
-      for (const child of list) body += namespacedElementXml(prefix, childName, child);
-    }
-  } else if (el.text != null) {
-    body = escapeText(el.text);
-  }
-  return `${head}${body}</${prefix}:${localName2}>`;
-}
-function metaAttrsXml(meta, namespaces) {
-  if (!meta) return "";
-  const parts = [];
-  for (const prefix of Object.keys(namespaces)) {
-    const bucket = meta[prefix];
-    if (!bucket?.attrs) continue;
-    for (const [name, value] of Object.entries(bucket.attrs)) {
-      parts.push(`${prefix}:${name}="${escapeAttr2(value)}"`);
-    }
-  }
-  return parts.length > 0 ? ` ${parts.join(" ")}` : "";
-}
-function metaElementsXml(meta, namespaces) {
-  if (!meta) return "";
-  let out = "";
-  for (const prefix of Object.keys(namespaces)) {
-    const bucket = meta[prefix];
-    if (!bucket?.elements) continue;
-    for (const [localName2, list] of Object.entries(bucket.elements)) {
-      for (const el of list) out += namespacedElementXml(prefix, localName2, el);
-    }
-  }
-  return out;
-}
-function registerPaintServers(nodes, registry2) {
-  for (const n45 of nodes) {
-    if (n45.kind === "group") {
-      if (n45.clip) registry2.clipId(n45.clip);
-      registerPaintServers(n45.children, registry2);
-    } else if (n45.kind === "path") {
-      if (n45.fill.kind === "gradient") registry2.register(n45.fill.paint);
-      if (n45.stroke && n45.stroke.paint.kind === "gradient") registry2.register(n45.stroke.paint.paint);
-      registerMarkers(n45.stroke, registry2);
-    } else if (n45.kind === "text") {
-      registerTextPaint(n45.fill, registry2);
-      registerTextPaint(n45.stroke?.paint, registry2);
-      registerMarkers(n45.stroke, registry2);
-      for (const run of n45.runs ?? []) {
-        registerTextPaint(run.fill, registry2);
-        registerTextPaint(run.stroke?.paint, registry2);
-      }
-    }
-  }
-}
-function registerTextPaint(paint, registry2) {
-  if (paint && !("color" in paint)) registry2.register(paint);
-}
-function markerKeyOfRef(ref) {
-  if (typeof ref === "string") return ref;
-  if (ref && typeof ref === "object" && "key" in ref) return String(ref.key);
-  return void 0;
-}
-function registerMarkers(stroke, registry2) {
-  if (!stroke) return;
-  for (const ref of [stroke.markerStart, stroke.markerMid, stroke.markerEnd]) {
-    const key = markerKeyOfRef(ref);
-    if (key) registry2.markerId(key);
-  }
-}
-function nodeXml(node, registry2, namespaces, warn) {
-  if (node.kind === "group") return groupXml(node, registry2, namespaces, warn);
-  if (node.kind === "text") return textXml(node, registry2, namespaces, warn);
-  if (node.kind === "image") return imageXml(node, namespaces);
-  return pathXml(node, registry2, namespaces, warn);
-}
-function warnStrokeAlign(align, warn) {
-  if (align && align !== "center") {
-    warn(`a stroke aligned "${align}" of its edge is written centered: SVG has no stroke alignment`);
-  }
-}
-function imageXml(node, namespaces) {
-  const box = `x="${trimNumber(node.x)}" y="${trimNumber(node.y)}" width="${trimNumber(node.width)}" height="${trimNumber(node.height)}"`;
-  const outer = [];
-  if (node.opacity != null && node.opacity !== 1) {
-    outer.push(`opacity="${trimNumber(node.opacity)}"`);
-  }
-  if (node.rotation != null && node.rotation !== 0) {
-    const cx = node.x + node.width / 2;
-    const cy = node.y + node.height / 2;
-    const deg = node.rotation * 180 / Math.PI;
-    outer.push(`transform="rotate(${trimNumber(deg)} ${trimNumber(cx)} ${trimNumber(cy)})"`);
-  }
-  const metaAttrs = metaAttrsXml(node.meta, namespaces);
-  const metaEls = metaElementsXml(node.meta, namespaces);
-  const href = `href="${escapeAttr2(node.href)}"`;
-  if (!node.source && !node.flipX && !node.flipY) {
-    const attrs = [href, box, 'preserveAspectRatio="none"', ...outer].join(" ");
-    if (metaEls) return `<image ${attrs}${metaAttrs}>${metaEls}</image>`;
-    return `<image ${attrs}${metaAttrs}/>`;
-  }
-  const src = node.source ?? { x: 0, y: 0, width: 1, height: 1 };
-  const viewBox = [src.x, src.y, src.width, src.height].map(trimNumber).join(" ");
-  const flip = node.flipX || node.flipY ? ` transform="matrix(${node.flipX ? -1 : 1} 0 0 ${node.flipY ? -1 : 1} ${trimNumber(node.flipX ? 2 * src.x + src.width : 0)} ${trimNumber(node.flipY ? 2 * src.y + src.height : 0)})"` : "";
-  const head = ['<g data-weasel-image="true"', ...outer].join(" ");
-  return `${head}${metaAttrs}><svg ${box} viewBox="${viewBox}" preserveAspectRatio="none"><image ${href} x="0" y="0" width="1" height="1" preserveAspectRatio="none"${flip}/></svg>${metaEls}</g>`;
-}
-function groupXml(node, registry2, namespaces, warn) {
-  const attrs = [];
-  if (node.transform) {
-    const m26 = formatMatrix(node.transform);
-    if (m26) attrs.push(`transform="${m26}"`);
-  }
-  if (node.clip) {
-    attrs.push(`clip-path="url(#${registry2.clipId(node.clip)})"`);
-  }
-  if (node.opacity != null && node.opacity !== 1) {
-    attrs.push(`opacity="${trimNumber(node.opacity)}"`);
-  }
-  const metaAttrs = metaAttrsXml(node.meta, namespaces);
-  const head = attrs.length > 0 ? `<g ${attrs.join(" ")}${metaAttrs}>` : `<g${metaAttrs}>`;
-  const body = node.children.map((c42) => nodeXml(c42, registry2, namespaces, warn)).join("");
-  return `${head}${body}${metaElementsXml(node.meta, namespaces)}</g>`;
-}
-function pathXml(node, registry2, namespaces, warn) {
-  const attrs = [`d="${serializePathD(node.path)}"`];
-  const fillAttrs = paintAttrs(node.fill, "fill", registry2);
-  for (const a54 of fillAttrs) attrs.push(a54);
-  if (node.path.kind === "polygon" && node.path.fillRule === "evenodd") {
-    attrs.push(`fill-rule="evenodd"`);
-  }
-  if (node.stroke) {
-    const strokeAttrs = strokeAttrsFor(node.stroke, registry2, warn);
-    for (const a54 of strokeAttrs) attrs.push(a54);
-  } else {
-    attrs.push('stroke="none"');
-  }
-  if (node.opacity != null && node.opacity !== 1) {
-    attrs.push(`opacity="${trimNumber(node.opacity)}"`);
-  }
-  if (node.rotation != null && node.rotation !== 0) {
-    const b18 = pathBounds(node.path);
-    const cx = b18.minX + (b18.maxX - b18.minX) / 2;
-    const cy = b18.minY + (b18.maxY - b18.minY) / 2;
-    const deg = node.rotation * 180 / Math.PI;
-    attrs.push(`transform="rotate(${trimNumber(deg)} ${trimNumber(cx)} ${trimNumber(cy)})"`);
-  }
-  const metaAttrs = metaAttrsXml(node.meta, namespaces);
-  const metaEls = metaElementsXml(node.meta, namespaces);
-  if (metaEls) {
-    return `<path ${attrs.join(" ")}${metaAttrs}>${metaEls}</path>`;
-  }
-  return `<path ${attrs.join(" ")}${metaAttrs}/>`;
-}
-function paintAttrs(paint, name, registry2, includeOpacity = true) {
-  if (paint.kind === "none") return [`${name}="none"`];
-  if (paint.kind === "solid") {
-    const out = [`${name}="${paint.color}"`];
-    if (includeOpacity && paint.opacity != null && paint.opacity !== 1) {
-      out.push(`${name}-opacity="${trimNumber(paint.opacity)}"`);
-    }
-    return out;
-  }
-  return [`${name}="${registry2.ref(paint.paint)}"`];
-}
-function strokeWidthAttrs(width) {
-  if (typeof width === "number") return [`stroke-width="${trimNumber(width)}"`];
-  return [`stroke-width="${trimNumber(width.px)}"`, 'vector-effect="non-scaling-stroke"'];
-}
-function coreStrokeAttrs(stroke, registry2, warn) {
-  const paint = stroke?.paint;
-  if (!stroke || !paint) return [];
-  const width = stroke.width ?? 1;
-  if (!((typeof width === "object" ? width.px : width) > 0)) return [];
-  warnStrokeAlign(stroke.align, warn);
-  const attrs = [];
-  if ("color" in paint) {
-    attrs.push(`stroke="${paint.color}"`);
-    if (paint.opacity != null && paint.opacity !== 1) {
-      attrs.push(`stroke-opacity="${trimNumber(paint.opacity)}"`);
-    }
-  } else {
-    attrs.push(`stroke="${registry2.ref(paint)}"`);
-  }
-  attrs.push(...strokeWidthAttrs(width));
-  if (stroke.cap) attrs.push(`stroke-linecap="${stroke.cap}"`);
-  if (stroke.join) attrs.push(`stroke-linejoin="${stroke.join}"`);
-  if (stroke.dash && stroke.dash.length > 0) {
-    attrs.push(`stroke-dasharray="${stroke.dash.map(trimNumber).join(" ")}"`);
-  }
-  if (stroke.miterLimit != null) attrs.push(`stroke-miterlimit="${trimNumber(stroke.miterLimit)}"`);
-  for (const [field, attr] of [
-    ["markerStart", "marker-start"],
-    ["markerMid", "marker-mid"],
-    ["markerEnd", "marker-end"]
-  ]) {
-    const ref = stroke[field];
-    if (ref === void 0) continue;
-    const key = typeof ref === "string" ? ref : ref.key;
-    const id = registry2.markerId(key);
-    if (id === void 0) continue;
-    attrs.push(`${attr}="url(#${id})"`);
-  }
-  return attrs;
-}
-function strokeAttrsFor(stroke, registry2, warn) {
-  warnStrokeAlign(stroke.align, warn);
-  const attrs = paintAttrs(stroke.paint, "stroke", registry2, false);
-  attrs.push(...strokeWidthAttrs(stroke.width));
-  const opacity = stroke.opacity ?? (stroke.paint.kind === "solid" ? stroke.paint.opacity : void 0);
-  if (opacity != null && opacity !== 1) {
-    attrs.push(`stroke-opacity="${trimNumber(opacity)}"`);
-  }
-  if (stroke.cap) {
-    attrs.push(`stroke-linecap="${stroke.cap}"`);
-  }
-  if (stroke.join) {
-    attrs.push(`stroke-linejoin="${stroke.join}"`);
-  }
-  if (stroke.dash && stroke.dash.length > 0) {
-    attrs.push(`stroke-dasharray="${stroke.dash.map(trimNumber).join(" ")}"`);
-  }
-  if (stroke.miterLimit != null) {
-    attrs.push(`stroke-miterlimit="${trimNumber(stroke.miterLimit)}"`);
-  }
-  for (const [field, attr] of [
-    ["markerStart", "marker-start"],
-    ["markerMid", "marker-mid"],
-    ["markerEnd", "marker-end"]
-  ]) {
-    const ref = stroke[field];
-    if (ref === void 0) continue;
-    const id = registry2.markerId(ref);
-    if (id === void 0) continue;
-    attrs.push(`${attr}="url(#${id})"`);
-  }
-  return attrs;
-}
-function computeBounds(nodes) {
-  let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
-  const visit = (n45, ctm) => {
-    if (n45.kind === "group") {
-      const childCtm = n45.transform ? multiply(ctm, n45.transform) : ctm;
-      n45.children.forEach((c42) => visit(c42, childCtm));
-      return;
-    }
-    const b18 = n45.kind === "text" || n45.kind === "image" ? { minX: n45.x, minY: n45.y, maxX: n45.x + n45.width, maxY: n45.y + n45.height } : pathBounds(n45.path);
-    const local = n45.rotation ? rotateAboutCenter(ctm, b18, n45.rotation) : ctm;
-    for (const [x18, y18] of corners(b18)) {
-      const px = local[0] * x18 + local[2] * y18 + local[4];
-      const py = local[1] * x18 + local[3] * y18 + local[5];
-      if (px < minX) minX = px;
-      if (py < minY) minY = py;
-      if (px > maxX) maxX = px;
-      if (py > maxY) maxY = py;
-    }
-  };
-  nodes.forEach((n45) => visit(n45, IDENTITY_MATRIX));
-  if (!Number.isFinite(minX)) {
-    return { x: 0, y: 0, width: 0, height: 0 };
-  }
-  return { x: minX, y: minY, width: maxX - minX, height: maxY - minY };
-}
-function corners(b18) {
-  return [[b18.minX, b18.minY], [b18.maxX, b18.minY], [b18.maxX, b18.maxY], [b18.minX, b18.maxY]];
-}
-function rotateAboutCenter(ctm, b18, angle) {
-  const cx = (b18.minX + b18.maxX) / 2;
-  const cy = (b18.minY + b18.maxY) / 2;
-  const c42 = Math.cos(angle);
-  const s44 = Math.sin(angle);
-  return multiply(ctm, [c42, s44, -s44, c42, cx - cx * c42 + cy * s44, cy - cx * s44 - cy * c42]);
-}
-function textXml(node, registry2, namespaces, warn) {
-  const attrs = [
-    `x="${trimNumber(node.x + anchorOffset(node.style, node.width))}"`,
-    `y="${trimNumber(node.y)}"`,
-    `dominant-baseline="text-before-edge"`,
-    // The runs model stores real line breaks; SVG's default whitespace
-    // handling would collapse them (and any indentation) away on re-import.
-    `xml:space="preserve"`,
-    `data-weasel-width="${trimNumber(node.width)}"`,
-    `data-weasel-height="${trimNumber(node.height)}"`
-  ];
-  const style = node.style;
-  if (style?.fontSize != null) attrs.push(`font-size="${trimNumber(resolveScreenLength(style.fontSize, 1))}"`);
-  if (style?.fontFamily) attrs.push(`font-family="${escapeAttr2(style.fontFamily)}"`);
-  if (style?.fontWeight != null) attrs.push(`font-weight="${String(style.fontWeight)}"`);
-  if (style?.fontStyle && style.fontStyle !== "normal") attrs.push(`font-style="${style.fontStyle}"`);
-  const direction = style?.direction ?? "ltr";
-  if (direction === "rtl") attrs.push('direction="rtl"');
-  if (style?.align != null || direction === "rtl") {
-    const align = style?.align ?? "left";
-    const anchor = align === "center" ? "middle" : align === "start" ? "start" : align === "end" ? "end" : align === "left" === (direction === "ltr") ? "start" : "end";
-    if (anchor !== "start") attrs.push(`text-anchor="${anchor}"`);
-  }
-  if (style?.letterSpacing != null && style.letterSpacing !== 0) {
-    attrs.push(`letter-spacing="${trimNumber(resolveScreenLength(style.letterSpacing, 1))}"`);
-  }
-  const decoration = textDecorationValue(style?.underline, style?.strikethrough, style?.overline);
-  if (decoration) attrs.push(`text-decoration="${decoration}"`);
-  if (style?.textTransform && style.textTransform !== "none") {
-    attrs.push(`style="text-transform:${style.textTransform}"`);
-  }
-  if (style?.wrap) {
-    attrs.push('data-weasel-wrap="true"');
-    warn("text that wraps at its box width is written unwrapped: SVG text does not wrap, so other readers draw one line per hard break (weasel reads the wrap back)");
-  }
-  if (node.verticalAlign && node.verticalAlign !== "top") {
-    attrs.push(`data-weasel-vertical-align="${node.verticalAlign}"`);
-    warn(`text aligned to the ${node.verticalAlign} of its box is written top-aligned: SVG text has no box, so other readers draw it at the top (weasel reads the alignment back)`);
-  }
-  if (node.fill === null) {
-    attrs.push('fill="none"');
-  } else if (node.fill) {
-    if ("color" in node.fill) {
-      attrs.push(`fill="${node.fill.color}"`);
-      if (node.fill.opacity != null && node.fill.opacity !== 1) {
-        attrs.push(`fill-opacity="${trimNumber(node.fill.opacity)}"`);
-      }
-    } else {
-      attrs.push(`fill="${registry2.ref(node.fill)}"`);
-    }
-  }
-  for (const a54 of coreStrokeAttrs(node.stroke, registry2, warn)) attrs.push(a54);
-  if (node.opacity != null && node.opacity !== 1) {
-    attrs.push(`opacity="${trimNumber(node.opacity)}"`);
-  }
-  if (node.rotation != null && node.rotation !== 0) {
-    const cx = node.x + node.width / 2;
-    const cy = node.y + node.height / 2;
-    const deg = node.rotation * 180 / Math.PI;
-    attrs.push(`transform="rotate(${trimNumber(deg)} ${trimNumber(cx)} ${trimNumber(cy)})"`);
-  }
-  const body = node.runs && node.runs.length > 0 ? node.runs.map((r48) => runXml(r48, registry2, warn)).join("") : escapeText(node.text);
-  const metaAttrs = metaAttrsXml(node.meta, namespaces);
-  const metaEls = metaElementsXml(node.meta, namespaces);
-  return `<text ${attrs.join(" ")}${metaAttrs}>${body}${metaEls}</text>`;
-}
-function runXml(run, registry2, warn) {
-  const attrs = [];
-  if (run.bold) attrs.push(`font-weight="700"`);
-  if (run.italic) attrs.push(`font-style="italic"`);
-  if (run.fontFamily) attrs.push(`font-family="${escapeAttr2(run.fontFamily)}"`);
-  const presetScale = run.script != null && run.baselineShift != null ? SCRIPT_METRICS[run.script].size : void 0;
-  const scale = run.fontScale ?? presetScale;
-  if (run.fontSize != null) attrs.push(`font-size="${trimNumber(resolveScreenLength(run.fontSize, 1))}"`);
-  else if (scale != null) attrs.push(`font-size="${trimNumber(scale * 100)}%"`);
-  if (run.baselineShift != null) {
-    attrs.push(`baseline-shift="${trimNumber(run.baselineShift * 100)}%"`);
-  } else if (run.script) {
-    attrs.push(`baseline-shift="${run.script}"`);
-  }
-  if (run.letterSpacing != null) {
-    attrs.push(`letter-spacing="${trimNumber(resolveScreenLength(run.letterSpacing, 1))}"`);
-  }
-  const runDecoration = textDecorationValue(run.underline, run.strikethrough, run.overline);
-  if (runDecoration) attrs.push(`text-decoration="${runDecoration}"`);
-  if (run.fill) {
-    if ("color" in run.fill) {
-      attrs.push(`fill="${run.fill.color}"`);
-    } else {
-      attrs.push(`fill="${registry2.ref(run.fill)}"`);
-    }
-  }
-  for (const a54 of coreStrokeAttrs(run.stroke, registry2, warn)) attrs.push(a54);
-  if (run.textTransform) attrs.push(`style="text-transform:${run.textTransform}"`);
-  const head = attrs.length > 0 ? `<tspan ${attrs.join(" ")}>` : "<tspan>";
-  return `${head}${escapeText(run.text)}</tspan>`;
-}
-function textDecorationValue(underline, strikethrough, overline) {
-  const tokens = [];
-  if (underline) tokens.push("underline");
-  if (strikethrough) tokens.push("line-through");
-  if (overline) tokens.push("overline");
-  return tokens.length > 0 ? tokens.join(" ") : null;
-}
-function escapeAttr2(s44) {
-  return s44.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
-}
-function escapeText(s44) {
-  return s44.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-}
-function pathBounds(path) {
-  if (path.kind === "rect") {
-    return {
-      minX: path.x,
-      minY: path.y,
-      maxX: path.x + path.width,
-      maxY: path.y + path.height
-    };
-  }
-  const b18 = boundsOfPath(path);
-  return { minX: b18.x, minY: b18.y, maxX: b18.x + b18.width, maxY: b18.y + b18.height };
-}
-
-// ../ui/dist/chunks/PatternPicker-DdfpxoQy.js
 var i31 = {
   root: "_root_dgwqj_2",
   grid: "_grid_dgwqj_9",
@@ -8907,7 +8189,7 @@ var v10 = [
 function y8(e28) {
   return e28 !== void 0 && v10.includes(e28.fill ?? "");
 }
-function b9(e28) {
+function b8(e28) {
   return e28?.fill === "pattern";
 }
 function x8(e28) {
@@ -8984,7 +8266,7 @@ function S8(S17) {
       onInput: O12,
       onChange: k12
     });
-    if (b9(C14)) return /* @__PURE__ */ jsx(d15, {
+    if (b8(C14)) return /* @__PURE__ */ jsx(d15, {
       value: C14,
       color: L9(),
       onChange: k12
@@ -9024,7 +8306,7 @@ function d17(e28, t40) {
   return t40 ? "Mixed" : e28 === null ? "None" : e28 === void 0 ? "\u2014" : getPaintKind(e28.fill ?? "solid")?.label ?? e28.fill ?? "solid";
 }
 function f14(r48) {
-  let { value: f30, mixed: p26 = false, unset: m26 = false, kinds: h25, allowNone: g22 = true, onInput: _21, onChange: v19, className: y18, portalContainer: b18 } = r48, x18 = r48["aria-label"], { anchor: S17, portalProps: C14 } = c3(b18), w13 = p26 ? void 0 : o26(f30);
+  let { value: f30, mixed: p26 = false, unset: m26 = false, kinds: h25, allowNone: g22 = true, onInput: _21, onChange: v19, className: y18, portalContainer: b17 } = r48, x18 = r48["aria-label"], { anchor: S17, portalProps: C14 } = c3(b17), w13 = p26 ? void 0 : o26(f30);
   return /* @__PURE__ */ jsxs(DialogTrigger, { children: [
     S17,
     /* @__PURE__ */ jsxs(Button, {
@@ -9140,7 +8422,7 @@ function P5(e28, { density: t40, align: n45 }, r48) {
   ].filter(Boolean).join(" ");
 }
 var F6 = createContext(false);
-function ae2({ title: e28, actions: t40, selectable: n45, children: i53, className: a54, density: o49, align: s44, stance: c42, tone: l40 }) {
+function ae3({ title: e28, actions: t40, selectable: n45, children: i53, className: a54, density: o49, align: s44, stance: c42, tone: l40 }) {
   let u37 = useContext(F6), d33 = n7({
     stance: c42,
     tone: l40
@@ -9168,17 +8450,18 @@ function ae2({ title: e28, actions: t40, selectable: n45, children: i53, classNa
     })]
   });
 }
-var oe3 = forwardRef(function({ children: e28, className: t40, pack: n45 = "auto-color", density: r48, align: i53 }, a54) {
+var oe2 = forwardRef(function({ children: e28, className: t40, pack: n45 = "auto-color", density: r48, align: i53 }, a54) {
+  let o49 = `${N6.list}${n45 === "pairs" ? ` ${N6.listPairs}` : n45 === "one-up" ? ` ${N6.listOneUp}` : ""}`;
   return /* @__PURE__ */ jsx("div", {
     ref: a54,
-    className: P5(`${N6.list}${n45 === "pairs" ? ` ${N6.listPairs}` : n45 === "one-up" ? ` ${N6.listOneUp}` : ""}`, {
+    className: P5(o49, {
       density: r48,
       align: i53
     }, t40),
     children: e28
   });
 });
-function se3({ children: e28, className: t40 }) {
+function se2({ children: e28, className: t40 }) {
   return /* @__PURE__ */ jsx("div", {
     className: t40 ? `${N6.span} ${t40}` : N6.span,
     children: e28
@@ -9201,7 +8484,7 @@ function L6({ label: e28, readout: t40, description: n45, variant: r48 = "defaul
   ].filter(Boolean).join(" "), {
     density: u37,
     align: d33
-  }, l40), b18 = _21 === "inline" && t40 != null, x18 = /* @__PURE__ */ jsxs("span", {
+  }, l40), b17 = _21 === "inline" && t40 != null, x18 = /* @__PURE__ */ jsxs("span", {
     className: N6.rowLabel,
     children: [
       p26 ? /* @__PURE__ */ jsx(R4, {
@@ -9213,12 +8496,12 @@ function L6({ label: e28, readout: t40, description: n45, variant: r48 = "defaul
         label: e28,
         description: n45
       }) : null,
-      t40 != null && !b18 && /* @__PURE__ */ jsx("em", {
+      t40 != null && !b17 && /* @__PURE__ */ jsx("em", {
         className: N6.readout,
         children: t40
       })
     ]
-  }), S17 = b18 ? /* @__PURE__ */ jsx("em", {
+  }), S17 = b17 ? /* @__PURE__ */ jsx("em", {
     className: `${N6.readout} ${N6.readoutAfter}`,
     children: t40
   }) : null;
@@ -9342,13 +8625,13 @@ function U3(e28) {
     case "boolean":
       return /* @__PURE__ */ jsx(G3, { ...e28 });
     case "number":
-      return /* @__PURE__ */ jsx(ce3, { ...e28 });
+      return /* @__PURE__ */ jsx(ce2, { ...e28 });
     case "string":
       return /* @__PURE__ */ jsx(de2, { ...e28 });
     case "enum":
       return /* @__PURE__ */ jsx(fe3, { ...e28 });
     case "color":
-      return /* @__PURE__ */ jsx(pe3, { ...e28 });
+      return /* @__PURE__ */ jsx(pe2, { ...e28 });
     case "paint":
       return /* @__PURE__ */ jsx(he3, { ...e28 });
     case "font-family":
@@ -9365,7 +8648,7 @@ function U3(e28) {
       throw Error(`PropertyControl: no control for kind "${e28.kind}"`);
   }
 }
-function W3({ mixed: e28, unset: t40, children: n45 }) {
+function W2({ mixed: e28, unset: t40, children: n45 }) {
   return !e28 && !t40 ? /* @__PURE__ */ jsx(Fragment, { children: n45 }) : /* @__PURE__ */ jsx("span", {
     className: N6.dimmed,
     title: e28 ? "Mixed" : "Not set",
@@ -9391,7 +8674,7 @@ function G3(e28) {
     mixedValues: e28.mixed ? ["on"] : [],
     onChange: (t41) => e28.onChange(t41.includes("on"))
   });
-  if (e28.control === "switch") return /* @__PURE__ */ jsx(W3, {
+  if (e28.control === "switch") return /* @__PURE__ */ jsx(W2, {
     mixed: e28.mixed,
     unset: e28.unset,
     children: /* @__PURE__ */ jsx(a29, {
@@ -9416,7 +8699,7 @@ function G3(e28) {
     checked: t40,
     onChange: (t41) => e28.onChange(t41.target.checked)
   });
-  return /* @__PURE__ */ jsx(W3, {
+  return /* @__PURE__ */ jsx(W2, {
     unset: e28.unset,
     children: r48
   });
@@ -9438,7 +8721,7 @@ function q3(e28, t40) {
     children: e28
   }) : e28;
 }
-function ce3(e28) {
+function ce2(e28) {
   let t40 = e28.onInput ?? e28.onChange, n45 = K3(e28.onInput && ((t41) => {
     if (t41 === "") return;
     let n46 = Number(t41);
@@ -9539,13 +8822,13 @@ function Y2(t40) {
 }
 function X3(e28) {
   let { min: t40, max: n45, step: r48 } = J2(e28);
-  if (!(!e28.mixed && typeof e28.value == "number" && Number.isFinite(e28.value))) return /* @__PURE__ */ jsx(Fragment, { children: Z3("\u2014") });
+  if (e28.mixed || typeof e28.value != "number" || !Number.isFinite(e28.value)) return /* @__PURE__ */ jsx(Fragment, { children: Z3("\u2014") });
   let i53 = r48 >= 1 ? 0 : Math.min(6, Math.max(0, Math.ceil(-Math.log10(r48)))), s44 = e28.format ?? (e28.notation === "compact" ? (e29) => i16(e29, i53) : (e29) => t15(e29, {
     useGrouping: false,
     minimumFractionDigits: i53,
     maximumFractionDigits: i53
   }));
-  return /* @__PURE__ */ jsx(le3, {
+  return /* @__PURE__ */ jsx(le2, {
     name: e28.name,
     value: e28.value,
     min: t40,
@@ -9566,7 +8849,7 @@ function Z3(e28) {
     })
   });
 }
-function le3({ name: e28, value: t40, min: n45, max: r48, format: a54, unit: o49, onCommit: s44 }) {
+function le2({ name: e28, value: t40, min: n45, max: r48, format: a54, unit: o49, onCommit: s44 }) {
   let [c42, l40] = useState(null), u37 = (e29) => {
     let t41 = a54(e29);
     return typeof t41 == "string" ? t41 : String(t41);
@@ -9737,7 +9020,7 @@ function $3(e28) {
     alpha: 1
   };
 }
-function pe3(e28) {
+function pe2(e28) {
   let t40 = e28.alpha === true, n45 = $3(e28.value), r48 = typeof e28.alpha == "number" ? e28.alpha : n45.alpha, i53 = (e29, n46) => t40 ? withAlpha01(e29, n46) : e29, a54 = (e29) => (t41) => e29(i53(t41, r48)), o49 = (e29, r49) => t40 ? e29 && ((t41) => e29(withAlpha01(n45.rgb, t41))) : r49, s44 = o49(e28.onChange, e28.onAlphaChange), c42 = o49(e28.onInput, e28.onAlphaInput);
   if (e28.chrome === "framed") {
     let t41 = e28.alpha !== void 0 && e28.alpha !== false, i54 = (t42, i55) => t42 && ((a55) => {
@@ -9758,7 +9041,7 @@ function pe3(e28) {
       "aria-label": e28.name
     });
   }
-  return /* @__PURE__ */ jsx(me3, {
+  return /* @__PURE__ */ jsx(me2, {
     p: e28,
     rgb: n45.rgb,
     alpha: e28.alpha === void 0 || e28.alpha === false ? void 0 : r48,
@@ -9768,7 +9051,7 @@ function pe3(e28) {
     onAlphaInput: c42
   });
 }
-function me3({ p: e28, rgb: t40, alpha: n45, onColorChange: r48, onColorInput: i53, onAlphaChange: a54, onAlphaInput: o49 }) {
+function me2({ p: e28, rgb: t40, alpha: n45, onColorChange: r48, onColorInput: i53, onAlphaChange: a54, onAlphaInput: o49 }) {
   let s44 = i53 ?? r48, l40 = K3(i53 && ((e29) => r48(e29))), u37 = o49 ?? a54, d33 = K3(o49 && a54 && ((e29) => a54(Number(e29))));
   return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("input", {
     ref: l40,
@@ -9793,7 +9076,8 @@ function me3({ p: e28, rgb: t40, alpha: n45, onColorChange: r48, onColorInput: i
   })] });
 }
 function he3(e28) {
-  return /* @__PURE__ */ jsx(e28.control === "inline" ? S8 : f14, {
+  let t40 = e28.control === "inline" ? S8 : f14;
+  return /* @__PURE__ */ jsx(t40, {
     className: e28.className,
     value: e28.value,
     mixed: e28.mixed,
@@ -9949,7 +9233,7 @@ function _12({ values: t40, min: n45, max: r48, step: a54, width: o49, height: s
     })]
   });
 }
-function v11({ label: e28, summary: t40, children: r48, title: i53, footer: o49, layout: s44, description: f30, readout: p26, span: m26, density: g22, align: _21, auto: v19, onAutoChange: b18 }) {
+function v11({ label: e28, summary: t40, children: r48, title: i53, footer: o49, layout: s44, description: f30, readout: p26, span: m26, density: g22, align: _21, auto: v19, onAutoChange: b17 }) {
   let [x18, S17] = useState(false), C14 = () => S17(false), w13 = typeof e28 == "string" ? e28 : void 0;
   return /* @__PURE__ */ jsxs(L6, {
     label: e28,
@@ -9960,7 +9244,7 @@ function v11({ label: e28, summary: t40, children: r48, title: i53, footer: o49,
     density: g22,
     align: _21,
     auto: v19,
-    onAutoChange: b18,
+    onAutoChange: b17,
     group: true,
     children: [/* @__PURE__ */ jsxs("button", {
       type: "button",
@@ -9995,7 +9279,7 @@ function v11({ label: e28, summary: t40, children: r48, title: i53, footer: o49,
 function y9({ render: e28, close: t40 }) {
   return e28(t40);
 }
-function b10({ title: e28, leading: n45, actions: i53, description: a54, hidden: l40, collapsible: f30, defaultCollapsed: m26, collapsed: g22, onCollapsedChange: _21, children: v19, className: y18, span: b18, pack: x18 = "auto-color", density: S17, align: C14, stance: w13, tone: T13 }) {
+function b9({ title: e28, leading: n45, actions: i53, description: a54, hidden: l40, collapsible: f30, defaultCollapsed: m26, collapsed: g22, onCollapsedChange: _21, children: v19, className: y18, span: b17, pack: x18 = "auto-color", density: S17, align: C14, stance: w13, tone: T13 }) {
   let E12 = useId(), [D12, O12] = useState(m26 ?? false), k12 = n7({
     stance: w13,
     tone: T13
@@ -10003,7 +9287,7 @@ function b10({ title: e28, leading: n45, actions: i53, description: a54, hidden:
   if (l40) return null;
   let A11 = f30 ?? (m26 !== void 0 || g22 !== void 0 || _21 !== void 0), j11 = A11 && (g22 ?? D12), M12 = () => {
     g22 === void 0 && O12(!j11), _21?.(!j11);
-  }, N11 = `${N6.group}${x18 === "pairs" ? ` ${N6.groupPairs}` : x18 === "one-up" ? ` ${N6.groupOneUp}` : ""}`, P10 = P5(b18 ? `${N11} ${N6.span}` : N11, {
+  }, N11 = `${N6.group}${x18 === "pairs" ? ` ${N6.groupPairs}` : x18 === "one-up" ? ` ${N6.groupOneUp}` : ""}`, P10 = P5(b17 ? `${N11} ${N6.span}` : N11, {
     density: S17,
     align: C14
   }, y18), F11 = /* @__PURE__ */ jsxs("h3", {
@@ -10050,11 +9334,12 @@ function b10({ title: e28, leading: n45, actions: i53, description: a54, hidden:
   });
 }
 function x9({ title: e28, children: n45, className: r48, density: i53, align: a54, stance: s44, tone: l40 }) {
+  let f30 = P5(N6.subpanel, {
+    density: i53,
+    align: a54
+  }, r48);
   return /* @__PURE__ */ jsxs("div", {
-    className: P5(N6.subpanel, {
-      density: i53,
-      align: a54
-    }, r48),
+    className: f30,
     ...n7({
       stance: s44,
       tone: l40
@@ -10066,7 +9351,7 @@ function x9({ title: e28, children: n45, className: r48, density: i53, align: a5
   });
 }
 
-// ../ui/dist/chunks/ItemList.module-DDUXfuZL.js
+// ../ui/dist/chunks/ItemList.module-BSpCSxan.js
 var e18 = {
   list: "_list_1ugdl_4",
   row: "_row_1ugdl_14",
@@ -10229,9 +9514,9 @@ function D7(t40) {
     bodies: D12,
     nudgers: R8,
     keys: U6
-  }, G7 = s44 ? o49 ?? [] : [];
+  }, G7 = s44 ? o49 ?? [] : [], K7 = u37 ? `${x10.root} ${u37}` : x10.root;
   return /* @__PURE__ */ jsxs("div", {
-    className: u37 ? `${x10.root} ${u37}` : x10.root,
+    className: K7,
     children: [(a54 !== void 0 || G7.length > 0) && /* @__PURE__ */ jsxs("div", {
       className: x10.head,
       children: [a54 !== void 0 && /* @__PURE__ */ jsx("h2", {
@@ -10291,12 +9576,12 @@ function k7({ items: t40, parentId: n45, shared: r48, path: s44, level: d33 }) {
   let [v19, y18] = useState(null), S17 = (e28) => {
     y18(e28), _21.containerProps.ref(e28);
   }, C14 = t40.map((e28) => r48.bodies.get(e28.id)), w13 = C14.some(E7), { draggedIds: T13, targetIndex: D12, ghost: O12 } = _21.state, F11 = (e28, i53, o49) => {
-    let u37 = C14[i53], m26 = e28.children ?? [], v20 = !r48.collapsed.has(e28.id), y19 = `${r48.uid}${s44}-${i53}`, b18 = o49 ? void 0 : _21.rowProps(e28.id, i53).onPointerDown, S18 = p26.includes(e28.id), w14 = [x10.entry];
+    let u37 = C14[i53], m26 = e28.children ?? [], v20 = !r48.collapsed.has(e28.id), y19 = `${r48.uid}${s44}-${i53}`, b17 = o49 ? void 0 : _21.rowProps(e28.id, i53).onPointerDown, S18 = p26.includes(e28.id), w14 = [x10.entry];
     o49 || (T13?.includes(e28.id) && w14.push(x10.dragging), D12 === i53 && !T13?.includes(e28.id) && w14.push(x10.dropBefore), D12 === t40.length && i53 === t40.length - 1 && w14.push(x10.dropAfter));
     let O13 = /* @__PURE__ */ jsx(N7, {
       item: e28,
       shared: r48
-    }), F12 = E7(u37) ? /* @__PURE__ */ jsx(b10, {
+    }), F12 = E7(u37) ? /* @__PURE__ */ jsx(b9, {
       className: x10.card,
       title: e28.title ?? e28.label,
       ...e28.tone === void 0 ? {} : { tone: e28.tone },
@@ -10305,7 +9590,7 @@ function k7({ items: t40, parentId: n45, shared: r48, path: s44, level: d33 }) {
       leading: /* @__PURE__ */ jsx(M7, {
         item: e28,
         reorder: f30.onReorder !== void 0,
-        onPointerDown: b18,
+        onPointerDown: b17,
         onNudge: (t41) => r48.nudgers.get(n45)?.(e28.id, t41)
       }),
       actions: o49 ? void 0 : O13,
@@ -10318,7 +9603,7 @@ function k7({ items: t40, parentId: n45, shared: r48, path: s44, level: d33 }) {
       ].filter(Boolean).join(" "),
       "data-selected": S18 ? "true" : void 0,
       "data-locked": e28.locked ? "true" : void 0,
-      onPointerDown: b18,
+      onPointerDown: b17,
       ...o49 ? {} : {
         role: "row",
         "aria-level": d33,
@@ -10381,7 +9666,7 @@ function k7({ items: t40, parentId: n45, shared: r48, path: s44, level: d33 }) {
       })]
     }, e28.id);
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [w13 ? /* @__PURE__ */ jsx(oe3, {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [w13 ? /* @__PURE__ */ jsx(oe2, {
     ref: S17,
     className: `${x10.level} ${x10.cards}`,
     children: t40.map((e28, t41) => F11(e28, t41, false))
@@ -10406,7 +9691,7 @@ function j7({ item: e28, reorder: n45 }) {
     className: x10.lock,
     role: "img",
     "aria-label": "Locked",
-    children: /* @__PURE__ */ jsx(Oe, { size: 12 })
+    children: /* @__PURE__ */ jsx(he, { size: 12 })
   }) : !n45 && e28.badge === void 0 ? null : /* @__PURE__ */ jsx("span", {
     className: x10.grip,
     "aria-hidden": "true",
@@ -10418,7 +9703,7 @@ function M7({ item: e28, reorder: t40, onPointerDown: n45, onNudge: r48 }) {
     item: e28,
     reorder: t40
   });
-  if (!(!t40 && e28.badge === void 0)) return /* @__PURE__ */ jsx("button", {
+  if (t40 || e28.badge !== void 0) return /* @__PURE__ */ jsx("button", {
     type: "button",
     className: x10.handle,
     "aria-label": `Drag to reorder ${e28.label}`,
@@ -10455,7 +9740,7 @@ function P6({ item: e28, shared: t40 }) {
       iconOnly: true,
       ariaLabel: `Remove ${e28.label}`,
       onClick: () => i53(e28.id),
-      children: /* @__PURE__ */ jsx(re, { size: 14 })
+      children: /* @__PURE__ */ jsx(V, { size: 14 })
     })
   });
 }
@@ -10482,7 +9767,7 @@ function s26({ value: s44, onChange: c42, placeholder: l40, empty: u37 = "None",
     c42(s44.filter((t40, n45) => n45 !== e28)), s44.length > 1 && g22(Math.max(0, e28 - 1));
   }, y18 = (e28, t40) => {
     e28.key === "Enter" ? (e28.preventDefault(), _21(t40 + 1)) : e28.key === "Backspace" && s44[t40] === "" && (e28.preventDefault(), v19(t40));
-  }, b18 = (e28) => `${f30 ?? "Entry"} ${e28 + 1}`;
+  }, b17 = (e28) => `${f30 ?? "Entry"} ${e28 + 1}`;
   return /* @__PURE__ */ jsxs("div", {
     className: [o30.editor, p26].filter(Boolean).join(" "),
     role: "group",
@@ -10500,7 +9785,7 @@ function s26({ value: s44, onChange: c42, placeholder: l40, empty: u37 = "None",
           },
           type: "text",
           className: o30.input,
-          "aria-label": b18(i53),
+          "aria-label": b17(i53),
           value: r48,
           placeholder: l40,
           onChange: (e28) => c42(s44.map((t40, n45) => n45 === i53 ? e28.target.value : t40)),
@@ -10509,7 +9794,7 @@ function s26({ value: s44, onChange: c42, placeholder: l40, empty: u37 = "None",
           variant: "ghost",
           size: "sm",
           iconOnly: true,
-          ariaLabel: `Remove ${b18(i53)}`,
+          ariaLabel: `Remove ${b17(i53)}`,
           onClick: () => v19(i53),
           children: "\xD7"
         })]
@@ -10528,19 +9813,19 @@ function a36(r48) {
   return [
     {
       value: "auto",
-      label: /* @__PURE__ */ jsx(le, { size: r48 }),
+      label: /* @__PURE__ */ jsx(te, { size: r48 }),
       ariaLabel: "Auto",
       tooltip: "Auto \u2014 follow the system"
     },
     {
       value: "light",
-      label: /* @__PURE__ */ jsx(se, { size: r48 }),
+      label: /* @__PURE__ */ jsx(K, { size: r48 }),
       ariaLabel: "Light",
       tooltip: "Light"
     },
     {
       value: "dark",
-      label: /* @__PURE__ */ jsx(ce, { size: r48 }),
+      label: /* @__PURE__ */ jsx(q, { size: r48 }),
       ariaLabel: "Dark",
       tooltip: "Dark"
     }
@@ -10564,7 +9849,7 @@ function s27({ value: e28, onChange: t40, ariaLabel: n45 = "Color mode", size: a
   });
 }
 
-// ../ui/dist/chunks/segmentedControl.module-D2nw68Yo.js
+// ../ui/dist/chunks/segmentedControl.module-Bv7DEg8f.js
 var e19 = {
   root: "_root_4jvk7_10",
   segment: "_segment_4jvk7_32",
@@ -10645,7 +9930,7 @@ function a37(a54) {
   });
 }
 
-// ../ui/dist/chunks/paintValue-Bz6AVuh3.js
+// ../ui/dist/chunks/paintValue-BpaGPjV3.js
 function e20(e28) {
   if (typeof e28 != "object" || !e28) return false;
   let t40 = e28;
@@ -10848,28 +10133,32 @@ var n30 = {
   segment: "_segment_1a09e_15"
 };
 function r35({ segments: r48, startCap: i53 = "flat", size: a54, variant: o49, depth: s44, gap: c42, className: l40, ...u37 }) {
+  let d33 = [n30.row, l40].filter(Boolean).join(" "), f30 = c42 === void 0 ? void 0 : { "--powerline-gap": typeof c42 == "number" ? `${c42}px` : c42 };
   return /* @__PURE__ */ jsx("span", {
-    className: [n30.row, l40].filter(Boolean).join(" "),
-    style: c42 === void 0 ? void 0 : { "--powerline-gap": typeof c42 == "number" ? `${c42}px` : c42 },
+    className: d33,
+    style: f30,
     "aria-label": u37["aria-label"],
-    children: r48.map((c43, l41) => /* @__PURE__ */ jsx(Ht, {
-      base: "powerline",
-      baseParams: {
-        leftEdge: l41 === 0 ? i53 : r48[l41 - 1].endCap ?? "flat",
-        rightEdge: c43.endCap ?? "flat",
-        ...s44 !== void 0 && { depth: s44 }
-      },
-      status: c43.status,
-      stance: c43.stance,
-      tone: c43.tone,
-      variant: c43.variant ?? o49,
-      size: c43.size ?? a54,
-      onClick: c43.onClick,
-      href: c43.href,
-      "aria-label": c43["aria-label"],
-      className: n30.segment,
-      children: c43.text
-    }, l41))
+    children: r48.map((c43, l41) => {
+      let u38 = l41 === 0 ? i53 : r48[l41 - 1].endCap ?? "flat", d34 = c43.endCap ?? "flat";
+      return /* @__PURE__ */ jsx(Ht, {
+        base: "powerline",
+        baseParams: {
+          leftEdge: u38,
+          rightEdge: d34,
+          ...s44 !== void 0 && { depth: s44 }
+        },
+        status: c43.status,
+        stance: c43.stance,
+        tone: c43.tone,
+        variant: c43.variant ?? o49,
+        size: c43.size ?? a54,
+        onClick: c43.onClick,
+        href: c43.href,
+        "aria-label": c43["aria-label"],
+        className: n30.segment,
+        children: c43.text
+      }, l41);
+    })
   });
 }
 function y11(e28, t40 = 8) {
@@ -10880,9 +10169,9 @@ function y11(e28, t40 = 8) {
   }
   return n45;
 }
-var b12 = 700;
+var b11 = 700;
 function x11(e28) {
-  let { rootRef: t40, ids: n45, slack: r48 } = e28, [i53, a54] = useState(null), o49 = useRef(null), s44 = useRef(null), c42 = useRef(null), l40 = useCallback(() => {
+  let { rootRef: t40, ids: n45, slack: r48 } = e28, [i53, a54] = useState(null), o49 = useRef(null), s44 = useRef(null), c42 = useRef(null), l40 = n45.join("\0"), u37 = useCallback(() => {
     let e29 = t40.current;
     if (!e29) return;
     if (o49.current !== null) {
@@ -10900,33 +10189,33 @@ function x11(e28) {
     a54(y11(s45, r48));
   }, [
     t40,
-    n45.join("\0"),
+    l40,
     r48
   ]);
   useEffect(() => {
     let e29 = t40.current;
-    if (e29) return l40(), e29.addEventListener("scroll", l40, { passive: true }), () => e29.removeEventListener("scroll", l40);
-  }, [t40, l40]);
-  let u37 = useCallback((e29) => {
+    if (e29) return u37(), e29.addEventListener("scroll", u37, { passive: true }), () => e29.removeEventListener("scroll", u37);
+  }, [t40, u37]);
+  let d33 = useCallback((e29) => {
     let n46 = t40.current;
     if (!n46) return;
     let r49 = n46.querySelector(`[data-spy-section="${CSS.escape(e29)}"]`);
     o49.current = e29, a54(e29);
     let i54 = () => {
-      o49.current = null, n46.removeEventListener("scrollend", i54), l40();
+      o49.current = null, n46.removeEventListener("scrollend", i54), u37();
     };
-    if (c42.current?.(), s44.current !== null && clearTimeout(s44.current), c42.current = i54, s44.current = setTimeout(i54, b12), n46.addEventListener("scrollend", i54), !r49) return;
-    let u38 = r49.getBoundingClientRect().top - n46.getBoundingClientRect().top + n46.scrollTop;
+    if (c42.current?.(), s44.current !== null && clearTimeout(s44.current), c42.current = i54, s44.current = setTimeout(i54, b11), n46.addEventListener("scrollend", i54), !r49) return;
+    let l41 = r49.getBoundingClientRect().top - n46.getBoundingClientRect().top + n46.scrollTop;
     n46.scrollTo?.({
-      top: u38,
+      top: l41,
       behavior: S11() ? "auto" : "smooth"
     });
-  }, [t40, l40]);
+  }, [t40, u37]);
   return useEffect(() => () => {
     s44.current !== null && clearTimeout(s44.current), c42.current?.();
   }, []), {
     active: i53,
-    scrollTo: u37
+    scrollTo: d33
   };
 }
 function S11() {
@@ -11039,8 +10328,9 @@ function E8({ ctx: e28 }) {
             pref: d33,
             value: a54?.[u37],
             setValue: (e29) => {
+              let t40 = a54 ?? n45.fromScalar?.(r48) ?? {};
               i53({
-                ...a54 ?? n45.fromScalar?.(r48) ?? {},
+                ...t40,
                 [u37]: e29
               });
             },
@@ -11173,7 +10463,7 @@ function A8(e28) {
     t40,
     s44,
     h25
-  ]), b18 = {
+  ]), b17 = {
     values: n45,
     onChange: i53,
     renderers: a54
@@ -11189,7 +10479,7 @@ function A8(e28) {
   return u37 === "rail" ? /* @__PURE__ */ jsx(j8, {
     ...e28,
     root: y18,
-    ctx: b18,
+    ctx: b17,
     query: h25,
     filterField: x18,
     onClearFilter: () => _21("")
@@ -11203,11 +10493,11 @@ function A8(e28) {
       children: Object.entries(y18.children).map(([e29, t41]) => /* @__PURE__ */ jsx("div", {
         className: C10.column,
         children: s28(t41) ? /* @__PURE__ */ jsx(w9, {
-          ctx: b18,
+          ctx: b17,
           path: e29,
           pref: t41
         }) : /* @__PURE__ */ jsx(P7, {
-          ctx: b18,
+          ctx: b17,
           group: t41,
           path: e29,
           depth: 0
@@ -11217,7 +10507,7 @@ function A8(e28) {
   });
 }
 function j8(e28) {
-  let { schema: t40, root: n45, ctx: r48, query: i53, filterField: o49, onClearFilter: s44, className: c42 } = e28, l40 = useMemo(() => n45 === null ? [] : d20(n45), [n45]), [u37, d33] = useState(() => e28.defaultSection ?? ""), m26 = e28.section ?? u37, h25 = l40.some((e29) => e29.path === m26 && e29.depth === 0) ? m26 : l40.find((e29) => e29.depth === 0)?.path ?? "", y18 = useRef(null), b18 = x11({
+  let { schema: t40, root: n45, ctx: r48, query: i53, filterField: o49, onClearFilter: s44, className: c42 } = e28, l40 = useMemo(() => n45 === null ? [] : d20(n45), [n45]), [u37, d33] = useState(() => e28.defaultSection ?? ""), m26 = e28.section ?? u37, h25 = l40.some((e29) => e29.path === m26 && e29.depth === 0) ? m26 : l40.find((e29) => e29.depth === 0)?.path ?? "", y18 = useRef(null), b17 = x11({
     rootRef: y18,
     ids: useMemo(() => l40.filter((e29) => e29.depth === 1 && e29.section === h25).map((e29) => e29.path), [l40, h25])
   }), S17 = (t41) => {
@@ -11228,9 +10518,9 @@ function j8(e28) {
     children: [/* @__PURE__ */ jsx(k8, {
       items: l40,
       section: h25,
-      current: b18.active,
+      current: b17.active,
       onOpen: S17,
-      onScrollTo: b18.scrollTo,
+      onScrollTo: b17.scrollTo,
       ariaLabel: t40.name,
       header: o49,
       showCounts: i53.trim() !== ""
@@ -11332,14 +10622,14 @@ var t30 = {
   right: "_right_1vns0_12"
 };
 function n31(n45) {
-  let { side: r48, ariaLabel: i53, children: a54, className: o49, style: s44 } = n45;
+  let { side: r48, ariaLabel: i53, children: a54, className: o49, style: s44 } = n45, c42 = [
+    t30.sidebar,
+    r48 === "left" && t30.left,
+    r48 === "right" && t30.right,
+    o49
+  ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsx("aside", {
-    className: [
-      t30.sidebar,
-      r48 === "left" && t30.left,
-      r48 === "right" && t30.right,
-      o49
-    ].filter(Boolean).join(" "),
+    className: c42,
     "aria-label": i53,
     style: s44,
     children: a54
@@ -11440,13 +10730,13 @@ var t31 = {
   horizontal: "_horizontal_1gc9v_6"
 };
 function n33(n45) {
-  let { children: r48, orientation: i53 = "vertical", groupKey: a54, ariaLabel: o49, className: s44 } = n45;
+  let { children: r48, orientation: i53 = "vertical", groupKey: a54, ariaLabel: o49, className: s44 } = n45, c42 = [
+    t31.group,
+    i53 === "horizontal" && t31.horizontal,
+    s44
+  ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsx("div", {
-    className: [
-      t31.group,
-      i53 === "horizontal" && t31.horizontal,
-      s44
-    ].filter(Boolean).join(" "),
+    className: c42,
     role: "group",
     "data-group": a54,
     "aria-label": o49,
@@ -11468,7 +10758,7 @@ function eligibleContribution(reg, entry) {
   return eligibleForMode(reg.current(), entry.eligibility?.capabilities ?? []);
 }
 
-// ../ui/dist/chunks/ToolPalette-Uw4PvWwa.js
+// ../ui/dist/chunks/ToolPalette-CKG9qY6P.js
 var l26 = {
   palette: "_palette_zei9m_1",
   horizontal: "_horizontal_zei9m_11",
@@ -11503,11 +10793,11 @@ function m17(e28) {
   return t40 == null ? /* @__PURE__ */ jsx(UnknownIcon, {}) : typeof t40 == "function" ? t40(void 0) : t40;
 }
 function h16(i53) {
-  let { tools: d33, orientation: h25 = "vertical", className: g22, lookupShortcut: _21, modeRegistry: v19, groupOrder: y18 = u25 } = i53, b18 = f19(Object.values(d33.registry)), x18 = p17(b18, y18), S17 = [
+  let { tools: d33, orientation: h25 = "vertical", className: g22, lookupShortcut: _21, modeRegistry: v19, groupOrder: y18 = u25 } = i53, b17 = f19(Object.values(d33.registry)), x18 = p17(b17, y18), S17 = [
     l26.palette,
     h25 === "horizontal" && l26.horizontal,
     g22
-  ].filter(Boolean).join(" "), C14 = x18.flatMap((e28) => b18.get(e28)), w13 = C14.map((e28) => v19 ? eligibleContribution(v19, e28) : true), T13 = C14.findIndex((e28) => e28.id === d33.active), E12 = a23({
+  ].filter(Boolean).join(" "), C14 = x18.flatMap((e28) => b17.get(e28)), w13 = C14.map((e28) => !v19 || eligibleContribution(v19, e28)), T13 = C14.findIndex((e28) => e28.id === d33.active), E12 = a23({
     items: w13.map((e28) => ({ disabled: !e28 })),
     itemClassName: l26.paletteBtn,
     ...T13 >= 0 && w13[T13] ? { tabStopIndex: T13 } : {}
@@ -11524,7 +10814,7 @@ function h16(i53) {
     }), /* @__PURE__ */ jsx(n33, {
       orientation: h25,
       groupKey: t40,
-      children: b18.get(t40).map((t41) => {
+      children: b17.get(t40).map((t41) => {
         let r48 = ++D12, i55 = t41.presentation?.label ?? t41.id, o49 = t41.presentation?.shortcut ?? n4(_21 ? _21(t41.id) : t41.keybinding), s44 = w13[r48], c42 = v19 ? v19.current().id : void 0, u37 = !s44 && c42 ? `${i55}${o49 ? ` (${o49})` : ""} \u2014 disabled in ${c42} mode` : void 0;
         return /* @__PURE__ */ jsx(o34, {
           icon: m17(t41),
@@ -11585,9 +10875,9 @@ var u26 = {
   item: "_item_1wmxr_60"
 };
 function d23({ label: d33, items: f30, onAction: p26, isDisabled: m26, className: h25, "aria-label": g22, portalContainer: _21, shortcut: v19, tooltip: y18 }) {
-  let { anchor: b18, portalProps: x18 } = c3(_21);
+  let { anchor: b17, portalProps: x18 } = c3(_21);
   return /* @__PURE__ */ jsxs(MenuTrigger, { children: [
-    b18,
+    b17,
     /* @__PURE__ */ jsx(s6, {
       content: a8({
         tooltip: y18,
@@ -11675,7 +10965,7 @@ function y12(i53) {
         className: r18.label,
         children: a54
       }),
-      /* @__PURE__ */ jsx(b13, {
+      /* @__PURE__ */ jsx(b12, {
         placeholder: l40,
         isLoading: O12,
         onCommitText: A11 && ((e28) => A11({
@@ -11722,7 +11012,7 @@ function y12(i53) {
     ]
   });
 }
-function b13({ placeholder: e28, isLoading: t40, onCommitText: i53, children: a54 }) {
+function b12({ placeholder: e28, isLoading: t40, onCommitText: i53, children: a54 }) {
   let c42 = useContext(ComboBoxStateContext);
   return /* @__PURE__ */ jsxs("div", {
     className: _15.frame,
@@ -11821,8 +11111,8 @@ var h18 = {
   footer: "_footer_1jx7k_271"
 };
 function g16(u37) {
-  let { children: g22, className: _21, title: v19, footer: y18, stance: b18 = "notice", tone: x18, modal: S17 = false, showCloseButton: C14, onDismiss: w13, triggerRef: T13, anchorRect: E12, placement: D12 = "top", offset: O12 = 12, maxHeight: k12 = 400, onOpenChange: A11, shouldCloseOnInteractOutside: j11, "aria-label": M12, "aria-labelledby": N11, portalContainer: P10, ...F11 } = u37, I9 = useRef(null), L9 = n7({
-    stance: b18,
+  let { children: g22, className: _21, title: v19, footer: y18, stance: b17 = "notice", tone: x18, modal: S17 = false, showCloseButton: C14, onDismiss: w13, triggerRef: T13, anchorRect: E12, placement: D12 = "top", offset: O12 = 12, maxHeight: k12 = 400, onOpenChange: A11, shouldCloseOnInteractOutside: j11, "aria-label": M12, "aria-labelledby": N11, portalContainer: P10, ...F11 } = u37, I9 = useRef(null), L9 = n7({
+    stance: b17,
     tone: x18
   }), { anchor: R8, portalProps: z7 } = c3(P10), B6 = C14 ?? !S17, V6 = useRef(w13);
   V6.current = w13;
@@ -11832,7 +11122,7 @@ function g16(u37) {
     U6.current?.removeEventListener("keydown", H6.current), U6.current = e28, e28?.addEventListener("keydown", H6.current);
   }, []), G7 = useId(), K7 = E12 !== void 0;
   useEffect(() => {
-    !K7 || typeof window > "u" || window.dispatchEvent(new Event("resize"));
+    K7 && typeof window < "u" && window.dispatchEvent(new Event("resize"));
   }, [
     K7,
     E12?.x,
@@ -11840,7 +11130,7 @@ function g16(u37) {
     E12?.width,
     E12?.height
   ]);
-  let q7 = S17 && v19 !== void 0 ? G7 : N11, J6 = S17 ? M12 : void 0;
+  let q7 = S17 && v19 !== void 0 ? G7 : N11, J7 = S17 ? M12 : void 0;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     R8,
     E12 !== void 0 && createPortal(/* @__PURE__ */ jsx("span", {
@@ -11864,7 +11154,7 @@ function g16(u37) {
       maxHeight: k12,
       onOpenChange: A11,
       shouldCloseOnInteractOutside: j11 ?? (S17 ? () => false : void 0),
-      "aria-label": J6,
+      "aria-label": J7,
       "aria-labelledby": q7,
       className: [h18.popover, _21].filter(Boolean).join(" "),
       ...L9,
@@ -11917,13 +11207,14 @@ function g16(u37) {
   ] });
 }
 function n38(n45) {
-  return /* @__PURE__ */ jsx(L4, {
+  let r48 = {
     ...n45,
     addPointMode: n45.addPointMode ?? "click-empty",
     curve: false,
     fill: false,
     endpoints: "free"
-  });
+  };
+  return /* @__PURE__ */ jsx(L4, { ...r48 });
 }
 var g17 = /^#(?:[\da-f]{3,4}|[\da-f]{6}|[\da-f]{8})$/i;
 var _16 = /^rgba?\(\s*(\d{1,3})[\s,]+(\d{1,3})[\s,]+(\d{1,3})\b/i;
@@ -11950,10 +11241,10 @@ var y13 = /* @__PURE__ */ new Set([
   "pink",
   "brown"
 ]);
-function b14() {
+function b13() {
   return typeof CSS < "u" && typeof CSS.supports == "function" ? (e28) => CSS.supports("color", e28) : null;
 }
-function x13(e28, t40 = b14()) {
+function x13(e28, t40 = b13()) {
   let n45 = e28.trim();
   return !n45 || n45.includes("var(") ? false : t40 ? t40(n45) : g17.test(n45) || v15.test(n45) || y13.has(n45.toLowerCase());
 }
@@ -12115,7 +11406,7 @@ function U4(e28) {
     unit: t40[2] ?? ""
   } : null;
 }
-function W4(e28) {
+function W3(e28) {
   let t40 = L7.exec(e28.trim());
   if (!t40) return null;
   let [n45, r48, i53, a54] = t40.slice(1, 5).map(Number);
@@ -12212,17 +11503,20 @@ function Q4({ token: e28, set: t40 }) {
       children: e29.unit
     }) : null] });
   }
-  if (r48 === "fontWeight") return /* @__PURE__ */ jsx(T5, {
-    "aria-label": n45,
-    width: "fit",
-    selectedKey: s44,
-    options: (G4.includes(s44) ? G4 : [...G4, s44]).map((e29) => ({
-      value: e29,
-      label: e29
-    })),
-    onSelectionChange: t40
-  });
-  let m26 = r48 === "cubicBezier" ? W4(s44) : null;
+  if (r48 === "fontWeight") {
+    let e29 = (G4.includes(s44) ? G4 : [...G4, s44]).map((e30) => ({
+      value: e30,
+      label: e30
+    }));
+    return /* @__PURE__ */ jsx(T5, {
+      "aria-label": n45,
+      width: "fit",
+      selectedKey: s44,
+      options: e29,
+      onSelectionChange: t40
+    });
+  }
+  let m26 = r48 === "cubicBezier" ? W3(s44) : null;
   return /* @__PURE__ */ jsxs(Fragment, { children: [m26 ? /* @__PURE__ */ jsx(Z4, {
     points: m26,
     label: `${n45} curve`
@@ -12269,7 +11563,7 @@ var $4 = memo(function({ token: e28, onChange: t40 }) {
     })]
   });
 }, (e28, t40) => e28.onChange === t40.onChange && e28.token.name === t40.token.name && e28.token.type === t40.token.type && e28.token.value === t40.token.value && e28.token.overridden === t40.token.overridden && e28.token.description === t40.token.description);
-function ee4({ group: n45, tokens: r48, onChange: i53 }) {
+function ee5({ group: n45, tokens: r48, onChange: i53 }) {
   let [a54, o49] = useState(null), s44 = r48.find((e28) => e28.name === a54) ?? null;
   return /* @__PURE__ */ jsxs("div", {
     className: E9.family,
@@ -12496,7 +11790,7 @@ function ie4({ group: e28, tokens: t40, generator: r48, onChange: i53, onScaleCh
     ]
   });
 }
-function ae3({ title: e28, open: t40, onToggle: n45, tokens: i53, familySize: a54, scales: o49, onChange: s44, onScaleChange: c42 }) {
+function ae4({ title: e28, open: t40, onToggle: n45, tokens: i53, familySize: a54, scales: o49, onChange: s44, onScaleChange: c42 }) {
   let d33 = useMemo(() => Y3(i53, a54), [i53, a54]);
   return /* @__PURE__ */ jsxs("section", {
     className: E9.section,
@@ -12521,7 +11815,7 @@ function ae3({ title: e28, open: t40, onToggle: n45, tokens: i53, familySize: a5
         generator: o49?.[e29.group],
         onChange: s44,
         onScaleChange: c42
-      }, `scale:${e29.group}`) : /* @__PURE__ */ jsx(ee4, {
+      }, `scale:${e29.group}`) : /* @__PURE__ */ jsx(ee5, {
         group: e29.group,
         tokens: e29.tokens,
         onChange: s44
@@ -12529,7 +11823,7 @@ function ae3({ title: e28, open: t40, onToggle: n45, tokens: i53, familySize: a5
     }) : null]
   });
 }
-function oe4({ tokens: e28, onChange: t40, collapsed: n45, onCollapsedChange: r48, scales: i53, onScaleChange: a54, categorize: o49 = j9, familySize: s44 = 3, density: c42 = "normal", className: u37 }) {
+function oe3({ tokens: e28, onChange: t40, collapsed: n45, onCollapsedChange: r48, scales: i53, onScaleChange: a54, categorize: o49 = j9, familySize: s44 = 3, density: c42 = "normal", className: u37 }) {
   let [d33, f30] = useState({}), h25 = n45 ?? d33, g22 = useMemo(() => {
     let t41 = /* @__PURE__ */ new Map();
     for (let n46 of e28) {
@@ -12548,7 +11842,7 @@ function oe4({ tokens: e28, onChange: t40, collapsed: n45, onCollapsedChange: r4
       let c43 = g22.get(e29);
       if (!c43) return null;
       let u38 = !h25[e29];
-      return /* @__PURE__ */ jsx(ae3, {
+      return /* @__PURE__ */ jsx(ae4, {
         title: o50,
         open: u38,
         onToggle: () => {
@@ -12573,7 +11867,7 @@ var c34 = {
   caption: "_caption_ctrrf_24"
 };
 function l33(l40) {
-  let { index: d33, count: f30, playing: p26, onPlay: m26, onStep: h25, onScrub: g22, unit: _21 = "Step", caption: v19, className: y18 } = l40, b18 = Math.max(0, f30 - 1), x18 = Math.min(Math.max(d33, 0), b18), S17 = `${_21} ${x18 + 1} of ${f30}`;
+  let { index: d33, count: f30, playing: p26, onPlay: m26, onStep: h25, onScrub: g22, unit: _21 = "Step", caption: v19, className: y18 } = l40, b17 = Math.max(0, f30 - 1), x18 = Math.min(Math.max(d33, 0), b17), S17 = `${_21} ${x18 + 1} of ${f30}`;
   return /* @__PURE__ */ jsxs("div", {
     className: [c34.jog, y18].filter(Boolean).join(" "),
     children: [
@@ -12584,7 +11878,7 @@ function l33(l40) {
         ariaLabel: `Previous ${_21.toLowerCase()}`,
         disabled: x18 <= 0,
         onClick: () => h25(-1),
-        children: /* @__PURE__ */ jsx(ve, { size: 14 })
+        children: /* @__PURE__ */ jsx(ae, { size: 14 })
       }),
       /* @__PURE__ */ jsx(c7, {
         iconOnly: true,
@@ -12593,21 +11887,21 @@ function l33(l40) {
         ariaLabel: p26 ? "Pause" : "Play",
         disabled: f30 < 2,
         onClick: () => m26(!p26),
-        children: jsx(p26 ? ge : he, { size: 14 })
+        children: jsx(p26 ? re : ne, { size: 14 })
       }),
       /* @__PURE__ */ jsx(c7, {
         iconOnly: true,
         size: "sm",
         variant: "ghost",
         ariaLabel: `Next ${_21.toLowerCase()}`,
-        disabled: x18 >= b18,
+        disabled: x18 >= b17,
         onClick: () => h25(1),
         children: /* @__PURE__ */ jsx($, { size: 14 })
       }),
-      g22 && /* @__PURE__ */ jsx(b7, {
+      g22 && /* @__PURE__ */ jsx(y6, {
         className: c34.scrub,
         min: 0,
-        max: b18,
+        max: b17,
         step: 1,
         snap: "strict",
         density: "slim",
@@ -12651,7 +11945,7 @@ var f23 = {
     row: "row"
   }
 };
-var p21 = forwardRef(function({ rows: s44, empty: p26, className: g22, selection: _21, onActivate: v19, onNudge: y18, onSelectRange: b18, dropIndex: x18, overlay: S17, containerProps: C14, ghost: w13 }, T13) {
+var p21 = forwardRef(function({ rows: s44, empty: p26, className: g22, selection: _21, onActivate: v19, onNudge: y18, onSelectRange: b17, dropIndex: x18, overlay: S17, containerProps: C14, ghost: w13 }, T13) {
   let E12 = s44.some((e28) => e28.trailing != null) || v19 && !_21 ? "grid" : _21 ? "listbox" : "list", D12 = E12 !== "list", [O12, k12] = useState(null), A11 = useCallback((e28) => {
     k12(e28), typeof T13 == "function" ? T13(e28) : T13 && (T13.current = e28);
   }, [T13]), j11 = useRef(/* @__PURE__ */ new Map()), [M12, N11] = useState(null), P10 = useRef(null), F11 = useRef(null), I9 = useRef(null), L9 = s44.some((e28) => e28.id === M12) ? M12 : (s44.find((e28) => e28.selected) ?? s44[0])?.id;
@@ -12677,20 +11971,20 @@ var p21 = forwardRef(function({ rows: s44, empty: p26, className: g22, selection
   let z7 = (e28) => {
     let t40 = s44[Math.max(0, Math.min(s44.length - 1, e28))];
     t40 && j11.current.get(t40.id)?.focus();
-  }, B6 = _21 === "multi" && b18 !== void 0, V6 = (e28, t40, n45) => {
+  }, B6 = _21 === "multi" && b17 !== void 0, V6 = (e28, t40, n45) => {
     let r48 = Math.max(0, Math.min(s44.length - 1, t40));
     if (!n45 || !B6) {
       z7(r48);
       return;
     }
     let i53 = s44.findIndex((e29) => e29.id === F11.current);
-    i53 < 0 && (F11.current = e28.id, i53 = s44.indexOf(e28)), I9.current = s44[r48].id, z7(r48), I9.current = null, b18(s44.slice(Math.min(i53, r48), Math.max(i53, r48) + 1).map((e29) => e29.id));
+    i53 < 0 && (F11.current = e28.id, i53 = s44.indexOf(e28)), I9.current = s44[r48].id, z7(r48), I9.current = null, b17(s44.slice(Math.min(i53, r48), Math.max(i53, r48) + 1).map((e29) => e29.id));
   }, H6 = (e28, n45) => (i53) => {
     if (e28.rowProps?.onKeyDown?.(i53), i53.defaultPrevented) return;
     let a54 = j11.current.get(e28.id);
     if (!a54) return;
     let o49 = i53.target === a54, c42 = E12 === "grid" ? i53.currentTarget.querySelector(`.${e18.trailing}`) : null;
-    if (!(!o49 && !c42?.contains(i53.target))) switch (i53.key) {
+    if (o49 || c42?.contains(i53.target)) switch (i53.key) {
       case "ArrowDown":
       case "ArrowUp": {
         i53.preventDefault();
@@ -12736,7 +12030,7 @@ var p21 = forwardRef(function({ rows: s44, empty: p26, className: g22, selection
     ref: A11,
     ...C14,
     role: K7.container,
-    "aria-multiselectable": _21 === "multi" && E12 !== "list" ? true : void 0,
+    "aria-multiselectable": _21 === "multi" && E12 !== "list" || void 0,
     children: [
       S17,
       w13 && O12 ? /* @__PURE__ */ jsx(a13, {
@@ -13078,9 +12372,9 @@ var s39 = {
   cellLabel: "_cellLabel_17mjm_74"
 };
 function c37(e28) {
-  let { label: t40, schema: n45, values: r48, onChange: i53, mixed: c42, renderers: d33, children: f30, className: p26 } = e28;
+  let { label: t40, schema: n45, values: r48, onChange: i53, mixed: c42, renderers: d33, children: f30, className: p26 } = e28, m26 = [s39.root, p26].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs("div", {
-    className: [s39.root, p26].filter(Boolean).join(" "),
+    className: m26,
     role: "toolbar",
     "aria-label": t40,
     children: [t40 !== void 0 && /* @__PURE__ */ jsx("span", {
@@ -13111,7 +12405,8 @@ function l36(n45) {
   return i53(n45, ""), x14(r48);
 }
 function u33({ row: e28, values: t40, mixed: r48, renderers: c42, onChange: l40 }) {
-  return /* @__PURE__ */ jsx(Fragment, { children: f24(e28.leaves.map((e29) => f25(e29, e29.leaf.name, t40, r48, c42, l40)), c42).map((e29) => /* @__PURE__ */ jsxs("span", {
+  let u37 = e28.leaves.map((e29) => f25(e29, e29.leaf.name, t40, r48, c42, l40));
+  return /* @__PURE__ */ jsx(Fragment, { children: f24(u37, c42).map((e29) => /* @__PURE__ */ jsxs("span", {
     className: s39.cell,
     children: [d29(e29.leaf) && /* @__PURE__ */ jsx("span", {
       className: s39.cellLabel,
@@ -13159,23 +12454,23 @@ function s40(e28, t40, n45, r48) {
 function c38(o49) {
   let { orientation: c42 = "vertical", value: l40, min: u37, max: d33, invert: f30, onInput: p26, onChange: m26, step: h25 = 1, ariaLabel: g22, className: _21 } = o49, v19 = useRef(o49);
   v19.current = o49;
-  let y18 = useRef(null), b18 = useRef(null);
+  let y18 = useRef(null), b17 = useRef(null);
   useEffect(() => () => {
-    b18.current?.cancel();
+    b17.current?.cancel();
   }, []);
   let x18 = (e28) => {
     let t40 = y18.current, n45 = v19.current, r48 = e28 - t40.origin;
     return s40(t40.startValue + (n45.invert ? -r48 : r48), n45.min, n45.max, n45.step ?? 1);
   }, S17 = (e28) => {
-    y18.current = null, b18.current = null, v19.current.onChange?.(e28);
+    y18.current = null, b17.current = null, v19.current.onChange?.(e28);
   }, C14 = useCallback((t40) => {
-    if (t40.button !== 0 || b18.current) return;
+    if (t40.button !== 0 || b17.current) return;
     let n45 = v19.current, r48 = (n45.orientation ?? "vertical") === "vertical", i53 = (e28) => r48 ? e28.clientX : e28.clientY;
     y18.current = {
       origin: i53(t40),
       startValue: n45.value,
       last: s40(n45.value, n45.min, n45.max, n45.step ?? 1)
-    }, b18.current = openPointerSession(t40.currentTarget, t40, {
+    }, b17.current = openPointerSession(t40.currentTarget, t40, {
       onMove: (e28) => {
         let t41 = x18(i53(e28));
         y18.current.last = t41, v19.current.onInput(t41);
@@ -13202,13 +12497,13 @@ function c38(o49) {
     c42,
     h25,
     l40
-  ]);
+  ]), T13 = [
+    a50.handle,
+    c42 === "horizontal" && a50.horizontal,
+    _21
+  ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsx("div", {
-    className: [
-      a50.handle,
-      c42 === "horizontal" && a50.horizontal,
-      _21
-    ].filter(Boolean).join(" "),
+    className: T13,
     role: "separator",
     tabIndex: 0,
     "aria-label": g22,
@@ -13236,14 +12531,14 @@ function n40(n45) {
   });
 }
 function r44(n45) {
-  let { title: r48, muted: i53, children: a54, className: o49 } = n45;
+  let { title: r48, muted: i53, children: a54, className: o49 } = n45, s44 = [
+    t36.item,
+    i53 && t36.muted,
+    r48 !== void 0 && t36.hasTitle,
+    o49
+  ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsx("span", {
-    className: [
-      t36.item,
-      i53 && t36.muted,
-      r48 !== void 0 && t36.hasTitle,
-      o49
-    ].filter(Boolean).join(" "),
+    className: s44,
     title: r48,
     children: a54
   });
@@ -13278,16 +12573,16 @@ function s41(e28, t40) {
   return String(typeof e28 == "string" || typeof e28 == "number" ? e28 : t40);
 }
 function c39(c42) {
-  let { value: l40, onChange: u37, onCommit: d33, formatLabel: f30, ariaLabel: p26, className: m26 } = c42, h25 = a51(c42.items), g22 = o46(h25, l40), _21 = Math.max(0, h25.length - 1), v19 = (e28, t40) => e28.label ?? f30?.(e28.value, t40) ?? String(e28.value), y18 = useRef(g22), b18 = useRef(false);
+  let { value: l40, onChange: u37, onCommit: d33, formatLabel: f30, ariaLabel: p26, className: m26 } = c42, h25 = a51(c42.items), g22 = o46(h25, l40), _21 = Math.max(0, h25.length - 1), v19 = (e28, t40) => e28.label ?? f30?.(e28.value, t40) ?? String(e28.value), y18 = useRef(g22), b17 = useRef(false);
   useEffect(() => {
     y18.current = g22;
   }, [g22]);
   let x18 = (e28) => {
     let t40 = e28[0].value;
-    t40 !== y18.current && (y18.current = t40, b18.current = true, u37(h25[t40].value, t40));
+    t40 !== y18.current && (y18.current = t40, b17.current = true, u37(h25[t40].value, t40));
   }, S17 = (e28) => {
-    if (!b18.current) return;
-    b18.current = false;
+    if (!b17.current) return;
+    b17.current = false;
     let t40 = e28[0].value;
     d33?.(h25[t40].value, t40);
   }, C14 = h25[g22];
@@ -13301,7 +12596,7 @@ function c39(c42) {
   }));
   return /* @__PURE__ */ jsx("div", {
     className: m26 ? `${i49.root} ${m26}` : i49.root,
-    children: /* @__PURE__ */ jsx(b7, {
+    children: /* @__PURE__ */ jsx(y6, {
       className: i49.slider,
       min: 0,
       max: _21,
@@ -13397,7 +12692,7 @@ var y15 = {
   description: "_description_831f7_64",
   close: "_close_831f7_71"
 };
-var b15 = {
+var b14 = {
   "bottom-right": y15.bottomRight,
   "bottom-left": y15.bottomLeft,
   "top-right": y15.topRight,
@@ -13416,7 +12711,7 @@ function S14(o49) {
     "aria-label": "Notifications",
     className: [
       y15.region,
-      b15[l40],
+      b14[l40],
       u37
     ].filter(Boolean).join(" "),
     children: ({ toast: o50 }) => /* @__PURE__ */ jsxs(UNSTABLE_Toast, {
@@ -13499,7 +12794,7 @@ function y16(e28, t40, n45) {
   let r48 = e28.map((e29) => ({ ...e29 }));
   return r48[t40 + 1].from = n45, r48;
 }
-function b16(e28, t40, n45, r48) {
+function b15(e28, t40, n45, r48) {
   let i53 = e28.map((e29, i54) => i54 === 0 ? 0 : l38(t40.toUnit(e29.from, n45, r48)));
   return i53.push(1), i53;
 }
@@ -13551,7 +12846,7 @@ function k10(u37) {
   useEffect(() => () => {
     V6.current?.cancel();
   }, []);
-  let H6 = useId(), U6 = h23(d33, k12), W7 = m24(j11, k12), G7 = (e28) => l38(W7.toUnit(e28, k12, A11)), K7 = (e28) => W7.fromUnit(l38(e28), k12, A11), q7 = () => B6.current?.getBoundingClientRect().width ?? 0, J6 = (e28) => {
+  let H6 = useId(), U6 = h23(d33, k12), W7 = m24(j11, k12), G7 = (e28) => l38(W7.toUnit(e28, k12, A11)), K7 = (e28) => W7.fromUnit(l38(e28), k12, A11), q7 = () => B6.current?.getBoundingClientRect().width ?? 0, J7 = (e28) => {
     let t40 = B6.current?.getBoundingClientRect();
     return !t40 || t40.width === 0 ? 0 : l38((e28 - t40.left) / t40.width);
   }, Y7 = (t40, n45) => {
@@ -13573,7 +12868,8 @@ function k10(u37) {
     t40.preventDefault(), t40.stopPropagation();
     let n45 = U6, r48 = null;
     X7(t40, (t41) => {
-      r48 = y16(n45, e28, v17(n45, e28, K7(Y7(J6(t41.clientX), t41.altKey)), k12, A11)), f30?.(r48);
+      let i53 = v17(n45, e28, K7(Y7(J7(t41.clientX), t41.altKey)), k12, A11);
+      r48 = y16(n45, e28, i53), f30?.(r48);
     }, () => {
       r48 && p26(r48);
     });
@@ -13584,7 +12880,7 @@ function k10(u37) {
     else {
       let n46 = 0;
       if (t40.key === "ArrowRight" || t40.key === "ArrowUp") n46 = t40.shiftKey ? T10 * 10 : T10;
-      else if (t40.key === "ArrowLeft" || t40.key === "ArrowDown") n46 = t40.shiftKey ? -T10 * 10 : -T10;
+      else if (t40.key === "ArrowLeft" || t40.key === "ArrowDown") n46 = t40.shiftKey ? -0.1 : -0.01;
       else return;
       i53 = K7(G7(U6[e28 + 1].from) + n46);
     }
@@ -13593,14 +12889,14 @@ function k10(u37) {
     a54 !== U6 && p26(a54);
   }, $6 = (e28) => (t40) => {
     if (typeof t40.button == "number" && t40.button > 0 || (e28 !== P10 && F11?.(e28), e28 === 0 || e28 === U6.length - 1)) return;
-    let n45 = U6, r48 = b16(n45, W7, k12, A11), i53 = J6(t40.clientX), a54 = null;
+    let n45 = U6, r48 = b15(n45, W7, k12, A11), i53 = J7(t40.clientX), a54 = null;
     X7(t40, (t41) => {
-      let o49 = x16(r48, e28, J6(t41.clientX) - i53);
+      let o49 = x16(r48, e28, J7(t41.clientX) - i53);
       a54 = S15(n45, e28, K7(r48[e28] + o49), K7(r48[e28 + 1] + o49)), f30?.(a54);
     }, () => {
       a54 && p26(a54);
     });
-  }, ee6 = (e28) => () => {
+  }, ee7 = (e28) => () => {
     e28 !== P10 && F11?.(e28);
   };
   return /* @__PURE__ */ jsxs("div", {
@@ -13626,7 +12922,7 @@ function k10(u37) {
         onPointerDown: (e28) => {
           if (typeof e28.button == "number" && e28.button > 0) return;
           e28.preventDefault();
-          let t40 = C12(U6, K7(J6(e28.clientX)), k12, A11, z7);
+          let t40 = C12(U6, K7(J7(e28.clientX)), k12, A11, z7);
           t40 !== U6 && p26(t40);
         },
         children: M12?.map((e28, t40) => /* @__PURE__ */ jsx("span", {
@@ -13654,7 +12950,7 @@ function k10(u37) {
             "aria-pressed": s44,
             "data-band-index": t40,
             onPointerDown: $6(t40),
-            onFocus: ee6(t40),
+            onFocus: ee7(t40),
             children: /* @__PURE__ */ jsx("span", {
               className: c41.bandContent,
               children: N11?.(e28, t40)
@@ -13802,7 +13098,7 @@ var M10 = [
   1
 ];
 function N10(e28) {
-  let { value: t40, onChange: n45 } = e28, r48 = E11(t40), i53 = D11(t40), a54 = r48 === null && k11.includes(i53), o49 = r48 === null ? a54 ? i53 : "linear" : "custom", s44 = O11(t40, A10).map((e29, t41) => `${t41 / (A10 - 1) * 100},${100 - e29 * 100}`).join(" ");
+  let { value: t40, onChange: n45 } = e28, r48 = E11(t40), i53 = D11(t40), a54 = r48 === null && k11.includes(i53), o49 = r48 === null ? a54 ? i53 : "linear" : "custom", s44 = O11(t40, A10).map((e29, t41) => `${t41 / 23 * 100},${100 - e29 * 100}`).join(" ");
   return /* @__PURE__ */ jsxs("div", {
     className: w12.easingPicker,
     children: [
@@ -13877,30 +13173,30 @@ function B5(e28, t40) {
     to: r48 + n45
   };
 }
-function ee5(e28, t40, n45, r48) {
+function V5(e28, t40, n45, r48) {
   let i53 = e28.to - e28.from, a54 = r48.to - r48.from, o49 = Math.min(a54, Math.max(P9, i53 * n45)), s44 = i53 === 0 ? 0.5 : (t40 - e28.from) / i53;
   return B5({
     from: t40 - s44 * o49,
     to: t40 + (1 - s44) * o49
   }, r48);
 }
-function te5(e28, t40, n45) {
+function ee6(e28, t40, n45) {
   return B5({
     from: e28.from + t40,
     to: e28.to + t40
   }, n45);
 }
-function V5(e28, t40, n45) {
+function H5(e28, t40, n45) {
   let i53 = e28.to - e28.from;
   if (t40 <= 0 || i53 <= 0) return [];
   let a54 = m5(n45 / t40 * i53), o49 = [];
   for (let t41 = Math.ceil(e28.from / a54) * a54; t41 <= e28.to + 1e-9; t41 += a54) o49.push(Math.round(t41 / a54) * a54);
   return o49;
 }
-var H5 = 8;
+var te5 = 8;
 var ne5 = 10;
 function re5(e28) {
-  let t40 = e28.map((e29) => e29.value), n45 = Math.min(...t40), r48 = Math.max(...t40) - n45 || 1, i53 = r48 * H5 / (100 - 2 * H5);
+  let t40 = e28.map((e29) => e29.value), n45 = Math.min(...t40), r48 = Math.max(...t40) - n45 || 1, i53 = r48 * te5 / 84;
   return [n45 - i53, n45 + r48 + i53];
 }
 function ie5(e28) {
@@ -13960,7 +13256,7 @@ function ie5(e28) {
     D12(null);
     let r49 = t41;
     r49.keys !== n46.keys && m26(r49.keys);
-  }, [N11, P10] = re5(O12.keys), F11 = _21.width > 0 ? V5(r48, _21.width, 64) : [];
+  }, [N11, P10] = re5(O12.keys), F11 = _21.width > 0 ? H5(r48, _21.width, 64) : [];
   return /* @__PURE__ */ jsx("div", {
     ref: g22,
     className: w12.graphHost,
@@ -13988,12 +13284,12 @@ function ie5(e28) {
     }) : null
   });
 }
-var ae4 = 10;
-function oe5(e28) {
+var ae5 = 10;
+function oe4(e28) {
   return e28.kind === "sampled" ? e28.track.keys.map((e29) => e29.t) : e28.kind === "event" ? e28.track.events.map((e29) => e29.t) : [];
 }
-function se4(e28) {
-  let { row: t40, window: r48, mode: i53, selection: a54, onSelect: o49, onKeyInput: c42, onKeyCommit: l40, onInsert: d33, onToggleExpand: f30, expanded: p26, snapTimes: _21, selectedSegment: y18 = null, onSelectSegment: b18, onKeysInput: x18, onKeysCommit: T13 } = e28, E12 = useRef(null), D12 = useRef(null);
+function se3(e28) {
+  let { row: t40, window: r48, mode: i53, selection: a54, onSelect: o49, onKeyInput: c42, onKeyCommit: l40, onInsert: d33, onToggleExpand: f30, expanded: p26, snapTimes: _21, selectedSegment: y18 = null, onSelectSegment: b17, onKeysInput: x18, onKeysCommit: T13 } = e28, E12 = useRef(null), D12 = useRef(null);
   useEffect(() => () => {
     D12.current?.cancel();
   }, []);
@@ -14001,8 +13297,8 @@ function se4(e28) {
     let n45 = E12.current?.getBoundingClientRect();
     return n45 ? F9(r48, n45.width).toMs(e29 - n45.left) - t40.offset : r48.from;
   }, M12 = () => {
-    let e29 = F9(r48, E12.current?.getBoundingClientRect().width ?? 0);
-    return e29.toMs(6) - e29.toMs(0);
+    let e29 = E12.current?.getBoundingClientRect().width ?? 0, t41 = F9(r48, e29);
+    return t41.toMs(6) - t41.toMs(0);
   }, N11 = i53 === "graph" && t40.numeric, P10 = t40.kind === "sampled" ? t40.track.keys : [], I9 = (e29) => (n45) => {
     if (n45.button !== 0) return;
     n45.stopPropagation(), o49(e29);
@@ -14030,9 +13326,9 @@ function se4(e28) {
       onCancel: i54
     }, { capture: false });
   }, R8 = (e29, t41) => (n45) => {
-    let r49 = ae4 * (n45.shiftKey ? 10 : 1);
+    let r49 = ae5 * (n45.shiftKey ? 10 : 1);
     n45.key === "ArrowRight" && (n45.preventDefault(), l40(e29, t41 + r49)), n45.key === "ArrowLeft" && (n45.preventDefault(), l40(e29, Math.max(0, t41 - r49)));
-  }, B6 = oe5(t40);
+  }, B6 = oe4(t40);
   return /* @__PURE__ */ jsxs("div", {
     className: w12.lane,
     "data-depth": t40.depth,
@@ -14068,7 +13364,7 @@ function se4(e28) {
         selection: a54,
         selectedSegment: y18,
         onSelect: o49,
-        onSelectSegment: b18,
+        onSelectSegment: b17,
         onKeysInput: x18,
         onKeysCommit: (e29) => T13?.(e29)
       }) : /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -14093,9 +13389,9 @@ function se4(e28) {
               left: A11(P10[i54 - 1].t),
               width: z6(r48, e29.t - P10[i54 - 1].t)
             },
-            onClick: () => b18?.(i54),
+            onClick: () => b17?.(i54),
             onKeyDown: (e30) => {
-              (e30.key === "Enter" || e30.key === " ") && (e30.preventDefault(), b18?.(i54));
+              (e30.key === "Enter" || e30.key === " ") && (e30.preventDefault(), b17?.(i54));
             }
           }, `seg-${i54}`);
         }) : null,
@@ -14121,8 +13417,8 @@ function se4(e28) {
     })]
   });
 }
-var ce4 = 15e-4;
-function le4(e28) {
+var ce3 = 15e-4;
+function le3(e28) {
   return e28 >= 1e3 ? `${(e28 / 1e3).toFixed(e28 % 1e3 == 0 ? 0 : 2)}s` : `${Math.round(e28)}ms`;
 }
 function ue3(e28) {
@@ -14158,12 +13454,12 @@ function ue3(e28) {
       onCancel: t41
     }, { capture: false });
   }, m26 = (e29) => {
-    if (e29.ctrlKey) a54(ee5(t40, f30(e29.clientX), Math.exp(e29.deltaY * ce4), n45));
+    if (e29.ctrlKey) a54(V5(t40, f30(e29.clientX), Math.exp(e29.deltaY * ce3), n45));
     else {
       let r49 = d33(), i54 = r49 === 0 ? 0 : (t40.to - t40.from) / r49;
-      a54(te5(t40, e29.deltaY * i54, n45));
+      a54(ee6(t40, e29.deltaY * i54, n45));
     }
-  }, _21 = V5(t40, c42, 64), b18 = (e29) => L8(t40, e29);
+  }, _21 = H5(t40, c42, 64), b17 = (e29) => L8(t40, e29);
   return /* @__PURE__ */ jsxs("div", {
     className: w12.ruler,
     ref: o49,
@@ -14173,12 +13469,12 @@ function ue3(e28) {
     children: [_21.map((e29) => /* @__PURE__ */ jsx("span", {
       className: w12.tick,
       "data-testid": "timeline-tick",
-      style: { left: b18(e29) },
-      children: le4(e29)
+      style: { left: b17(e29) },
+      children: le3(e29)
     }, e29)), /* @__PURE__ */ jsx("div", {
       className: w12.playhead,
       "data-testid": "timeline-playhead",
-      style: { left: b18(r48) }
+      style: { left: b17(r48) }
     })]
   });
 }
@@ -14189,7 +13485,7 @@ var U5 = [
   2,
   4
 ];
-var W5 = (e28) => `${(e28 / 1e3).toFixed(2)}s`;
+var W4 = (e28) => `${(e28 / 1e3).toFixed(2)}s`;
 function G5(n45) {
   let { paused: r48, loop: i53, rate: a54, playhead: o49, duration: s44, onPlay: l40, onPause: u37, onLoopChange: d33, onRateChange: f30 } = n45, p26 = i53 !== false && i53 !== 0, m26 = U5.includes(a54) ? U5 : [...U5, a54].sort((e28, t40) => e28 - t40);
   return /* @__PURE__ */ jsxs("div", {
@@ -14200,7 +13496,7 @@ function G5(n45) {
         className: w12.transportButton,
         "aria-label": r48 ? "Play" : "Pause",
         onClick: r48 ? l40 : u37,
-        children: jsx(r48 ? he : ge, { size: 14 })
+        children: jsx(r48 ? ne : re, { size: 14 })
       }),
       /* @__PURE__ */ jsx("button", {
         type: "button",
@@ -14234,9 +13530,9 @@ function G5(n45) {
         className: w12.time,
         "data-testid": "timeline-time",
         children: [
-          W5(o49),
+          W4(o49),
           " / ",
-          W5(s44)
+          W4(s44)
         ]
       })
     ]
@@ -14282,7 +13578,7 @@ function J4(e28, t40) {
     keys: t40
   };
 }
-function pe4(e28, t40) {
+function pe3(e28, t40) {
   return {
     ...e28,
     events: t40
@@ -14323,7 +13619,7 @@ function X5(e28, t40, n45) {
       t: i53
     }, o49 = n46.events.filter((e29, n47) => n47 !== t40.keyIndex), s44 = o49.findIndex((e29) => e29.t > i53), c42 = s44 === -1 ? o49.length : s44;
     return o49.splice(c42, 0, a54), {
-      tracks: Y4(e28, t40.trackPath, pe4(r48, o49)),
+      tracks: Y4(e28, t40.trackPath, pe3(r48, o49)),
       selection: {
         trackPath: t40.trackPath,
         keyIndex: c42
@@ -14335,7 +13631,7 @@ function X5(e28, t40, n45) {
     selection: t40
   };
 }
-function me4(e28, t40, n45) {
+function me3(e28, t40, n45) {
   let r48 = K5(e28, t40);
   if (r48?.kind !== "sampled") return {
     tracks: e28.slice(),
@@ -14381,7 +13677,7 @@ function Q5(e28, t40, n45) {
   let r48 = K5(e28, t40);
   return r48?.kind === "sampled" ? Y4(e28, t40, J4(r48, n45.slice())) : e28.slice();
 }
-function ge3(e28, t40, n45) {
+function ge2(e28, t40, n45) {
   let r48 = K5(e28, t40.trackPath);
   if (r48?.kind !== "sampled") return e28.slice();
   let i53 = r48.keys.slice();
@@ -14468,7 +13764,7 @@ function $5(e28) {
         className: w12.lanes,
         children: O12.map((n46) => {
           let r49 = n46.path;
-          return /* @__PURE__ */ jsx(se4, {
+          return /* @__PURE__ */ jsx(se3, {
             row: n46,
             window: x18,
             mode: e28.mode ?? "dope",
@@ -14496,7 +13792,7 @@ function $5(e28) {
             onKeysInput: (e29) => i53?.(Q5(t40, r49, e29)),
             onKeysCommit: (e29) => a54(Q5(t40, r49, e29)),
             onInsert: (e29) => {
-              let n47 = me4(t40, r49, e29);
+              let n47 = me3(t40, r49, e29);
               a54(n47.tracks), E12(n47.selection);
             },
             selectedSegment: v19 && q5(v19.trackPath, r49) ? v19.keyIndex : null,
@@ -14513,7 +13809,7 @@ function $5(e28) {
           key: P10,
           track: M12,
           selection: T13,
-          commit: (e29) => a54(ge3(t40, T13, e29.value)),
+          commit: (e29) => a54(ge2(t40, T13, e29.value)),
           setEasing: (e29) => a54(Z5(t40, T13, e29))
         })
       }) : null,
@@ -14532,7 +13828,7 @@ function Z6(e28, t40) {
   let [n45, r48] = t40.lRange;
   return e28 <= n45 ? t40.cBot : e28 >= r48 ? t40.cTop : e28 <= t40.midL ? t40.cBot + (t40.cPeak - t40.cBot) * ((e28 - n45) / (t40.midL - n45)) : t40.cPeak + (t40.cTop - t40.cPeak) * ((e28 - t40.midL) / (r48 - t40.midL));
 }
-function wi({ load: e28, debounceMs: t40 = 150, minLength: n45 = 0 }) {
+function Li({ load: e28, debounceMs: t40 = 150, minLength: n45 = 0 }) {
   let [r48, i53] = useState(""), [a54, o49] = useState([]), [s44, c42] = useState(false), [l40, u37] = useState(null), d33 = useRef(e28);
   d33.current = e28;
   let f30 = useRef(0), p26 = useRef(0), m26 = useRef(null);
@@ -14563,6 +13859,6 @@ function wi({ load: e28, debounceMs: t40 = 150, minLength: n45 = 0 }) {
   };
 }
 
-export { $, $5 as $2, A8 as A2, B3 as B, C7 as C, D7 as D, F7 as F2, Fe, Ge, H4 as H2, Ht, L4 as L, L5 as L2, L6 as L3, O9 as O, Pe, Q, Qe, S8 as S, S10 as S2, S12 as S3, S14 as S4, T5 as T2, Te, V3 as V, We, X, X6 as X2, Z, Z6 as Z2, _12 as _, _e, a, a11 as a2, a13 as a3, a23 as a4, a24 as a5, a29 as a6, a37 as a7, ae2 as ae, b7 as b, b10 as b2, c7 as c, c27 as c2, c37 as c3, c38 as c4, c28 as c5, c39 as c6, d6 as d, d23 as d2, e3 as e, e11 as e2, f4 as f, f5 as f2, fe, g8 as g, g16 as g2, ge, h16 as h, he, i, i10 as i3, i24 as i4, i48 as i5, ie, k10 as k, l, l3 as l2, l8 as l3, l18 as l4, l20 as l5, l25 as l6, l27 as l7, l30 as l8, l33 as l9, m4 as m2, m15 as m3, m23 as m4, me, n2 as n, n4 as n2, n7 as n3, n13 as n4, n18 as n5, n31 as n6, n40 as n7, n33 as n8, n38 as n9, o11 as o, o17 as o2, o34 as o3, o36 as o4, oe, oe3 as oe2, oe4 as oe3, p4 as p, p21 as p2, pe, r10 as r, r18 as r2, r33 as r3, r35 as r4, r44 as r5, re, s10 as s, s26 as s2, s27 as s3, s28 as s4, s29 as s5, s31 as s6, se3 as se, serializeSvg, t4 as t, t15 as t2, u2 as u, u5 as u2, u11 as u3, u14 as u4, u18 as u5, v2 as v, v9 as v2, v11 as v3, ve, w3 as w, wi, x9 as x, y12 as y2 };
-//# sourceMappingURL=chunk-WUJXJC5O.js.map
-//# sourceMappingURL=chunk-WUJXJC5O.js.map
+export { $, $5 as $2, A8 as A2, B, B3 as B2, C7 as C2, D7 as D, F7 as F2, G, H, H4 as H2, Ht, L4 as L, L5 as L2, L6 as L3, Li, Me, O9 as O2, Q, Qe, S8 as S, S10 as S2, S12 as S3, S14 as S4, Se, T5 as T, U, V, V3 as V2, X, X6 as X2, Z, Z6 as Z2, _12 as _, a, a11 as a2, a13 as a3, a23 as a4, a24 as a5, a29 as a6, a37 as a7, ae, ae3 as ae2, b9 as b2, c7 as c, c27 as c2, c37 as c3, c38 as c4, c28 as c5, c39 as c6, d6 as d, d23 as d2, e3 as e, e11 as e2, f4 as f, f5 as f2, fe, g8 as g, g16 as g2, h16 as h2, i, i10 as i2, i24 as i3, i48 as i4, ie, je, k10 as k2, l, l3 as l2, l8 as l3, l18 as l4, l20 as l5, l25 as l6, l27 as l7, l30 as l8, l33 as l9, m4 as m, m15 as m2, m23 as m3, n2 as n, n4 as n2, n7 as n3, n13 as n4, n18 as n5, n31 as n6, n40 as n7, n33 as n8, n38 as n9, ne, o11 as o2, o17 as o3, o34 as o4, o36 as o5, oe2 as oe, oe3 as oe2, p4 as p, p21 as p2, r10 as r, r18 as r2, r33 as r3, r35 as r4, r44 as r5, re, s10 as s, s26 as s2, s27 as s3, s28 as s4, s29 as s5, s31 as s6, se2 as se, t4 as t, t15 as t2, u2 as u, u5 as u2, u11 as u3, u14 as u4, u18 as u5, v2 as v, v9 as v2, v11 as v3, w3 as w, x9 as x, xe, y6 as y, y12 as y2, z };
+//# sourceMappingURL=chunk-TYN6MLXX.js.map
+//# sourceMappingURL=chunk-TYN6MLXX.js.map