@weasel-js/labkit 1.0.2 → 1.0.4

package/dist/{chunk-R4TACNW7.js → chunk-BAPZPDDA.js}

@@ -1,4 +1,4 @@
-import { useActionsRegistry, useOptionalDepRegistry, evaluateEnabled, eligibleContribution, oklchToOklab, oklabToSrgbU8, rgbaToHex, UnknownIcon } from './chunk-3P56ZCCJ.js';
+import { useActionsRegistry, useOptionalDepRegistry, evaluateEnabled, eligibleContribution, oklchToOklab, oklabToSrgbU8, rgbaToHex, UnknownIcon } from './chunk-DWV7SFKR.js';
 import { forwardRef, useRef, useMemo, useCallback, useEffect, useImperativeHandle, useSyncExternalStore, useState, useLayoutEffect, useId, Fragment as Fragment$1 } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { Checkbox, TextField, Label, Input, Text, FieldError, NumberField, Group, Button, Switch, Focusable, RadioGroup, Radio, Slider, SliderOutput, SliderTrack, SliderThumb, Select, SelectValue, Popover, ListBox, ListBoxItem, ModalOverlay, Modal, Dialog, Heading, Tabs, TabList, Tab, TabPanel, ComboBox, TooltipTrigger, Tooltip, OverlayArrow } from 'react-aria-components';
@@ -57,15 +57,15 @@ var g = {
   axis: "_axis_1djm7_34"
 };
 var _ = forwardRef(function(e19, c16) {
-  let { width: l17, height: u14, xRange: d12 = [0, 1], yRange: f12 = [0, 1], grid: _6, axes: v3, tabIndex: y4, className: b3, style: x3, onPointerDown: S3, onKeyDown: C3, children: w3 } = e19, T3 = useRef(null), E3 = useMemo(() => ({
+  let { width: l17, height: u15, xRange: d12 = [0, 1], yRange: f12 = [0, 1], grid: _6, axes: v3, tabIndex: y4, className: b3, style: x3, onPointerDown: S3, onKeyDown: C3, children: w3 } = e19, T3 = useRef(null), E3 = useMemo(() => ({
     xMin: d12[0],
     xMax: d12[1],
     yMin: f12[0],
     yMax: f12[1]
   }), [d12, f12]), D3 = useMemo(() => ({
     width: l17,
-    height: u14
-  }), [l17, u14]), O3 = useCallback((e20) => {
+    height: u15
+  }), [l17, u15]), O3 = useCallback((e20) => {
     let t25 = T3.current?.getBoundingClientRect(), n30 = t25?.left ?? 0, r28 = t25?.top ?? 0;
     return {
       x: e20.clientX - n30,
@@ -74,7 +74,7 @@ var _ = forwardRef(function(e19, c16) {
   }, []);
   useEffect(() => (p("plot2d", "mount", {
     width: l17,
-    height: u14
+    height: u15
   }), () => p("plot2d", "unmount")), []), useImperativeHandle(c16, () => ({
     get svg() {
       return T3.current;
@@ -112,8 +112,8 @@ var _ = forwardRef(function(e19, c16) {
     className: [g.root, b3].filter(Boolean).join(" "),
     style: x3,
     width: l17,
-    height: u14,
-    viewBox: `0 0 ${l17} ${u14}`,
+    height: u15,
+    viewBox: `0 0 ${l17} ${u15}`,
     role: "img",
     tabIndex: y4,
     onPointerDown: S3 ? k3 : void 0,
@@ -129,15 +129,15 @@ var _ = forwardRef(function(e19, c16) {
           x1: e21 * l17,
           x2: e21 * l17,
           y1: 0,
-          y2: u14
+          y2: u15
         }, `gx-${e21}`)), n30.map((e21) => /* @__PURE__ */ jsx("line", {
           "data-plot-element": "grid",
           className: g.grid,
           stroke: t25,
           x1: 0,
           x2: l17,
-          y1: e21 * u14,
-          y2: e21 * u14
+          y1: e21 * u15,
+          y2: e21 * u15
         }, `gy-${e21}`))] });
       })(),
       v3 !== false && v3 !== null && (() => {
@@ -148,8 +148,8 @@ var _ = forwardRef(function(e19, c16) {
           stroke: e20,
           x1: 0,
           x2: l17,
-          y1: u14,
-          y2: u14
+          y1: u15,
+          y2: u15
         }), /* @__PURE__ */ jsx("line", {
           "data-plot-element": "axis",
           className: g.axis,
@@ -157,7 +157,7 @@ var _ = forwardRef(function(e19, c16) {
           x1: 0,
           x2: 0,
           y1: 0,
-          y2: u14
+          y2: u15
         })] });
       })(),
       w3
@@ -177,12 +177,13 @@ function o2(e19) {
   });
 }
 function s2(n30) {
-  let { children: o20, className: s18, placement: c16 = "top", offset: l17 = 8, ...u14 } = n30;
+  let { children: o20, className: s18, placement: c16 = "top", offset: l17 = 8, ...u15 } = n30;
   return /* @__PURE__ */ jsxs(Tooltip, {
-    ...u14,
+    ...u15,
     placement: c16,
     offset: l17,
     className: [a2.tooltip, s18].filter(Boolean).join(" "),
+    "data-weasel-overlay": "",
     children: [/* @__PURE__ */ jsx(OverlayArrow, {
       className: a2.arrow,
       children: /* @__PURE__ */ jsx("svg", {
@@ -211,8 +212,8 @@ function f2(e19, t25) {
 function p2(e19, t25) {
   return t25 ? `${e19} (${t25})` : e19;
 }
-function m2(m8) {
-  let { group: h6, orientation: g5 = "horizontal", icons: _6, labels: v3, className: y4 } = m8, b3 = useActionsRegistry(), x3 = useOptionalDepRegistry(), S3 = useSyncExternalStore(b3 ? b3.subscribe : d2, b3 ? b3.list : () => u2, b3 ? b3.list : () => u2).filter((e19) => e19.group === h6), C3 = x3 ? {
+function m2(m9) {
+  let { group: h6, orientation: g5 = "horizontal", icons: _6, labels: v3, className: y4 } = m9, b3 = useActionsRegistry(), x3 = useOptionalDepRegistry(), S3 = useSyncExternalStore(b3 ? b3.subscribe : d2, b3 ? b3.list : () => u2, b3 ? b3.list : () => u2).filter((e19) => e19.group === h6), C3 = x3 ? {
     selection: x3.get("selection"),
     scene: x3.get("scene"),
     history: x3.get("history"),
@@ -230,7 +231,7 @@ function m2(m8) {
     role: "toolbar",
     "aria-label": `${h6} actions`,
     children: S3.map((n30) => {
-      let a22 = v3?.[n30.id] ?? n30.label, o20 = f2(n30, _6?.[n30.id]), { enabled: u14 } = evaluateEnabled(n30, C3), d12 = !u14, m9 = p2(a22, n30.shortcut);
+      let a22 = v3?.[n30.id] ?? n30.label, o20 = f2(n30, _6?.[n30.id]), { enabled: u15 } = evaluateEnabled(n30, C3), d12 = !u15, m10 = p2(a22, n30.shortcut);
       return /* @__PURE__ */ jsxs(o2, {
         isDisabled: d12,
         children: [/* @__PURE__ */ jsx(Focusable, {
@@ -247,7 +248,7 @@ function m2(m8) {
             },
             children: o20
           })
-        }), /* @__PURE__ */ jsx(s2, { children: m9 })]
+        }), /* @__PURE__ */ jsx(s2, { children: m10 })]
       }, n30.id);
     })
   });
@@ -356,7 +357,7 @@ function _2({ variant: e19, focused: a22, params: c16 }) {
   let l17 = {
     ...g2,
     ...c16
-  }, u14 = useId(), d12 = useRef(null), [f12, p10] = useState({
+  }, u15 = useId(), d12 = useRef(null), [f12, p11] = useState({
     w: 100,
     h: 100
   });
@@ -365,7 +366,7 @@ function _2({ variant: e19, focused: a22, params: c16 }) {
     if (!e20) return;
     let t25 = () => {
       let t26 = e20.getBoundingClientRect();
-      t26.width > 0 && t26.height > 0 && p10({
+      t26.width > 0 && t26.height > 0 && p11({
         w: t26.width,
         h: t26.height
       });
@@ -374,7 +375,7 @@ function _2({ variant: e19, focused: a22, params: c16 }) {
     let n30 = new ResizeObserver(t25);
     return n30.observe(e20), () => n30.disconnect();
   }, []);
-  let m8 = l17.holeRadius / f12.w * 100, h6 = l17.holeRadius / f12.h * 100, _6 = Math.max(2, Math.round(f12.w / l17.holePitch)), v3 = Math.max(2, Math.round(f12.h / l17.holePitch)), y4 = [];
+  let m9 = l17.holeRadius / f12.w * 100, h6 = l17.holeRadius / f12.h * 100, _6 = Math.max(2, Math.round(f12.w / l17.holePitch)), v3 = Math.max(2, Math.round(f12.h / l17.holePitch)), y4 = [];
   for (let e20 = 0; e20 < _6; e20++) {
     let t25 = (e20 + 0.5) / _6;
     y4.push({
@@ -399,7 +400,7 @@ function _2({ variant: e19, focused: a22, params: c16 }) {
     ref: d12,
     children: [
       /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("mask", {
-        id: u14,
+        id: u15,
         maskUnits: "userSpaceOnUse",
         x: "-5",
         y: "-5",
@@ -414,7 +415,7 @@ function _2({ variant: e19, focused: a22, params: c16 }) {
         }), y4.map((e20, t25) => /* @__PURE__ */ jsx("ellipse", {
           cx: e20.cx,
           cy: e20.cy,
-          rx: m8,
+          rx: m9,
           ry: h6,
           fill: "black"
         }, t25))]
@@ -425,7 +426,7 @@ function _2({ variant: e19, focused: a22, params: c16 }) {
         y: "0",
         width: "100",
         height: "100",
-        mask: `url(#${u14})`
+        mask: `url(#${u15})`
       }),
       (e19 === "outline" || e19 === "solid") && /* @__PURE__ */ jsx("rect", {
         className: "badge-stroke",
@@ -433,7 +434,7 @@ function _2({ variant: e19, focused: a22, params: c16 }) {
         y: "0",
         width: "100",
         height: "100",
-        mask: `url(#${u14})`
+        mask: `url(#${u15})`
       }),
       a22 && /* @__PURE__ */ jsx("rect", {
         className: "badge-focus",
@@ -441,7 +442,7 @@ function _2({ variant: e19, focused: a22, params: c16 }) {
         y: "-4",
         width: "108",
         height: "108",
-        mask: `url(#${u14})`
+        mask: `url(#${u15})`
       })
     ]
   });
@@ -521,12 +522,12 @@ function C(e19, t25, n30, r28, i24) {
     for (let t26 = 0; t26 < l17.length; t26++) e20 += (t26 === 0 ? "M " : " L ") + l17[t26][0].toFixed(2) + " " + l17[t26][1].toFixed(2);
     return e20 + " Z";
   }
-  let u14 = "";
+  let u15 = "";
   for (let e20 = 0; e20 < l17.length; e20++) {
     let t26 = l17[(e20 + l17.length - 1) % l17.length], n31 = l17[e20], r29 = l17[(e20 + 1) % l17.length], i25 = c16 * 0.45, a23 = n31[0] + (t26[0] - n31[0]) * i25, o21 = n31[1] + (t26[1] - n31[1]) * i25, s19 = n31[0] + (r29[0] - n31[0]) * i25, d12 = n31[1] + (r29[1] - n31[1]) * i25;
-    e20 === 0 ? u14 += `M ${a23.toFixed(2)} ${o21.toFixed(2)}` : u14 += ` L ${a23.toFixed(2)} ${o21.toFixed(2)}`, u14 += ` Q ${n31[0].toFixed(2)} ${n31[1].toFixed(2)} ${s19.toFixed(2)} ${d12.toFixed(2)}`;
+    e20 === 0 ? u15 += `M ${a23.toFixed(2)} ${o21.toFixed(2)}` : u15 += ` L ${a23.toFixed(2)} ${o21.toFixed(2)}`, u15 += ` Q ${n31[0].toFixed(2)} ${n31[1].toFixed(2)} ${s19.toFixed(2)} ${d12.toFixed(2)}`;
   }
-  return u14 + " Z";
+  return u15 + " Z";
 }
 var w = {
   Component: ({ variant: e19, focused: t25, params: n30 }) => {
@@ -601,7 +602,7 @@ function O({ variant: e19, focused: t25, params: a22 }) {
   let c16 = {
     ...D,
     ...a22
-  }, l17 = useRef(null), [u14, d12] = useState({
+  }, l17 = useRef(null), [u15, d12] = useState({
     w: 100,
     h: 100
   });
@@ -619,13 +620,13 @@ function O({ variant: e19, focused: t25, params: a22 }) {
     let n30 = new ResizeObserver(t26);
     return n30.observe(e20), () => n30.disconnect();
   }, []);
-  let f12 = Math.max(60, Math.min(c16.pointDepth, 110)), p10 = Math.max(20, Math.min(c16.shoulderY, f12 - 5)), m8 = p10 + (f12 - p10) * Math.max(0.1, Math.min(c16.curveTightness, 1)), h6 = Math.max(0, Math.min(c16.erosion, 1)) * 12, g5 = h6 / u14.w * 100, _6 = h6 / u14.h * 100, v3 = [
+  let f12 = Math.max(60, Math.min(c16.pointDepth, 110)), p11 = Math.max(20, Math.min(c16.shoulderY, f12 - 5)), m9 = p11 + (f12 - p11) * Math.max(0.1, Math.min(c16.curveTightness, 1)), h6 = Math.max(0, Math.min(c16.erosion, 1)) * 12, g5 = h6 / u15.w * 100, _6 = h6 / u15.h * 100, v3 = [
     `M ${g5.toFixed(3)} 0`,
     `L ${(100 - g5).toFixed(3)} 0`,
     `A ${g5.toFixed(3)} ${_6.toFixed(3)} 0 0 1 100 ${_6.toFixed(3)}`,
-    `L 100 ${p10}`,
-    `Q 100 ${m8} 50 ${f12}`,
-    `Q 0 ${m8} 0 ${p10}`,
+    `L 100 ${p11}`,
+    `Q 100 ${m9} 50 ${f12}`,
+    `Q 0 ${m9} 0 ${p11}`,
     `L 0 ${_6.toFixed(3)}`,
     `A ${g5.toFixed(3)} ${_6.toFixed(3)} 0 0 1 ${g5.toFixed(3)} 0`,
     "Z"
@@ -740,15 +741,15 @@ var ee = {
     let { points: r28, outerR: i24, innerR: c16, rotation: l17 } = {
       ...P,
       ...n30
-    }, u14 = F(r28, i24, c16, l17), d12 = F(r28, i24 + 4, c16 + 3, l17);
+    }, u15 = F(r28, i24, c16, l17), d12 = F(r28, i24 + 4, c16 + 3, l17);
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       (e19 === "solid" || e19 === "subtle") && /* @__PURE__ */ jsx("path", {
         className: "badge-fill",
-        d: u14
+        d: u15
       }),
       (e19 === "outline" || e19 === "solid") && /* @__PURE__ */ jsx("path", {
         className: "badge-stroke",
-        d: u14
+        d: u15
       }),
       t25 && /* @__PURE__ */ jsx("path", {
         className: "badge-focus",
@@ -1225,25 +1226,25 @@ var me = {
       [o20, 100],
       [0, 100 - s18],
       [0, s18]
-    ], l17 = [], u14 = [0];
+    ], l17 = [], u15 = [0];
     for (let e20 = 0; e20 < c16.length; e20++) {
       let t26 = c16[e20], n31 = c16[(e20 + 1) % c16.length], r29 = (n31[0] - t26[0]) / i24, o21 = (n31[1] - t26[1]) / a22, s19 = Math.hypot(r29, o21);
-      l17.push(s19), u14.push(u14[u14.length - 1] + s19);
+      l17.push(s19), u15.push(u15[u15.length - 1] + s19);
     }
-    let d12 = u14[u14.length - 1];
+    let d12 = u15[u15.length - 1];
     return {
       bodyPath: `M ${c16[0][0]} ${c16[0][1]} ` + c16.slice(1).map(([e20, t26]) => `L ${e20} ${t26}`).join(" ") + " Z",
       perimeterAt: (e20) => {
         let t26 = (e20 % d12 + d12) % d12;
         for (let e21 = 0; e21 < l17.length; e21++) {
-          let n31 = u14[e21];
-          if (t26 <= u14[e21 + 1] + 1e-9) {
-            let r29 = l17[e21] > 0 ? (t26 - n31) / l17[e21] : 0, o21 = c16[e21], s19 = c16[(e21 + 1) % c16.length], u15 = o21[0] + (s19[0] - o21[0]) * r29, d13 = o21[1] + (s19[1] - o21[1]) * r29, f12 = (s19[0] - o21[0]) / i24, p10 = (s19[1] - o21[1]) / a22, m8 = Math.hypot(f12, p10) || 1;
+          let n31 = u15[e21];
+          if (t26 <= u15[e21 + 1] + 1e-9) {
+            let r29 = l17[e21] > 0 ? (t26 - n31) / l17[e21] : 0, o21 = c16[e21], s19 = c16[(e21 + 1) % c16.length], u16 = o21[0] + (s19[0] - o21[0]) * r29, d13 = o21[1] + (s19[1] - o21[1]) * r29, f12 = (s19[0] - o21[0]) / i24, p11 = (s19[1] - o21[1]) / a22, m9 = Math.hypot(f12, p11) || 1;
             return {
-              x: u15,
+              x: u16,
               y: d13,
-              nx: p10 / m8,
-              ny: -f12 / m8
+              nx: p11 / m9,
+              ny: -f12 / m9
             };
           }
         }
@@ -1275,10 +1276,10 @@ var ge = {
     let r28 = {
       ...he,
       ...e19
-    }, i24 = 100 / t25, a22 = 100 / n30, o20 = Math.max(0, Math.min(r28.erosion, 1)), s18 = Math.max(0.1, Math.min(r28.eccentricity, 10)), c16 = Math.min(t25, n30) / 2 * o20, l17 = c16 * i24 * s18, u14 = c16 * a22 / s18, d12 = Math.max(0, Math.min(l17, 50)), f12 = Math.max(0, Math.min(u14, 50)), p10 = (100 - 2 * d12) / i24, m8 = (100 - 2 * f12) / a22, h6 = c16 + c16 || 1, g5 = Math.PI * h6 * 1 / 4, _6 = [
+    }, i24 = 100 / t25, a22 = 100 / n30, o20 = Math.max(0, Math.min(r28.erosion, 1)), s18 = Math.max(0.1, Math.min(r28.eccentricity, 10)), c16 = Math.min(t25, n30) / 2 * o20, l17 = c16 * i24 * s18, u15 = c16 * a22 / s18, d12 = Math.max(0, Math.min(l17, 50)), f12 = Math.max(0, Math.min(u15, 50)), p11 = (100 - 2 * d12) / i24, m9 = (100 - 2 * f12) / a22, h6 = c16 + c16 || 1, g5 = Math.PI * h6 * 1 / 4, _6 = [
       {
         kind: "h-edge",
-        cssLen: p10
+        cssLen: p11
       },
       {
         kind: "tr-arc",
@@ -1286,7 +1287,7 @@ var ge = {
       },
       {
         kind: "v-edge",
-        cssLen: m8
+        cssLen: m9
       },
       {
         kind: "br-arc",
@@ -1294,7 +1295,7 @@ var ge = {
       },
       {
         kind: "h-edge-b",
-        cssLen: p10
+        cssLen: p11
       },
       {
         kind: "bl-arc",
@@ -1302,7 +1303,7 @@ var ge = {
       },
       {
         kind: "v-edge-l",
-        cssLen: m8
+        cssLen: m9
       },
       {
         kind: "tl-arc",
@@ -1413,12 +1414,12 @@ var ge = {
         });
       }
       C3 = e20.reduce((e21, t26, n31) => e21 + (n31 === 0 ? `M ${t26.x.toFixed(3)} ${t26.y.toFixed(3)}` : ` L ${t26.x.toFixed(3)} ${t26.y.toFixed(3)}`), "") + " Z", w3 = (e21) => {
-        let t26 = (e21 % y4 + y4) % y4, n31 = b3(t26), r29 = n31.x, o21 = S3(n31.x, n31.y), s19 = y4 / 480, c17 = b3(t26 - s19), l18 = b3(t26 + s19), u15 = c17.x, d13 = S3(c17.x, c17.y), f13 = l18.x, p11 = S3(l18.x, l18.y), m9 = (f13 - u15) / i24, h7 = (p11 - d13) / a22, g6 = Math.hypot(m9, h7) || 1;
+        let t26 = (e21 % y4 + y4) % y4, n31 = b3(t26), r29 = n31.x, o21 = S3(n31.x, n31.y), s19 = y4 / 480, c17 = b3(t26 - s19), l18 = b3(t26 + s19), u16 = c17.x, d13 = S3(c17.x, c17.y), f13 = l18.x, p12 = S3(l18.x, l18.y), m10 = (f13 - u16) / i24, h7 = (p12 - d13) / a22, g6 = Math.hypot(m10, h7) || 1;
         return {
           x: r29,
           y: o21,
           nx: h7 / g6,
-          ny: -m9 / g6
+          ny: -m10 / g6
         };
       };
     }
@@ -1439,8 +1440,8 @@ var ge = {
 function q(e19, t25, n30) {
   let r28 = 100 / t25, i24 = 100 / n30, a22 = [], o20 = [0];
   for (let t26 = 0; t26 < e19.length; t26++) {
-    let n31 = e19[t26], s19 = e19[(t26 + 1) % e19.length], c16 = (s19[0] - n31[0]) / r28, l17 = (s19[1] - n31[1]) / i24, u14 = Math.hypot(c16, l17);
-    a22.push(u14), o20.push(o20[o20.length - 1] + u14);
+    let n31 = e19[t26], s19 = e19[(t26 + 1) % e19.length], c16 = (s19[0] - n31[0]) / r28, l17 = (s19[1] - n31[1]) / i24, u15 = Math.hypot(c16, l17);
+    a22.push(u15), o20.push(o20[o20.length - 1] + u15);
   }
   let s18 = o20[o20.length - 1];
   return {
@@ -1450,12 +1451,12 @@ function q(e19, t25, n30) {
       for (let t27 = 0; t27 < a22.length; t27++) {
         let s19 = o20[t27];
         if (n31 <= o20[t27 + 1] + 1e-9) {
-          let o21 = a22[t27] > 0 ? (n31 - s19) / a22[t27] : 0, c16 = e19[t27], l17 = e19[(t27 + 1) % e19.length], u14 = c16[0] + (l17[0] - c16[0]) * o21, d12 = c16[1] + (l17[1] - c16[1]) * o21, f12 = (l17[0] - c16[0]) / r28, p10 = (l17[1] - c16[1]) / i24, m8 = Math.hypot(f12, p10) || 1;
+          let o21 = a22[t27] > 0 ? (n31 - s19) / a22[t27] : 0, c16 = e19[t27], l17 = e19[(t27 + 1) % e19.length], u15 = c16[0] + (l17[0] - c16[0]) * o21, d12 = c16[1] + (l17[1] - c16[1]) * o21, f12 = (l17[0] - c16[0]) / r28, p11 = (l17[1] - c16[1]) / i24, m9 = Math.hypot(f12, p11) || 1;
           return {
-            x: u14,
+            x: u15,
             y: d12,
-            nx: p10 / m8,
-            ny: -f12 / m8
+            nx: p11 / m9,
+            ny: -f12 / m9
           };
         }
       }
@@ -1496,7 +1497,7 @@ var ye = {
 var J = 0.62;
 function be(e19, t25, n30, r28, i24, a22, o20) {
   if (i24 === "flat") return [t25];
-  let s18 = i24 === "out" ? 1 : -1, c16 = t25[0] - e19[0], l17 = t25[1] - e19[1], u14 = Math.hypot(c16, l17) || 1, d12 = c16 / u14, f12 = l17 / u14, p10 = (e19[0] + t25[0]) / 2, m8 = (e19[1] + t25[1]) / 2, h6 = p10 + n30 * s18 * a22 * J, g5 = m8 + r28 * s18 * a22 * J, _6 = a22 * Math.sqrt(Math.max(0, 1 - J * J)), v3 = [p10 - d12 * _6, m8 - f12 * _6], y4 = [p10 + d12 * _6, m8 + f12 * _6], b3 = [p10 + n30 * s18 * (a22 + a22 * (1 - J)), m8 + r28 * s18 * (a22 + a22 * (1 - J))], x3 = Math.hypot(v3[0] - h6, v3[1] - g5), S3 = Math.atan2(v3[1] - g5, v3[0] - h6), C3 = Math.atan2(y4[1] - g5, y4[0] - h6), w3 = Math.atan2(b3[1] - g5, b3[0] - h6), T3 = Math.PI * 2, E3 = ((w3 - S3) % T3 + T3) % T3, D3 = ((C3 - S3) % T3 + T3) % T3, O3 = E3 < D3 ? D3 : D3 - T3, k3 = [];
+  let s18 = i24 === "out" ? 1 : -1, c16 = t25[0] - e19[0], l17 = t25[1] - e19[1], u15 = Math.hypot(c16, l17) || 1, d12 = c16 / u15, f12 = l17 / u15, p11 = (e19[0] + t25[0]) / 2, m9 = (e19[1] + t25[1]) / 2, h6 = p11 + n30 * s18 * a22 * J, g5 = m9 + r28 * s18 * a22 * J, _6 = a22 * Math.sqrt(Math.max(0, 1 - J * J)), v3 = [p11 - d12 * _6, m9 - f12 * _6], y4 = [p11 + d12 * _6, m9 + f12 * _6], b3 = [p11 + n30 * s18 * (a22 + a22 * (1 - J)), m9 + r28 * s18 * (a22 + a22 * (1 - J))], x3 = Math.hypot(v3[0] - h6, v3[1] - g5), S3 = Math.atan2(v3[1] - g5, v3[0] - h6), C3 = Math.atan2(y4[1] - g5, y4[0] - h6), w3 = Math.atan2(b3[1] - g5, b3[0] - h6), T3 = Math.PI * 2, E3 = ((w3 - S3) % T3 + T3) % T3, D3 = ((C3 - S3) % T3 + T3) % T3, O3 = E3 < D3 ? D3 : D3 - T3, k3 = [];
   k3.push(v3);
   for (let e20 = 1; e20 <= o20; e20++) {
     let t26 = S3 + e20 / o20 * O3;
@@ -1509,8 +1510,8 @@ var xe = {
     let r28 = {
       ...ye,
       ...e19
-    }, i24 = Math.max(2, Math.min(r28.tabSize, 40)), a22 = Math.max(6, Math.floor(r28.arcSamples)), o20 = [0, 0], s18 = [100, 0], c16 = [100, 100], l17 = [0, 100], u14 = [o20];
-    return u14.push(...be(o20, s18, 0, -1, r28.top, i24, a22)), u14.push(...be(s18, c16, 1, 0, r28.right, i24, a22)), u14.push(...be(c16, l17, 0, 1, r28.bottom, i24, a22)), u14.push(...be(l17, o20, -1, 0, r28.left, i24, a22)), u14.length > 1 && u14[u14.length - 1][0] === o20[0] && u14[u14.length - 1][1] === o20[1] && u14.pop(), q(u14, t25, n30);
+    }, i24 = Math.max(2, Math.min(r28.tabSize, 40)), a22 = Math.max(6, Math.floor(r28.arcSamples)), o20 = [0, 0], s18 = [100, 0], c16 = [100, 100], l17 = [0, 100], u15 = [o20];
+    return u15.push(...be(o20, s18, 0, -1, r28.top, i24, a22)), u15.push(...be(s18, c16, 1, 0, r28.right, i24, a22)), u15.push(...be(c16, l17, 0, 1, r28.bottom, i24, a22)), u15.push(...be(l17, o20, -1, 0, r28.left, i24, a22)), u15.length > 1 && u15[u15.length - 1][0] === o20[0] && u15[u15.length - 1][1] === o20[1] && u15.pop(), q(u15, t25, n30);
   },
   defaults: ye,
   insets: {
@@ -1549,9 +1550,9 @@ function Te(e19 = {}) {
   let t25 = {
     ...Se,
     ...e19
-  }, n30 = Math.max(5, Math.min(t25.spikeR, 50)), r28 = Math.max(5, Math.min(t25.lobeR, 50 * Math.SQRT2)), i24 = Math.max(0, Math.min(t25.valleyR, Math.min(n30, r28))), a22 = Math.max(0.05, Math.min(t25.valleyAt, 0.95)), o20 = Math.max(0.2, t25.spikeCurvature), s18 = Math.max(-0.95, Math.min(t25.spikeBend, 0.95)), c16 = Math.max(0, Math.min(t25.spikeTipErosion, 1)), l17 = Math.max(0.2, t25.lobeCurvature), u14 = Math.max(-0.95, Math.min(t25.lobeBend, 0.95)), d12 = Math.max(0, Math.min(t25.lobeTipErosion, 1)), f12 = Math.max(0, t25.valleySmooth), p10 = t25.rotation * Math.PI / 180, m8 = Math.max(24, Math.floor(t25.samples)), h6 = [];
-  for (let e20 = 0; e20 < m8; e20++) {
-    let t26 = e20 / m8 * 2 * Math.PI, g5 = Math.abs(Math.sin(2 * (t26 - p10))), _6 = (a22 - g5) / a22, v3 = (g5 - a22) / (1 - a22), y4 = Ce(i24 + (n30 - i24) * we(Math.max(0, _6), o20, s18, c16), i24 + (r28 - i24) * we(Math.max(0, v3), l17, u14, d12), f12);
+  }, n30 = Math.max(5, Math.min(t25.spikeR, 50)), r28 = Math.max(5, Math.min(t25.lobeR, 50 * Math.SQRT2)), i24 = Math.max(0, Math.min(t25.valleyR, Math.min(n30, r28))), a22 = Math.max(0.05, Math.min(t25.valleyAt, 0.95)), o20 = Math.max(0.2, t25.spikeCurvature), s18 = Math.max(-0.95, Math.min(t25.spikeBend, 0.95)), c16 = Math.max(0, Math.min(t25.spikeTipErosion, 1)), l17 = Math.max(0.2, t25.lobeCurvature), u15 = Math.max(-0.95, Math.min(t25.lobeBend, 0.95)), d12 = Math.max(0, Math.min(t25.lobeTipErosion, 1)), f12 = Math.max(0, t25.valleySmooth), p11 = t25.rotation * Math.PI / 180, m9 = Math.max(24, Math.floor(t25.samples)), h6 = [];
+  for (let e20 = 0; e20 < m9; e20++) {
+    let t26 = e20 / m9 * 2 * Math.PI, g5 = Math.abs(Math.sin(2 * (t26 - p11))), _6 = (a22 - g5) / a22, v3 = (g5 - a22) / (1 - a22), y4 = Ce(i24 + (n30 - i24) * we(Math.max(0, _6), o20, s18, c16), i24 + (r28 - i24) * we(Math.max(0, v3), l17, u15, d12), f12);
     h6.push([50 + y4 * Math.cos(t26), 50 + y4 * Math.sin(t26)]);
   }
   return h6;
@@ -1690,8 +1691,8 @@ function je(e19, t25) {
   for (; a22 < i24 - 1 && n30[a22 + 1].s <= e19; ) a22++;
   let o20 = n30[a22], s18 = n30[a22 + 1], c16 = s18.s - o20.s;
   if (c16 <= 0) return o20.r;
-  let l17 = (s18.s - e19) / c16, u14 = (e19 - o20.s) / c16, d12 = (l17 * l17 * l17 - l17) * c16 * c16 / 6, f12 = (u14 * u14 * u14 - u14) * c16 * c16 / 6;
-  return l17 * o20.r + u14 * s18.r + (d12 * r28[a22] * o20.w + f12 * r28[a22 + 1] * s18.w);
+  let l17 = (s18.s - e19) / c16, u15 = (e19 - o20.s) / c16, d12 = (l17 * l17 * l17 - l17) * c16 * c16 / 6, f12 = (u15 * u15 * u15 - u15) * c16 * c16 / 6;
+  return l17 * o20.r + u15 * s18.r + (d12 * r28[a22] * o20.w + f12 * r28[a22 + 1] * s18.w);
 }
 var Me = {
   build: (e19, t25, n30) => {
@@ -1702,8 +1703,8 @@ var Me = {
     for (let e20 = 0; e20 < o20; e20++) {
       let t26 = e20 / o20 * 2 * Math.PI, n31 = t26 - a22, l17;
       l17 = r28.mode === "quadrant" ? (n31 % c16 + c16) % c16 / c16 : Math.abs(Math.sin(2 * n31));
-      let u14 = je(l17, i24);
-      s18.push([50 + u14 * Math.cos(t26), 50 + u14 * Math.sin(t26)]);
+      let u15 = je(l17, i24);
+      s18.push([50 + u15 * Math.cos(t26), 50 + u15 * Math.sin(t26)]);
     }
     return q(s18, t25, n30);
   },
@@ -1872,14 +1873,14 @@ function ze(e19) {
   };
 }
 function Be(e19, t25) {
-  let { extended: n30, knots: r28, degree: i24 } = t25, a22 = n30.length, o20 = Math.max(0, Math.min(1, e19)), s18 = Le(o20, r28, i24, a22), c16 = Re(s18, o20, r28, i24), l17 = 0, u14 = 0, d12 = 0;
+  let { extended: n30, knots: r28, degree: i24 } = t25, a22 = n30.length, o20 = Math.max(0, Math.min(1, e19)), s18 = Le(o20, r28, i24, a22), c16 = Re(s18, o20, r28, i24), l17 = 0, u15 = 0, d12 = 0;
   for (let e20 = 0; e20 <= i24; e20++) {
     let t26 = n30[s18 - i24 + e20], r29 = t26.w * c16[e20];
-    l17 += r29 * t26.s, u14 += r29 * t26.r, d12 += r29;
+    l17 += r29 * t26.s, u15 += r29 * t26.r, d12 += r29;
   }
   return d12 > 0 ? {
     s: l17 / d12,
-    r: u14 / d12
+    r: u15 / d12
   } : {
     s: 0,
     r: 0
@@ -1904,8 +1905,8 @@ var He = {
     for (let e20 = 0; e20 < o20; e20++) {
       let t26 = e20 / o20 * 2 * Math.PI, n31 = t26 - a22, l17;
       l17 = r28.mode === "quadrant" ? (n31 % c16 + c16) % c16 / c16 : Math.abs(Math.sin(2 * n31));
-      let u14 = Ve(l17, i24);
-      s18.push([50 + u14 * Math.cos(t26), 50 + u14 * Math.sin(t26)]);
+      let u15 = Ve(l17, i24);
+      s18.push([50 + u15 * Math.cos(t26), 50 + u15 * Math.sin(t26)]);
     }
     return q(s18, t25, n30);
   },
@@ -2050,18 +2051,18 @@ var Ye = {
           ny: 0
         });
       }
-      let u14 = [0];
+      let u15 = [0];
       for (let e20 = 1; e20 < l17.length; e20++) {
         let t26 = l17[e20 - 1], n31 = l17[e20], r29 = (n31.x - t26.x) / s18, i25 = (n31.y - t26.y) / c16;
-        u14.push(u14[e20 - 1] + Math.hypot(r29, i25));
+        u15.push(u15[e20 - 1] + Math.hypot(r29, i25));
       }
-      let d12 = l17[l17.length - 1], f12 = l17[0], p10 = Math.hypot((f12.x - d12.x) / s18, (f12.y - d12.y) / c16), m8 = u14[u14.length - 1] + p10;
+      let d12 = l17[l17.length - 1], f12 = l17[0], p11 = Math.hypot((f12.x - d12.x) / s18, (f12.y - d12.y) / c16), m9 = u15[u15.length - 1] + p11;
       return {
         bodyPath: l17.reduce((e20, t26, n31) => e20 + (n31 === 0 ? `M ${t26.x.toFixed(3)} ${t26.y.toFixed(3)}` : ` L ${t26.x.toFixed(3)} ${t26.y.toFixed(3)}`), "") + " Z",
         perimeterAt: (e20) => {
-          let t26 = (e20 % m8 + m8) % m8;
-          for (let e21 = 1; e21 < l17.length; e21++) if (t26 <= u14[e21]) {
-            let n32 = u14[e21] - u14[e21 - 1], r30 = n32 > 0 ? (t26 - u14[e21 - 1]) / n32 : 0, i26 = l17[e21 - 1], a23 = l17[e21];
+          let t26 = (e20 % m9 + m9) % m9;
+          for (let e21 = 1; e21 < l17.length; e21++) if (t26 <= u15[e21]) {
+            let n32 = u15[e21] - u15[e21 - 1], r30 = n32 > 0 ? (t26 - u15[e21 - 1]) / n32 : 0, i26 = l17[e21 - 1], a23 = l17[e21];
             return {
               x: i26.x + (a23.x - i26.x) * r30,
               y: i26.y + (a23.y - i26.y) * r30,
@@ -2069,7 +2070,7 @@ var Ye = {
               ny: a23.ny
             };
           }
-          let n31 = l17.length - 1, r29 = p10, i25 = r29 > 0 ? (t26 - u14[n31]) / r29 : 0;
+          let n31 = l17.length - 1, r29 = p11, i25 = r29 > 0 ? (t26 - u15[n31]) / r29 : 0;
           return {
             x: l17[n31].x + (f12.x - l17[n31].x) * i25,
             y: l17[n31].y + (f12.y - l17[n31].y) * i25,
@@ -2077,20 +2078,20 @@ var Ye = {
             ny: 1
           };
         },
-        totalCss: m8
+        totalCss: m9
       };
     },
     defaults: Y,
     insets: (e19) => {
       let t25 = e19?.depth ?? Y.depth, n30 = e19?.leftEdge ?? Y.leftEdge, r28 = e19?.rightEdge ?? Y.rightEdge, i24 = Je(n30), a22 = Je(r28), o20 = 0, s18 = 0, c16 = 0, l17 = 0;
       for (let e20 = 0; e20 <= 32; e20++) {
-        let n31 = e20 / 32, r29 = i24(n31, t25), u15 = a22(n31, t25), d13 = e20 === 0 || e20 === 32 ? 0.5 : 1;
-        o20 += d13 * r29 / 32, s18 += d13 * u15 / 32, r29 > c16 && (c16 = r29), -u15 > l17 && (l17 = -u15);
+        let n31 = e20 / 32, r29 = i24(n31, t25), u16 = a22(n31, t25), d13 = e20 === 0 || e20 === 32 ? 0.5 : 1;
+        o20 += d13 * r29 / 32, s18 += d13 * u16 / 32, r29 > c16 && (c16 = r29), -u16 > l17 && (l17 = -u16);
       }
-      let u14 = (o20 + s18) / 2, d12 = Math.max(c16, t25 + u14);
+      let u15 = (o20 + s18) / 2, d12 = Math.max(c16, t25 + u15);
       return {
         top: 0,
-        right: Math.max(l17, t25 - u14),
+        right: Math.max(l17, t25 - u15),
         bottom: 0,
         left: d12
       };
@@ -2124,18 +2125,18 @@ var Ze = {
       dx: 0,
       dy: 0
     };
-    let s18 = r28 / Math.max(3, Math.floor(a22.count)), c16 = Math.max(0.1, Math.min(s18 / 2 - 0.05, a22.baseWidth / 2)), l17 = n30 * s18, u14 = (e19 % r28 + r28) % r28, d12 = Math.round((u14 - l17) / s18), f12 = ((d12 * s18 + l17) % r28 + r28) % r28, p10 = u14 - f12;
-    if (p10 > r28 / 2 && (p10 -= r28), p10 < -r28 / 2 && (p10 += r28), Math.abs(p10) > c16) return {
+    let s18 = r28 / Math.max(3, Math.floor(a22.count)), c16 = Math.max(0.1, Math.min(s18 / 2 - 0.05, a22.baseWidth / 2)), l17 = n30 * s18, u15 = (e19 % r28 + r28) % r28, d12 = Math.round((u15 - l17) / s18), f12 = ((d12 * s18 + l17) % r28 + r28) % r28, p11 = u15 - f12;
+    if (p11 > r28 / 2 && (p11 -= r28), p11 < -r28 / 2 && (p11 += r28), Math.abs(p11) > c16) return {
       dx: 0,
       dy: 0
     };
-    let m8 = 1 - Math.abs(p10) / c16, h6 = i24(f12), g5 = h6.nx, _6 = h6.ny, v3 = Math.abs(h6.nx), y4 = Math.abs(h6.ny), b3 = Math.min(1, 2 * v3 * y4), x3 = (y4 > v3 ? a22.vertScale : a22.horzScale) * (1 - b3) + a22.diagonalScale * b3, S3 = 1 + a22.irregularity * 0.5 * Math.sin(d12 * 1.73 + 0.7), C3 = Math.max(s18 * 0.5, c16), w3 = 0;
+    let m9 = 1 - Math.abs(p11) / c16, h6 = i24(f12), g5 = h6.nx, _6 = h6.ny, v3 = Math.abs(h6.nx), y4 = Math.abs(h6.ny), b3 = Math.min(1, 2 * v3 * y4), x3 = (y4 > v3 ? a22.vertScale : a22.horzScale) * (1 - b3) + a22.diagonalScale * b3, S3 = 1 + a22.irregularity * 0.5 * Math.sin(d12 * 1.73 + 0.7), C3 = Math.max(s18 * 0.5, c16), w3 = 0;
     for (let e20 = 0; e20 < 5; e20++) {
       let t26 = (e20 + 0.5) / 5, n31 = f12 - C3 + t26 * 2 * C3 - C3 / 5, r29 = f12 - C3 + t26 * 2 * C3 + C3 / 5, a23 = i24(n31), o21 = i24(r29);
       w3 += Math.hypot(o21.nx - a23.nx, o21.ny - a23.ny) / (r29 - n31);
     }
     w3 /= 5;
-    let T3 = a22.length * x3 * S3 * m8, E3 = Math.max(0, Math.min(a22.cornerCompensation, 1)), D3 = Math.max(0, T3 / (1 + E3 * w3 * T3)) * o20;
+    let T3 = a22.length * x3 * S3 * m9, E3 = Math.max(0, Math.min(a22.cornerCompensation, 1)), D3 = Math.max(0, T3 / (1 + E3 * w3 * T3)) * o20;
     return {
       dx: g5 * D3,
       dy: _6 * D3
@@ -2158,12 +2159,12 @@ var $e = {
       dx: 0,
       dy: 0
     };
-    let s18 = r28 / Math.max(2, Math.round(r28 / Math.max(6, a22.bumpWidth))), c16 = n30 * s18, l17 = (e19 % r28 + r28) % r28, u14 = Math.floor((l17 - c16) / s18), d12 = (l17 - (u14 * s18 + c16)) / s18;
+    let s18 = r28 / Math.max(2, Math.round(r28 / Math.max(6, a22.bumpWidth))), c16 = n30 * s18, l17 = (e19 % r28 + r28) % r28, u15 = Math.floor((l17 - c16) / s18), d12 = (l17 - (u15 * s18 + c16)) / s18;
     d12 < 0 && (d12 += 1), d12 > 1 && --d12;
-    let f12 = Math.max(0, Math.min(a22.irregularity, 1)), p10 = Math.max(0.5, a22.puffiness) * (1 + f12 * 0.55 * Math.sin(u14 * 1.73 + 0.7)) * Math.sin(Math.PI * d12) * o20, m8 = i24(e19);
+    let f12 = Math.max(0, Math.min(a22.irregularity, 1)), p11 = Math.max(0.5, a22.puffiness) * (1 + f12 * 0.55 * Math.sin(u15 * 1.73 + 0.7)) * Math.sin(Math.PI * d12) * o20, m9 = i24(e19);
     return {
-      dx: m8.nx * p10,
-      dy: m8.ny * p10
+      dx: m9.nx * p11,
+      dy: m9.ny * p11
     };
   },
   defaults: Qe
@@ -2183,14 +2184,14 @@ var tt = {
       dx: 0,
       dy: 0
     };
-    let s18 = Math.max(0.5, a22.biteRadius), c16 = Math.max(2 * s18 + 0.5, a22.biteSpacing), l17 = r28 / Math.max(2, Math.floor(r28 / c16)), u14 = n30 * l17, d12 = (e19 % r28 + r28) % r28, f12 = Math.round((d12 - u14) / l17), p10 = d12 - ((f12 * l17 + u14) % r28 + r28) % r28;
-    p10 > r28 / 2 && (p10 -= r28), p10 < -r28 / 2 && (p10 += r28);
-    let m8 = s18 * (1 + Math.max(0, Math.min(a22.irregularity, 1)) * 0.55 * Math.sin(f12 * 1.73 + 0.7));
-    if (Math.abs(p10) > m8) return {
+    let s18 = Math.max(0.5, a22.biteRadius), c16 = Math.max(2 * s18 + 0.5, a22.biteSpacing), l17 = r28 / Math.max(2, Math.floor(r28 / c16)), u15 = n30 * l17, d12 = (e19 % r28 + r28) % r28, f12 = Math.round((d12 - u15) / l17), p11 = d12 - ((f12 * l17 + u15) % r28 + r28) % r28;
+    p11 > r28 / 2 && (p11 -= r28), p11 < -r28 / 2 && (p11 += r28);
+    let m9 = s18 * (1 + Math.max(0, Math.min(a22.irregularity, 1)) * 0.55 * Math.sin(f12 * 1.73 + 0.7));
+    if (Math.abs(p11) > m9) return {
       dx: 0,
       dy: 0
     };
-    let h6 = 1 - Math.abs(p10) / m8, g5 = -m8 * h6, _6 = i24(e19);
+    let h6 = 1 - Math.abs(p11) / m9, g5 = -m9 * h6, _6 = i24(e19);
     return {
       dx: _6.nx * g5 * o20,
       dy: _6.ny * g5 * o20
@@ -2213,14 +2214,14 @@ var rt = {
       dx: 0,
       dy: 0
     };
-    let s18 = Math.max(0.5, a22.scallopRadius), c16 = Math.max(2 * s18 + 0.5, a22.scallopSpacing), l17 = r28 / Math.max(2, Math.floor(r28 / c16)), u14 = n30 * l17, d12 = (e19 % r28 + r28) % r28, f12 = Math.round((d12 - u14) / l17), p10 = d12 - ((f12 * l17 + u14) % r28 + r28) % r28;
-    p10 > r28 / 2 && (p10 -= r28), p10 < -r28 / 2 && (p10 += r28);
-    let m8 = s18 * (1 + Math.max(0, Math.min(a22.irregularity, 1)) * 0.55 * Math.sin(f12 * 1.73 + 0.7));
-    if (Math.abs(p10) > m8) return {
+    let s18 = Math.max(0.5, a22.scallopRadius), c16 = Math.max(2 * s18 + 0.5, a22.scallopSpacing), l17 = r28 / Math.max(2, Math.floor(r28 / c16)), u15 = n30 * l17, d12 = (e19 % r28 + r28) % r28, f12 = Math.round((d12 - u15) / l17), p11 = d12 - ((f12 * l17 + u15) % r28 + r28) % r28;
+    p11 > r28 / 2 && (p11 -= r28), p11 < -r28 / 2 && (p11 += r28);
+    let m9 = s18 * (1 + Math.max(0, Math.min(a22.irregularity, 1)) * 0.55 * Math.sin(f12 * 1.73 + 0.7));
+    if (Math.abs(p11) > m9) return {
       dx: 0,
       dy: 0
     };
-    let h6 = (p10 + m8) / (2 * m8), g5 = m8 * Math.sin(Math.PI * h6) * o20, _6 = i24(e19);
+    let h6 = (p11 + m9) / (2 * m9), g5 = m9 * Math.sin(Math.PI * h6) * o20, _6 = i24(e19);
     return {
       dx: _6.nx * g5,
       dy: _6.ny * g5
@@ -2251,9 +2252,9 @@ var ct = {
     let l17 = {
       ...it,
       ...c16
-    }, u14 = useId(), d12 = 100 / n30, f12 = 100 / r28, p10 = ot(l17.lightFrom), m8 = e19.totalCss, h6 = [], g5 = [];
+    }, u15 = useId(), d12 = 100 / n30, f12 = 100 / r28, p11 = ot(l17.lightFrom), m9 = e19.totalCss, h6 = [], g5 = [];
     for (let t25 = 0; t25 < st; t25++) {
-      let n31 = e19.perimeterAt(t25 / st * m8);
+      let n31 = e19.perimeterAt(t25 / st * m9);
       h6.push({
         x: n31.x,
         y: n31.y,
@@ -2280,12 +2281,12 @@ var ct = {
       return i25 + " Z";
     };
     return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", {
-      id: u14,
+      id: u15,
       children: /* @__PURE__ */ jsx("path", { d: e19.bodyPath })
     }) }), /* @__PURE__ */ jsx("g", {
-      clipPath: `url(#${u14})`,
+      clipPath: `url(#${u15})`,
       children: _6.map((e20, t25) => /* @__PURE__ */ jsx("path", {
-        className: p10[e20.side],
+        className: p11[e20.side],
         d: y4(e20)
       }, t25))
     })] });
@@ -2329,7 +2330,7 @@ var dt = {
     let i24 = {
       ...lt,
       ...r28
-    }, c16 = useId(), l17 = useId(), u14 = Math.max(0, Math.min(i24.intensity, 1));
+    }, c16 = useId(), l17 = useId(), u15 = Math.max(0, Math.min(i24.intensity, 1));
     return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("defs", { children: [/* @__PURE__ */ jsx("clipPath", {
       id: l17,
       children: /* @__PURE__ */ jsx("path", { d: e19.bodyPath })
@@ -2340,7 +2341,7 @@ var dt = {
         /* @__PURE__ */ jsx("stop", {
           offset: "0%",
           stopColor: "black",
-          stopOpacity: u14
+          stopOpacity: u15
         }),
         /* @__PURE__ */ jsx("stop", {
           offset: "45%",
@@ -2355,7 +2356,7 @@ var dt = {
         /* @__PURE__ */ jsx("stop", {
           offset: "100%",
           stopColor: "white",
-          stopOpacity: u14
+          stopOpacity: u15
         })
       ]
     })] }), /* @__PURE__ */ jsx("rect", {
@@ -2382,32 +2383,32 @@ var pt = {
     let i24 = {
       ...ft,
       ...r28
-    }, c16 = 100 / e19, l17 = 100 / t25, u14 = i24.radius * c16, d12 = i24.radius * l17, f12 = i24.inset * c16, p10 = i24.inset * l17, m8 = i24.lightFrom[1] === "l" ? -i24.radius * 0.32 : i24.radius * 0.32, h6 = i24.lightFrom[0] === "t" ? -i24.radius * 0.32 : i24.radius * 0.32;
+    }, c16 = 100 / e19, l17 = 100 / t25, u15 = i24.radius * c16, d12 = i24.radius * l17, f12 = i24.inset * c16, p11 = i24.inset * l17, m9 = i24.lightFrom[1] === "l" ? -i24.radius * 0.32 : i24.radius * 0.32, h6 = i24.lightFrom[0] === "t" ? -i24.radius * 0.32 : i24.radius * 0.32;
     return /* @__PURE__ */ jsx(Fragment, { children: [
-      [f12, p10],
-      [100 - f12, p10],
-      [f12, 100 - p10],
-      [100 - f12, 100 - p10]
+      [f12, p11],
+      [100 - f12, p11],
+      [f12, 100 - p11],
+      [100 - f12, 100 - p11]
     ].map(([e20, t26], n31) => /* @__PURE__ */ jsxs("g", { children: [
       /* @__PURE__ */ jsx("ellipse", {
         className: "badge-bevel-dark",
         cx: e20,
         cy: t26,
-        rx: u14,
+        rx: u15,
         ry: d12
       }),
       /* @__PURE__ */ jsx("ellipse", {
         className: "badge-bevel-medium-dark",
-        cx: e20 - m8 * 0.6 * c16,
+        cx: e20 - m9 * 0.6 * c16,
         cy: t26 - h6 * 0.6 * l17,
-        rx: u14 * 0.75,
+        rx: u15 * 0.75,
         ry: d12 * 0.75
       }),
       /* @__PURE__ */ jsx("ellipse", {
         className: "badge-bevel-light",
-        cx: e20 + m8 * c16,
+        cx: e20 + m9 * c16,
         cy: t26 + h6 * l17,
-        rx: u14 * 0.45,
+        rx: u15 * 0.45,
         ry: d12 * 0.45
       })
     ] }, n31)) });
@@ -2456,10 +2457,10 @@ var vt = {
       let t25 = (e20 + 1) / (i24.lines + 1) * 100, n31 = _t(e20 * 2 + 1) * 4, r29 = _t(e20 * 2 + 2) * 4;
       l17.push(`M -5 ${t25.toFixed(2)} Q 35 ${(t25 + n31).toFixed(2)} 60 ${t25.toFixed(2)} T 105 ${(t25 + r29).toFixed(2)}`);
     }
-    let u14 = [];
+    let u15 = [];
     for (let e20 = 0; e20 < i24.knots; e20++) {
       let t25 = 30 + _t(e20 * 3 + 0.7) * 30 + 20, n31 = 50 + _t(e20 * 3 + 1.3) * 30;
-      u14.push([t25, n31]);
+      u15.push([t25, n31]);
     }
     return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", {
       id: c16,
@@ -2472,7 +2473,7 @@ var vt = {
         className: "badge-stroke",
         d: e20,
         fill: "none"
-      }, `l${t25}`)), u14.map(([e20, t25], n31) => /* @__PURE__ */ jsxs("g", { children: [/* @__PURE__ */ jsx("ellipse", {
+      }, `l${t25}`)), u15.map(([e20, t25], n31) => /* @__PURE__ */ jsxs("g", { children: [/* @__PURE__ */ jsx("ellipse", {
         className: "badge-stroke",
         cx: e20,
         cy: t25,
@@ -2501,8 +2502,8 @@ var bt = {
     let i24 = {
       ...yt,
       ...r28
-    }, s18 = 100 / t25, c16 = 100 / n30, l17 = e19.totalCss, u14 = Math.max(2, Math.round(l17 / Math.max(2 * i24.holeRadius, i24.holeSpacing))), d12 = l17 / u14, f12 = [];
-    for (let t26 = 0; t26 < u14; t26++) {
+    }, s18 = 100 / t25, c16 = 100 / n30, l17 = e19.totalCss, u15 = Math.max(2, Math.round(l17 / Math.max(2 * i24.holeRadius, i24.holeSpacing))), d12 = l17 / u15, f12 = [];
+    for (let t26 = 0; t26 < u15; t26++) {
       let n31 = (t26 + 0.5) * d12;
       if (Z(n31, l17, r28?.range) === 0) continue;
       let i25 = e19.perimeterAt(n31);
@@ -2511,12 +2512,12 @@ var bt = {
         cy: i25.y
       });
     }
-    let p10 = i24.holeRadius * s18, m8 = i24.holeRadius * c16;
+    let p11 = i24.holeRadius * s18, m9 = i24.holeRadius * c16;
     return /* @__PURE__ */ jsx(Fragment, { children: f12.map((e20, t26) => /* @__PURE__ */ jsx("ellipse", {
       cx: e20.cx,
       cy: e20.cy,
-      rx: p10,
-      ry: m8,
+      rx: p11,
+      ry: m9,
       fill: "black"
     }, t26)) });
   },
@@ -2549,9 +2550,9 @@ var wt = {
     let l17 = {
       ...xt,
       ...c16
-    }, u14 = useId(), d12 = 100 / n30, f12 = 100 / r28, p10 = e19.totalCss, { lx: m8, ly: h6 } = Ct(l17.lightFrom), g5 = [], _6 = [];
+    }, u15 = useId(), d12 = 100 / n30, f12 = 100 / r28, p11 = e19.totalCss, { lx: m9, ly: h6 } = Ct(l17.lightFrom), g5 = [], _6 = [];
     for (let t25 = 0; t25 < Q; t25++) {
-      let n31 = e19.perimeterAt(t25 / Q * p10), r29 = -(n31.nx * m8 + n31.ny * h6), i25 = Math.max(0, Math.min((r29 + 1) / 2, 0.9999)), a22 = Math.floor(i25 * St.length);
+      let n31 = e19.perimeterAt(t25 / Q * p11), r29 = -(n31.nx * m9 + n31.ny * h6), i25 = Math.max(0, Math.min((r29 + 1) / 2, 0.9999)), a22 = Math.floor(i25 * St.length);
       g5.push({
         x: n31.x,
         y: n31.y,
@@ -2580,10 +2581,10 @@ var wt = {
       return l18 + " Z";
     };
     return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", {
-      id: u14,
+      id: u15,
       children: /* @__PURE__ */ jsx("path", { d: e19.bodyPath })
     }) }), /* @__PURE__ */ jsx("g", {
-      clipPath: `url(#${u14})`,
+      clipPath: `url(#${u15})`,
       children: v3.map((e20, t25) => /* @__PURE__ */ jsx("path", {
         className: St[e20.bucket],
         d: b3(e20)
@@ -2638,9 +2639,9 @@ var Ot = {
     let c16 = {
       ...Dt,
       ...i24
-    }, l17 = useId(), u14 = useId(), d12 = useId(), f12 = 100 / n30, p10 = 100 / r28, m8 = Math.max(0, Math.min(c16.irregularity, 1)), h6 = (e20) => 1 + m8 * 0.45 * Math.sin(e20 * 1.73 + 0.7), g5 = (e20) => 1 + m8 * 0.5 * Math.sin(e20 * 2.31 + 1.3), _6 = (e20) => m8 * 8 * Math.sin(e20 * 3.07 + 0.4), v3 = c16.width * f12, y4 = c16.gap * f12, b3 = c16.offset * f12, x3 = 50 - (c16.count * v3 + (c16.count - 1) * y4) / 2 + b3, S3 = [];
+    }, l17 = useId(), u15 = useId(), d12 = useId(), f12 = 100 / n30, p11 = 100 / r28, m9 = Math.max(0, Math.min(c16.irregularity, 1)), h6 = (e20) => 1 + m9 * 0.45 * Math.sin(e20 * 1.73 + 0.7), g5 = (e20) => 1 + m9 * 0.5 * Math.sin(e20 * 2.31 + 1.3), _6 = (e20) => m9 * 8 * Math.sin(e20 * 3.07 + 0.4), v3 = c16.width * f12, y4 = c16.gap * f12, b3 = c16.offset * f12, x3 = 50 - (c16.count * v3 + (c16.count - 1) * y4) / 2 + b3, S3 = [];
     for (let e20 = 0; e20 < c16.count; e20++) {
-      let t25 = v3 * h6(e20), n31 = x3, r29 = x3 + t25, i25 = Math.tan((c16.angle + _6(e20)) * Math.PI / 180) * (f12 / p10) * 200 / 2, a22 = [
+      let t25 = v3 * h6(e20), n31 = x3, r29 = x3 + t25, i25 = Math.tan((c16.angle + _6(e20)) * Math.PI / 180) * (f12 / p11) * 200 / 2, a22 = [
         [n31 + i25, -50],
         [r29 + i25, -50],
         [r29 - i25, 150],
@@ -2704,7 +2705,7 @@ var Ot = {
         }, t25))
       }),
       /* @__PURE__ */ jsx("mask", {
-        id: u14,
+        id: u15,
         maskUnits: "userSpaceOnUse",
         x: "0",
         y: "0",
@@ -2720,7 +2721,7 @@ var Ot = {
       })
     ] }), /* @__PURE__ */ jsx("g", {
       clipPath: `url(#${l17})`,
-      mask: `url(#${u14})`,
+      mask: `url(#${u15})`,
       children: S3.map((e20, t25) => /* @__PURE__ */ jsx("polygon", {
         points: e20.points,
         fill: c16.color,
@@ -2754,23 +2755,23 @@ var jt = {
     let l17 = {
       ...kt,
       ...c16
-    }, u14 = useId(), d12 = useId(), f12 = useId(), p10 = e19.totalCss, m8 = [], h6 = null;
+    }, u15 = useId(), d12 = useId(), f12 = useId(), p11 = e19.totalCss, m9 = [], h6 = null;
     for (let t25 = 0; t25 < At; t25++) {
-      let n31 = t25 / At * p10, r29 = e19.perimeterAt(n31);
-      r29.ny < 0 ? (h6 || (h6 = [], m8.push(h6)), h6.push({
+      let n31 = t25 / At * p11, r29 = e19.perimeterAt(n31);
+      r29.ny < 0 ? (h6 || (h6 = [], m9.push(h6)), h6.push({
         x: r29.x,
         y: r29.y
       })) : h6 = null;
     }
-    if (m8.length > 1) {
-      let t25 = e19.perimeterAt(0), n31 = e19.perimeterAt((At - 1) / At * p10);
+    if (m9.length > 1) {
+      let t25 = e19.perimeterAt(0), n31 = e19.perimeterAt((At - 1) / At * p11);
       if (t25.ny < 0 && n31.ny < 0) {
-        let e20 = m8.shift();
-        m8[m8.length - 1].push(...e20);
+        let e20 = m9.shift();
+        m9[m9.length - 1].push(...e20);
       }
     }
     let g5 = [];
-    for (let e20 of m8) {
+    for (let e20 of m9) {
       if (e20.length < 2) continue;
       let t25 = `M ${e20[0].x.toFixed(3)} ${e20[0].y.toFixed(3)}`;
       for (let n31 = 1; n31 < e20.length; n31++) t25 += ` L ${e20[n31].x.toFixed(3)} ${e20[n31].y.toFixed(3)}`;
@@ -2780,7 +2781,7 @@ var jt = {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs("defs", { children: [
         /* @__PURE__ */ jsxs("linearGradient", {
-          id: u14,
+          id: u15,
           x1: "0%",
           y1: "0%",
           x2: "0%",
@@ -2860,7 +2861,7 @@ var jt = {
       ] }),
       /* @__PURE__ */ jsx("path", {
         d: e19.bodyPath,
-        fill: `url(#${u14})`,
+        fill: `url(#${u15})`,
         style: { pointerEvents: "none" }
       }),
       /* @__PURE__ */ jsx("rect", {
@@ -2932,16 +2933,16 @@ var $ = {
       let l17 = {
         ...Mt,
         ...c16
-      }, u14 = Math.max(0, Math.min(l17.specularity, 1)), d12 = useId(), f12 = useId(), p10 = useId(), m8 = e19.totalCss, h6 = [], g5 = null;
+      }, u15 = Math.max(0, Math.min(l17.specularity, 1)), d12 = useId(), f12 = useId(), p11 = useId(), m9 = e19.totalCss, h6 = [], g5 = null;
       for (let t25 = 0; t25 < Nt; t25++) {
-        let n31 = t25 / Nt * m8, r29 = e19.perimeterAt(n31);
+        let n31 = t25 / Nt * m9, r29 = e19.perimeterAt(n31);
         r29.ny < 0 ? (g5 || (g5 = [], h6.push(g5)), g5.push({
           x: r29.x,
           y: r29.y
         })) : g5 = null;
       }
       if (h6.length > 1) {
-        let t25 = e19.perimeterAt(0), n31 = e19.perimeterAt((Nt - 1) / Nt * m8);
+        let t25 = e19.perimeterAt(0), n31 = e19.perimeterAt((Nt - 1) / Nt * m9);
         if (t25.ny < 0 && n31.ny < 0) {
           let e20 = h6.shift();
           h6[h6.length - 1].push(...e20);
@@ -2954,7 +2955,7 @@ var $ = {
         for (let n31 = 1; n31 < e20.length; n31++) t25 += ` L ${e20[n31].x.toFixed(3)} ${e20[n31].y.toFixed(3)}`;
         _6.push(t25);
       }
-      let v3 = 100 / n30, y4 = 100 / r28, b3 = Math.max(v3, y4), x3 = l17.bezelWidth * b3, S3 = l17.rimWidth * b3, C3 = Math.max(0, l17.equator - l17.equatorSpread), w3 = Math.min(100, l17.equator + l17.equatorSpread), T3 = 100 - Math.round(u14 * 85), E3 = `color-mix(in srgb, ${l17.accent} ${T3}%, white)`, D3 = `color-mix(in srgb, ${l17.accent} ${l17.topDarkness}%, black)`, O3 = `color-mix(in srgb, ${l17.accent} ${l17.baseDarkness}%, black)`, k3 = 100 - Math.round(u14 * 50), A3 = 100 - Math.round(u14 * 30), j3 = `color-mix(in srgb, ${l17.accent} ${k3}%, white)`, M3 = `color-mix(in srgb, ${l17.accent} ${A3}%, white)`, N3 = l17.glossAlphaTop * u14, P3 = l17.bezelAlpha * (0.4 + 0.6 * u14), F3 = l17.rimAlpha * (0.6 + 0.4 * u14);
+      let v3 = 100 / n30, y4 = 100 / r28, b3 = Math.max(v3, y4), x3 = l17.bezelWidth * b3, S3 = l17.rimWidth * b3, C3 = Math.max(0, l17.equator - l17.equatorSpread), w3 = Math.min(100, l17.equator + l17.equatorSpread), T3 = 100 - Math.round(u15 * 85), E3 = `color-mix(in srgb, ${l17.accent} ${T3}%, white)`, D3 = `color-mix(in srgb, ${l17.accent} ${l17.topDarkness}%, black)`, O3 = `color-mix(in srgb, ${l17.accent} ${l17.baseDarkness}%, black)`, k3 = 100 - Math.round(u15 * 50), A3 = 100 - Math.round(u15 * 30), j3 = `color-mix(in srgb, ${l17.accent} ${k3}%, white)`, M3 = `color-mix(in srgb, ${l17.accent} ${A3}%, white)`, N3 = l17.glossAlphaTop * u15, P3 = l17.bezelAlpha * (0.4 + 0.6 * u15), F3 = l17.rimAlpha * (0.6 + 0.4 * u15);
       return /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxs("defs", { children: [
           /* @__PURE__ */ jsxs("linearGradient", {
@@ -3007,7 +3008,7 @@ var $ = {
             })]
           }),
           /* @__PURE__ */ jsx("clipPath", {
-            id: p10,
+            id: p11,
             children: /* @__PURE__ */ jsx("path", { d: e19.bodyPath })
           })
         ] }),
@@ -3022,7 +3023,7 @@ var $ = {
           width: "100",
           height: l17.glossExtent,
           fill: `url(#${f12})`,
-          clipPath: `url(#${p10})`,
+          clipPath: `url(#${p11})`,
           style: { pointerEvents: "none" }
         }),
         _6.map((e20, t25) => /* @__PURE__ */ jsx("path", {
@@ -3054,7 +3055,7 @@ function Pt(e19) {
   return e19.as ? e19.as : e19.href ? "a" : e19.onClick ? "button" : "span";
 }
 function Ft(l17) {
-  let { shape: u14 = "pill", tone: d12 = "neutral", variant: f12 = "outline", size: p10 = "sm", onClick: m8, onRemove: h6, removeLabel: g5, href: _6, children: v3, className: y4, shapeParams: b3, bloat: x3, padding: S3, style: C3, breakStyle: w3, crawl: T3, base: E3, baseParams: D3, effects: O3 } = l17, k3 = l17["aria-label"], A3 = Pt(l17), [j3, M3] = useState(false), [N3, P3] = useState(0), F3 = pe[u14] ?? pe.pill, ee2 = pe[u14] ? u14 : "pill", I3 = F3.Component, te2 = {
+  let { shape: u15 = "pill", tone: d12 = "neutral", variant: f12 = "outline", size: p11 = "sm", onClick: m9, onRemove: h6, removeLabel: g5, href: _6, children: v3, className: y4, shapeParams: b3, bloat: x3, padding: S3, style: C3, breakStyle: w3, crawl: T3, base: E3, baseParams: D3, effects: O3 } = l17, k3 = l17["aria-label"], A3 = Pt(l17), [j3, M3] = useState(false), [N3, P3] = useState(0), F3 = pe[u15] ?? pe.pill, ee2 = pe[u15] ? u15 : "pill", I3 = F3.Component, te2 = {
     ...F3.defaults ?? {},
     ...b3 ?? {}
   };
@@ -3113,7 +3114,7 @@ function Ft(l17) {
     "data-shape": L2 ? "compose" : ee2,
     "data-tone": d12,
     "data-variant": f12,
-    "data-size": p10,
+    "data-size": p11,
     "data-focused": j3 ? "true" : void 0,
     onFocus: () => M3(true),
     onBlur: () => M3(false),
@@ -3156,12 +3157,12 @@ function Ft(l17) {
     return o20 += " Z", {
       bodyPath: o20,
       perimeterAt: (e20) => {
-        let t26 = (e20 % i24 + i24) % i24, o21 = a22(t26), s18 = i24 / (600 * 2), c16 = a22(t26 - s18), l18 = a22(t26 + s18), u15 = (l18.x - c16.x) / n30, d13 = (l18.y - c16.y) / r28, f13 = Math.hypot(u15, d13) || 1, p11 = d13 / f13, m9 = -u15 / f13;
+        let t26 = (e20 % i24 + i24) % i24, o21 = a22(t26), s18 = i24 / (600 * 2), c16 = a22(t26 - s18), l18 = a22(t26 + s18), u16 = (l18.x - c16.x) / n30, d13 = (l18.y - c16.y) / r28, f13 = Math.hypot(u16, d13) || 1, p12 = d13 / f13, m10 = -u16 / f13;
         return {
           x: o21.x,
           y: o21.y,
-          nx: p11,
-          ny: m9
+          nx: p12,
+          ny: m10
         };
       },
       totalCss: i24
@@ -3255,12 +3256,12 @@ function Ft(l17) {
   return A3 === "button" ? /* @__PURE__ */ jsx("button", {
     type: "button",
     ...le2,
-    onClick: m8,
+    onClick: m9,
     children: K2
   }) : A3 === "a" ? /* @__PURE__ */ jsx("a", {
     href: _6,
     ...le2,
-    onClick: m8,
+    onClick: m9,
     children: K2
   }) : /* @__PURE__ */ jsx("span", {
     ...le2,
@@ -3309,7 +3310,7 @@ function i4() {
   });
 }
 var a4 = forwardRef(function(e19, a22) {
-  let { variant: o20 = "secondary", size: s18 = "md", disabled: c16, loading: l17, leadingIcon: u14, trailingIcon: d12, fullWidth: f12, iconOnly: p10, ariaLabel: m8, type: h6 = "button", className: g5, style: _6, children: v3, onClick: y4 } = e19;
+  let { variant: o20 = "secondary", size: s18 = "md", disabled: c16, loading: l17, leadingIcon: u15, trailingIcon: d12, fullWidth: f12, iconOnly: p11, ariaLabel: m9, type: h6 = "button", className: g5, style: _6, children: v3, onClick: y4 } = e19;
   return /* @__PURE__ */ jsxs("button", {
     ref: a22,
     type: h6,
@@ -3318,211 +3319,235 @@ var a4 = forwardRef(function(e19, a22) {
       r5[`variant_${o20}`],
       r5[`size_${s18}`],
       f12 && r5.fullWidth,
-      p10 && r5.iconOnly,
+      p11 && r5.iconOnly,
       l17 && r5.loading,
       g5
     ].filter(Boolean).join(" "),
     style: _6,
     disabled: c16,
     "aria-busy": l17 ? true : void 0,
-    "aria-label": m8,
+    "aria-label": m9,
     onClick: y4,
     children: [
-      !p10 && (l17 || u14) && /* @__PURE__ */ jsx("span", {
+      !p11 && (l17 || u15) && /* @__PURE__ */ jsx("span", {
         className: r5.iconSlot,
-        children: l17 ? /* @__PURE__ */ jsx(i4, {}) : u14
+        children: l17 ? /* @__PURE__ */ jsx(i4, {}) : u15
       }),
-      p10 ? l17 ? /* @__PURE__ */ jsx(i4, {}) : /* @__PURE__ */ jsx("span", {
+      p11 ? l17 ? /* @__PURE__ */ jsx(i4, {}) : /* @__PURE__ */ jsx("span", {
         className: r5.iconSlot,
         children: v3
       }) : v3 !== void 0 && /* @__PURE__ */ jsx("span", {
         className: r5.label,
         children: v3
       }),
-      !p10 && d12 && /* @__PURE__ */ jsx("span", {
+      !p11 && d12 && /* @__PURE__ */ jsx("span", {
         className: r5.iconSlot,
         children: d12
       })
     ]
   });
 });
-function s5(e19) {
-  let { threshold: n30 = 4 } = e19, a22 = useRef(e19);
-  a22.current = e19;
-  let o20 = useRef(null), s18 = useRef(null), c16 = useRef(null), [l17, u14] = useState({
+function s5(e19, t25) {
+  let n30 = 0;
+  for (let r29 = t25 - 1; r29 >= 0; r29--) if (e19[r29]?.locked) {
+    n30 = r29 + 1;
+    break;
+  }
+  let r28 = e19.length;
+  for (let n31 = t25 + 1; n31 < e19.length; n31++) if (e19[n31]?.locked) {
+    r28 = n31;
+    break;
+  }
+  return [n30, r28];
+}
+function c4(t25) {
+  let { threshold: i24 = 4 } = t25, a22 = useRef(t25);
+  a22.current = t25;
+  let o20 = useRef(null), c16 = useRef(null), l17 = useRef(null), [u15, d12] = useState({
     draggedIds: null,
     targetIndex: null
-  }), d12 = useCallback((e20) => {
-    let t25 = a22.current.items, n31 = t25.findIndex((e21) => e21.locked), r28 = n31 === -1 ? t25.length : n31, i24 = o20.current;
-    if (!i24) return 0;
-    let s19 = Array.from(i24.children), c17 = s19.length;
-    for (let t26 = 0; t26 < s19.length; t26++) {
-      let n32 = s19[t26];
-      if (n32 && e20 < n32.getBoundingClientRect().bottom) {
-        c17 = t26;
+  }), f12 = useCallback((e19, t26) => {
+    let [n30, r28] = s5(a22.current.items, t26), i25 = o20.current;
+    if (!i25) return n30;
+    let c17 = Array.from(i25.children), l18 = c17.length;
+    for (let t27 = 0; t27 < c17.length; t27++) {
+      let n31 = c17[t27];
+      if (n31 && e19 < n31.getBoundingClientRect().bottom) {
+        l18 = t27;
         break;
       }
     }
-    return Math.min(c17, r28);
-  }, []), f12 = useCallback((e20) => {
-    o20.current = e20;
-  }, []), p10 = useCallback((e20, t25, n31) => {
-    if (!a22.current.items[t25]?.locked) {
+    return Math.max(n30, Math.min(l18, r28));
+  }, []), p11 = useCallback((e19) => {
+    o20.current = e19;
+  }, []), m9 = useCallback((e19, t26, n30) => {
+    if (!a22.current.items[t26]?.locked) {
       try {
-        n31.currentTarget.setPointerCapture?.(n31.pointerId);
+        n30.currentTarget.setPointerCapture?.(n30.pointerId);
       } catch {
       }
-      s18.current = {
-        id: e20,
-        sourceIndex: t25,
-        startX: n31.clientX,
-        startY: n31.clientY,
-        pointerId: n31.pointerId
+      c16.current = {
+        id: e19,
+        sourceIndex: t26,
+        startX: n30.clientX,
+        startY: n30.clientY,
+        pointerId: n30.pointerId
       };
     }
-  }, []), m8 = useCallback(() => {
-    s18.current = null, c16.current = null, u14({
+  }, []), h6 = useCallback(() => {
+    c16.current = null, l17.current = null, d12({
       draggedIds: null,
       targetIndex: null
     });
   }, []);
   return {
-    rowProps: (e20, t25) => ({ onPointerDown: (n31) => p10(e20, t25, n31) }),
+    rowProps: (e19, t26) => ({ onPointerDown: (n30) => m9(e19, t26, n30) }),
     containerProps: {
-      ref: f12,
-      onPointerMove: useCallback((e20) => {
-        let t25 = c16.current;
-        if (t25) {
-          let n31 = d12(e20.clientY);
-          n31 !== t25.targetIndex && (t25.targetIndex = n31, u14({
-            draggedIds: t25.draggedIds,
+      ref: p11,
+      onPointerMove: useCallback((e19) => {
+        let t26 = l17.current;
+        if (t26) {
+          let n31 = f12(e19.clientY, t26.sourceIndex);
+          n31 !== t26.targetIndex && (t26.targetIndex = n31, d12({
+            draggedIds: t26.draggedIds,
             targetIndex: n31
           }));
           return;
         }
-        let r28 = s18.current;
-        if (!r28) return;
-        let i24 = e20.clientX - r28.startX, o21 = e20.clientY - r28.startY;
-        if (Math.hypot(i24, o21) < n30) return;
-        let l18 = a22.current.selectedIds, f13 = l18.includes(r28.id) ? [...l18] : [r28.id], p11 = d12(e20.clientY);
-        c16.current = {
-          ...r28,
-          draggedIds: f13,
-          targetIndex: p11
-        }, u14({
-          draggedIds: f13,
-          targetIndex: p11
+        let n30 = c16.current;
+        if (!n30) return;
+        let r28 = e19.clientX - n30.startX, o21 = e19.clientY - n30.startY;
+        if (Math.hypot(r28, o21) < i24) return;
+        let u16 = a22.current.selectedIds, p12 = u16.includes(n30.id), [m10, h7] = s5(a22.current.items, n30.sourceIndex), g5 = (p12 ? [...u16] : [n30.id]).filter((e20) => {
+          let t27 = a22.current.items.findIndex((t28) => t28.id === e20);
+          return t27 >= m10 && t27 < h7;
+        }), _6 = f12(e19.clientY, n30.sourceIndex);
+        l17.current = {
+          ...n30,
+          draggedIds: g5,
+          targetIndex: _6
+        }, d12({
+          draggedIds: g5,
+          targetIndex: _6
         });
-      }, [d12, n30]),
-      onPointerUp: useCallback((e20) => {
-        let t25 = c16.current;
-        if (!t25) {
-          m8();
+      }, [f12, i24]),
+      onPointerUp: useCallback((e19) => {
+        let t26 = l17.current;
+        if (!t26) {
+          h6();
           return;
         }
-        let n31 = d12(e20.clientY), r28 = a22.current.items, i24 = t25.draggedIds.map((e21) => r28.findIndex((t26) => t26.id === e21)).filter((e21) => e21 >= 0).sort((e21, t26) => e21 - t26), o21 = i24.length > 0 && i24.every((e21, t26) => {
-          if (t26 === 0) return true;
-          let n32 = i24[t26 - 1];
-          return n32 !== void 0 && e21 === n32 + 1;
-        }), s19 = i24[0], l18 = i24[i24.length - 1];
-        o21 && s19 !== void 0 && l18 !== void 0 && n31 >= s19 && n31 <= l18 + 1 || a22.current.onReorder(t25.draggedIds, n31), m8();
-      }, [d12, m8]),
+        let n30 = f12(e19.clientY, t26.sourceIndex), r28 = a22.current.items, i25 = t26.draggedIds.map((e20) => r28.findIndex((t27) => t27.id === e20)).filter((e20) => e20 >= 0).sort((e20, t27) => e20 - t27), o21 = i25.length > 0 && i25.every((e20, t27) => {
+          if (t27 === 0) return true;
+          let n31 = i25[t27 - 1];
+          return n31 !== void 0 && e20 === n31 + 1;
+        }), s18 = i25[0], c17 = i25[i25.length - 1];
+        o21 && s18 !== void 0 && c17 !== void 0 && n30 >= s18 && n30 <= c17 + 1 || a22.current.onReorder(t26.draggedIds, n30), h6();
+      }, [f12, h6]),
       onPointerCancel: useCallback(() => {
-        m8();
-      }, [m8])
+        h6();
+      }, [h6])
     },
-    state: l17
+    state: u15
   };
 }
-var c4 = {
-  grid: "_grid_wvlvv_1",
-  table: "_table_wvlvv_6",
-  sortable: "_sortable_wvlvv_34",
-  sortActive: "_sortActive_wvlvv_39",
-  empty: "_empty_wvlvv_41",
-  handleCol: "_handleCol_wvlvv_49",
-  handleCell: "_handleCell_wvlvv_50",
-  dragging: "_dragging_wvlvv_59",
-  dropIndicator: "_dropIndicator_wvlvv_61"
+var l4 = {
+  grid: "_grid_1uuch_1",
+  table: "_table_1uuch_6",
+  sortButton: "_sortButton_1uuch_34",
+  sortActive: "_sortActive_1uuch_46",
+  empty: "_empty_1uuch_48",
+  handleCol: "_handleCol_1uuch_56",
+  handleCell: "_handleCell_1uuch_57",
+  dragging: "_dragging_1uuch_66",
+  dropBefore: "_dropBefore_1uuch_68",
+  dropAfter: "_dropAfter_1uuch_69"
 };
-function l4(t25) {
-  let { rows: r28, columns: l17, defaultSort: u14, onReorder: d12, empty: f12 = "\u2014", className: p10 } = t25, [m8, h6] = useState(u14 ?? null), g5 = useMemo(() => {
-    if (!m8) return [...r28];
-    let e19 = l17.find((e20) => e20.id === m8.columnId);
-    if (!e19) return [...r28];
-    let t26 = e19.accessor ?? ((t27) => t27[e19.id]), n30 = m8.direction === "asc" ? 1 : -1;
-    return [...r28].sort((e20, r29) => {
-      let i24 = t26(e20), a22 = t26(r29);
-      return i24 == null && a22 == null ? 0 : i24 == null ? 1 : a22 == null ? -1 : i24 < a22 ? -1 * n30 : i24 > a22 ? 1 * n30 : 0;
+function u4(e19) {
+  let { rows: n30, columns: s18, defaultSort: u15, onReorder: d12, empty: f12 = "\u2014", className: p11 } = e19, [m9, h6] = useState(u15 ?? null), g5 = useMemo(() => {
+    if (!m9) return [...n30];
+    let e20 = s18.find((e21) => e21.id === m9.columnId);
+    if (!e20) return [...n30];
+    let t25 = e20.accessor ?? ((t26) => t26[e20.id]), r28 = m9.direction === "asc" ? 1 : -1;
+    return [...n30].sort((e21, n31) => {
+      let i24 = t25(e21), a22 = t25(n31);
+      return i24 == null && a22 == null ? 0 : i24 == null ? 1 : a22 == null ? -1 : i24 < a22 ? -1 * r28 : i24 > a22 ? 1 * r28 : 0;
     });
   }, [
-    r28,
-    l17,
-    m8
-  ]), _6 = (e19) => {
-    h6((t26) => !t26 || t26.columnId !== e19 ? {
-      columnId: e19,
+    n30,
+    s18,
+    m9
+  ]), _6 = (e20) => {
+    h6((t25) => !t25 || t25.columnId !== e20 ? {
+      columnId: e20,
       direction: "asc"
-    } : t26.direction === "asc" ? {
-      columnId: e19,
+    } : t25.direction === "asc" ? {
+      columnId: e20,
       direction: "desc"
     } : null);
-  }, v3 = s5({
-    items: g5.map((e19) => ({
-      id: e19.id,
+  }, v3 = c4({
+    items: g5.map((e20) => ({
+      id: e20.id,
       label: ""
     })),
     selectedIds: [],
     onReorder: d12 ?? (() => {
     })
   }), y4 = !!d12;
-  return /* @__PURE__ */ jsxs("div", {
-    className: [c4.grid, p10].filter(Boolean).join(" "),
-    ref: y4 ? v3.containerProps.ref : void 0,
+  return /* @__PURE__ */ jsx("div", {
+    className: [l4.grid, p11].filter(Boolean).join(" "),
     onPointerMove: y4 ? v3.containerProps.onPointerMove : void 0,
     onPointerUp: y4 ? v3.containerProps.onPointerUp : void 0,
     onPointerCancel: y4 ? v3.containerProps.onPointerCancel : void 0,
-    children: [/* @__PURE__ */ jsxs("table", {
-      className: c4.table,
+    children: /* @__PURE__ */ jsxs("table", {
+      className: l4.table,
       children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [y4 && /* @__PURE__ */ jsx("th", {
-        className: c4.handleCol,
+        className: l4.handleCol,
         "aria-label": "drag"
-      }), l17.map((e19) => {
-        let t26 = e19.sortable !== false, n30 = m8?.columnId === e19.id, r29 = n30 ? m8.direction === "asc" ? " \u2191" : " \u2193" : "";
-        return /* @__PURE__ */ jsxs("th", {
-          className: [
-            e19.className,
-            t26 ? c4.sortable : "",
-            n30 ? c4.sortActive : ""
-          ].filter(Boolean).join(" "),
-          onClick: t26 ? () => _6(e19.id) : void 0,
-          children: [e19.header, r29]
-        }, e19.id);
-      })] }) }), /* @__PURE__ */ jsxs("tbody", { children: [g5.length === 0 && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
-        colSpan: l17.length + +!!y4,
-        className: c4.empty,
-        children: f12
-      }) }), g5.map((t26, n30) => /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsxs("tr", {
-        className: v3.state.draggedIds?.includes(t26.id) ?? false ? c4.dragging : void 0,
-        children: [y4 && /* @__PURE__ */ jsx("td", {
-          className: c4.handleCell,
-          onPointerDown: (e19) => v3.rowProps(t26.id, n30).onPointerDown(e19),
-          children: /* @__PURE__ */ jsx("span", {
-            "aria-hidden": "true",
-            children: "\u22EE\u22EE"
-          })
-        }), l17.map((e19) => {
-          let n31 = e19.accessor ?? ((t27) => t27[e19.id]), r29 = e19.render ? e19.render(t26) : String(n31(t26) ?? "");
-          return /* @__PURE__ */ jsx("td", {
-            className: e19.className,
-            children: r29
-          }, e19.id);
+      }), s18.map((e20) => {
+        let t25 = e20.sortable !== false, n31 = m9?.columnId === e20.id, r28 = n31 ? m9.direction === "asc" ? " \u2191" : " \u2193" : "";
+        return /* @__PURE__ */ jsx("th", {
+          className: [e20.className, n31 ? l4.sortActive : ""].filter(Boolean).join(" "),
+          "aria-sort": t25 ? n31 ? m9.direction === "asc" ? "ascending" : "descending" : "none" : void 0,
+          children: t25 ? /* @__PURE__ */ jsxs("button", {
+            type: "button",
+            className: l4.sortButton,
+            onClick: () => _6(e20.id),
+            children: [e20.header, r28]
+          }) : /* @__PURE__ */ jsxs(Fragment, { children: [e20.header, r28] })
+        }, e20.id);
+      })] }) }), /* @__PURE__ */ jsxs("tbody", {
+        ref: y4 ? v3.containerProps.ref : void 0,
+        children: [g5.length === 0 && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
+          colSpan: s18.length + +!!y4,
+          className: l4.empty,
+          children: f12
+        }) }), g5.map((e20, t25) => {
+          let n31 = v3.state.draggedIds?.includes(e20.id) ?? false, r28 = v3.state.targetIndex;
+          return /* @__PURE__ */ jsxs("tr", {
+            className: [
+              n31 && l4.dragging,
+              r28 === t25 && l4.dropBefore,
+              r28 === g5.length && t25 === g5.length - 1 && l4.dropAfter
+            ].filter(Boolean).join(" ") || void 0,
+            children: [y4 && /* @__PURE__ */ jsx("td", {
+              className: l4.handleCell,
+              onPointerDown: (n32) => v3.rowProps(e20.id, t25).onPointerDown(n32),
+              children: /* @__PURE__ */ jsx("span", {
+                "aria-hidden": "true",
+                children: "\u22EE\u22EE"
+              })
+            }), s18.map((t26) => {
+              let n32 = t26.accessor ?? ((e21) => e21[t26.id]), r29 = t26.render ? t26.render(e20) : String(n32(e20) ?? "");
+              return /* @__PURE__ */ jsx("td", {
+                className: t26.className,
+                children: r29
+              }, t26.id);
+            })]
+          }, e20.id);
         })]
-      }) }, t26.id))] })]
-    }), y4 && v3.state.targetIndex !== null && /* @__PURE__ */ jsx("div", {
-      className: c4.dropIndicator,
-      style: { top: `${v3.state.targetIndex * 28}px` }
-    })]
+      })]
+    })
   });
 }
 var r7 = {
@@ -3560,18 +3585,18 @@ function s6({ label: e19, inverted: n30 = false, variant: i24 = "default", class
     children: e19
   });
 }
-function c5({ keys: i24, separator: a22 = "+", variant: c16 = "default", font: l17, className: u14 }) {
+function c5({ keys: i24, separator: a22 = "+", variant: c16 = "default", font: l17, className: u15 }) {
   if (!i24 || i24.length === 0) return /* @__PURE__ */ jsx("span", {
-    className: [r7.keysEmpty, u14].filter(Boolean).join(" "),
+    className: [r7.keysEmpty, u15].filter(Boolean).join(" "),
     children: "\u2014"
   });
   let d12 = i24.map((e19, t25) => ({
     k: e19,
     i: t25
-  })).sort((e19, t25) => (o5(e19.k.label) === "modifier" ? 0 : 1) - (o5(t25.k.label) === "modifier" ? 0 : 1) || e19.i - t25.i).map(({ k: e19 }) => e19), f12 = d12.findIndex((e19) => o5(e19.label) !== "modifier"), p10 = !!a22 && f12 > 0 && f12 < d12.length;
+  })).sort((e19, t25) => (o5(e19.k.label) === "modifier" ? 0 : 1) - (o5(t25.k.label) === "modifier" ? 0 : 1) || e19.i - t25.i).map(({ k: e19 }) => e19), f12 = d12.findIndex((e19) => o5(e19.label) !== "modifier"), p11 = !!a22 && f12 > 0 && f12 < d12.length;
   return /* @__PURE__ */ jsx("span", {
-    className: [r7.keys, u14].filter(Boolean).join(" "),
-    children: d12.map((i25, o20) => /* @__PURE__ */ jsxs(Fragment$1, { children: [p10 && o20 === f12 ? /* @__PURE__ */ jsx("span", {
+    className: [r7.keys, u15].filter(Boolean).join(" "),
+    children: d12.map((i25, o20) => /* @__PURE__ */ jsxs(Fragment$1, { children: [p11 && o20 === f12 ? /* @__PURE__ */ jsx("span", {
       className: r7.sep,
       children: a22
     }) : null, /* @__PURE__ */ jsx(s6, {
@@ -3669,13 +3694,13 @@ var l5 = {
     }
   }
 };
-function u4() {
+function u5() {
   if (typeof navigator > "u") return "macos";
   let e19 = (navigator.userAgentData?.platform ?? navigator.userAgent ?? "").toLowerCase();
   return e19.includes("mac") || e19.includes("darwin") || e19.includes("iphone") || e19.includes("ipad") ? "macos" : e19.includes("win") ? "windows" : e19.includes("linux") || e19.includes("x11") ? "linux" : "macos";
 }
 function d4(e19, t25 = {}) {
-  let n30 = t25.platform ?? u4(), r28 = t25.legend ?? "auto";
+  let n30 = t25.platform ?? u5(), r28 = t25.legend ?? "auto";
   return e19.map((e20) => {
     let t26 = l5[e20.name][n30][r28];
     return e20.optional ? {
@@ -3908,7 +3933,7 @@ var f4 = {
   }
 };
 function p4(e19, t25 = {}) {
-  let n30 = t25.platform ?? u4(), r28 = t25.legend ?? "auto", i24 = f4[e19], a22 = i24 ? i24[n30][r28] : e19.length === 1 ? e19.toUpperCase() : e19;
+  let n30 = t25.platform ?? u5(), r28 = t25.legend ?? "auto", i24 = f4[e19], a22 = i24 ? i24[n30][r28] : e19.length === 1 ? e19.toUpperCase() : e19;
   return t25.optional ? {
     label: a22,
     optional: true
@@ -3944,7 +3969,7 @@ function e7(e19) {
       return e19.toUpperCase();
   }
 }
-var i7 = {
+var a7 = {
   root: "_root_q2asl_1",
   row: "_row_q2asl_8",
   track: "_track_q2asl_14",
@@ -3955,122 +3980,135 @@ var i7 = {
   readoutInline: "_readoutInline_q2asl_93",
   notched: "_notched_q2asl_101"
 };
-var a7 = "\u2212";
-function o6(e19, t25) {
+var o6 = "\u2212";
+function s7(e19, t25) {
   return (Number.isFinite(e19) ? e19.toLocaleString(void 0, t25) : String(e19)).replace(/^-/, "\u2212");
 }
-function s7(e19, t25, n30) {
+function c6(e19, t25, n30) {
   return t25 === void 0 || t25 <= 0 ? e19 : Math.round((e19 - n30) / t25) * t25 + n30;
 }
-function c6(e19, t25, n30) {
+function l6(e19, t25, n30) {
   return Math.max(t25, Math.min(n30, e19));
 }
-function l6(e19, t25, n30) {
+function u6(e19, t25, n30) {
   return e19 !== void 0 && e19 > 0 ? e19 : (n30 - t25) / 100;
 }
-function u5(e19, t25, n30, r28) {
+function d5(e19, t25, n30, r28, i24, a22) {
+  let o20 = a22 !== void 0 && a22 > 0 ? a22 : (i24 - r28) / 1e3;
+  return l6(e19, n30 > 0 ? t25[n30 - 1].value + o20 : r28, n30 < t25.length - 1 ? t25[n30 + 1].value - o20 : i24);
+}
+function f5(e19, t25, n30, r28) {
   if (!e19.bounds) return [n30, r28];
   let i24 = typeof e19.bounds == "function" ? e19.bounds(t25) : e19.bounds;
   return [i24[0], i24[1]];
 }
-function d5(e19) {
-  return o6(e19.value, {
+function p5(e19) {
+  return s7(e19.value, {
     minimumFractionDigits: 3,
     maximumFractionDigits: 3
   });
 }
-function f5(a22) {
-  let { thumbs: o20, onChange: f12, onCommit: p10, min: m8, max: h6, step: g5, constraint: _6, trackHeight: v3, ariaLabel: y4, className: b3 } = a22, x3 = useRef(null), S3 = useRef(null), C3 = useCallback((e19) => h6 === m8 ? 0 : c6((e19 - m8) / (h6 - m8), 0, 1), [m8, h6]), w3 = useCallback((e19) => m8 + c6(e19, 0, 1) * (h6 - m8), [m8, h6]), T3 = useCallback((e19) => {
-    S3.current = o20.map((e20) => ({ ...e20 }));
+function m4(o20) {
+  let { thumbs: s18, onInput: m9, onChange: h6, min: g5, max: _6, step: v3, constraint: y4, trackHeight: b3, ariaLabel: x3, className: S3 } = o20, C3 = useRef(null), w3 = useRef(null), T3 = useRef(null);
+  useEffect(() => () => {
+    T3.current?.();
+  }, []);
+  let E3 = useCallback((e19) => _6 === g5 ? 0 : l6((e19 - g5) / (_6 - g5), 0, 1), [g5, _6]), D3 = useCallback((e19) => g5 + l6(e19, 0, 1) * (_6 - g5), [g5, _6]), O3 = useCallback((e19) => {
+    w3.current = s18.map((e20) => ({ ...e20 }));
     let t25 = false, n30 = (n31) => {
-      let r29 = x3.current, i24 = S3.current;
-      if (!r29 || !i24) return;
-      let o21 = r29.getBoundingClientRect(), l17 = w3(c6((n31.clientX - o21.left) / o21.width, 0, 1));
-      l17 = s7(l17, g5, m8), l17 = c6(l17, m8, h6);
-      let [d12, p11] = u5(i24[e19], {
-        thumbs: i24,
+      let r29 = C3.current, i25 = w3.current;
+      if (!r29 || !i25) return;
+      let a23 = r29.getBoundingClientRect(), s19 = D3(l6((n31.clientX - a23.left) / a23.width, 0, 1));
+      s19 = c6(s19, v3, g5), s19 = l6(s19, g5, _6);
+      let [u15, p11] = f5(i25[e19], {
+        thumbs: i25,
         index: e19
-      }, m8, h6);
-      if (l17 = c6(l17, d12, p11), _6 === "ordered") {
-        let t26 = g5 !== void 0 && g5 > 0 ? g5 : (h6 - m8) / 1e3, n32 = e19 > 0 ? i24[e19 - 1].value + t26 : m8, r30 = e19 < i24.length - 1 ? i24[e19 + 1].value - t26 : h6;
-        l17 = c6(l17, n32, r30);
-      }
-      let v4 = o21.height;
-      a22.onRemoveThumb && (t25 = n31.clientY < o21.top - v4 || n31.clientY > o21.bottom + v4), i24[e19] = {
-        ...i24[e19],
-        value: l17
-      }, f12(i24.map((e20) => ({ ...e20 })));
+      }, g5, _6);
+      s19 = l6(s19, u15, p11), y4 === "ordered" && (s19 = d5(s19, i25, e19, g5, _6, v3));
+      let h7 = a23.height;
+      o20.onRemoveThumb && (t25 = n31.clientY < a23.top - h7 || n31.clientY > a23.bottom + h7), i25[e19] = {
+        ...i25[e19],
+        value: s19
+      }, m9(i25.map((e20) => ({ ...e20 })));
     }, r28 = () => {
-      document.removeEventListener("pointermove", n30), document.removeEventListener("pointerup", r28);
-      let i24 = S3.current;
-      if (S3.current = null, i24) {
-        if (t25 && a22.onRemoveThumb && a22.onRemoveThumb(e19)) {
-          let t26 = i24.filter((t27, n31) => n31 !== e19).map((e20) => ({ ...e20 }));
-          f12(t26), p10?.(t26);
+      document.removeEventListener("pointermove", n30), document.removeEventListener("pointerup", a22), document.removeEventListener("pointercancel", i24), T3.current = null;
+    }, i24 = () => {
+      r28(), w3.current = null;
+    }, a22 = () => {
+      r28();
+      let n31 = w3.current;
+      if (w3.current = null, n31) {
+        if (t25 && o20.onRemoveThumb && o20.onRemoveThumb(e19)) {
+          let t26 = n31.filter((t27, n32) => n32 !== e19).map((e20) => ({ ...e20 }));
+          m9(t26), h6?.(t26);
           return;
         }
-        p10 && p10(i24.map((e20) => ({ ...e20 })));
+        h6?.(n31.map((e20) => ({ ...e20 })));
       }
     };
-    document.addEventListener("pointermove", n30), document.addEventListener("pointerup", r28);
+    document.addEventListener("pointermove", n30), document.addEventListener("pointerup", a22), document.addEventListener("pointercancel", i24), T3.current = i24;
   }, [
-    o20,
-    f12,
-    p10,
-    w3,
-    m8,
+    s18,
+    m9,
     h6,
+    D3,
     g5,
     _6,
-    a22
-  ]), E3 = useCallback((e19) => {
-    let t25 = o20.map((e20) => ({ ...e20 })), n30 = t25.map((e20) => e20.value);
-    S3.current = t25;
+    v3,
+    y4,
+    o20
+  ]), k3 = useCallback((e19) => {
+    let t25 = s18.map((e20) => ({ ...e20 })), n30 = t25.map((e20) => e20.value);
+    w3.current = t25;
     let r28 = (t26) => {
-      let r29 = x3.current, i25 = S3.current;
+      let r29 = C3.current, i25 = w3.current;
       if (!r29 || !i25) return;
-      let a23 = r29.getBoundingClientRect(), o21 = (t26.clientX - e19) / a23.width * (h6 - m8);
-      o21 = s7(o21, g5, 0);
-      let l17 = -Infinity, u14 = Infinity;
-      for (let e20 = 0; e20 < n30.length; e20++) l17 = Math.max(l17, m8 - n30[e20]), u14 = Math.min(u14, h6 - n30[e20]);
-      o21 = c6(o21, l17, u14);
+      let a23 = r29.getBoundingClientRect(), o22 = (t26.clientX - e19) / a23.width * (_6 - g5);
+      o22 = c6(o22, v3, 0);
+      let s19 = -Infinity, u15 = Infinity;
+      for (let e20 = 0; e20 < n30.length; e20++) s19 = Math.max(s19, g5 - n30[e20]), u15 = Math.min(u15, _6 - n30[e20]);
+      o22 = l6(o22, s19, u15);
       for (let e20 = 0; e20 < i25.length; e20++) i25[e20] = {
         ...i25[e20],
-        value: c6(n30[e20] + o21, m8, h6)
+        value: l6(n30[e20] + o22, g5, _6)
       };
-      f12(i25.map((e20) => ({ ...e20 })));
+      m9(i25.map((e20) => ({ ...e20 })));
     }, i24 = () => {
-      document.removeEventListener("pointermove", r28), document.removeEventListener("pointerup", i24);
-      let e20 = S3.current;
-      S3.current = null, e20 && p10 && p10(e20.map((e21) => ({ ...e21 })));
+      document.removeEventListener("pointermove", r28), document.removeEventListener("pointerup", o21), document.removeEventListener("pointercancel", a22), T3.current = null;
+    }, a22 = () => {
+      i24(), w3.current = null;
+    }, o21 = () => {
+      i24();
+      let e20 = w3.current;
+      w3.current = null, e20 && h6?.(e20.map((e21) => ({ ...e21 })));
     };
-    document.addEventListener("pointermove", r28), document.addEventListener("pointerup", i24);
+    document.addEventListener("pointermove", r28), document.addEventListener("pointerup", o21), document.addEventListener("pointercancel", a22), T3.current = a22;
   }, [
-    o20,
-    f12,
-    p10,
-    m8,
+    s18,
+    m9,
     h6,
-    g5
-  ]), D3 = (e19) => (t25) => {
-    typeof t25.button == "number" && t25.button > 0 || (t25.preventDefault(), t25.stopPropagation(), t25.shiftKey && a22.allowShiftAll ? E3(t25.clientX) : T3(e19));
-  }, O3 = (e19) => (t25) => {
-    if (!a22.onRemoveThumb || (t25.preventDefault(), !a22.onRemoveThumb(e19))) return;
-    let n30 = o20.filter((t26, n31) => n31 !== e19).map((e20) => ({ ...e20 }));
-    f12(n30), p10?.(n30);
-  }, k3 = (e19) => {
-    if (typeof e19.button == "number" && e19.button > 0 || !a22.onAddThumb || e19.target.closest(`.${i7.thumb}`)) return;
+    g5,
+    _6,
+    v3
+  ]), A3 = (e19) => (t25) => {
+    typeof t25.button == "number" && t25.button > 0 || (t25.currentTarget.focus?.(), t25.preventDefault(), t25.stopPropagation(), t25.shiftKey && o20.allowShiftAll ? k3(t25.clientX) : O3(e19));
+  }, j3 = (e19) => (t25) => {
+    if (!o20.onRemoveThumb || (t25.preventDefault(), !o20.onRemoveThumb(e19))) return;
+    let n30 = s18.filter((t26, n31) => n31 !== e19).map((e20) => ({ ...e20 }));
+    m9(n30), h6?.(n30);
+  }, M3 = (e19) => {
+    if (typeof e19.button == "number" && e19.button > 0 || !o20.onAddThumb || e19.target.closest(`.${a7.thumb}`)) return;
     e19.preventDefault();
-    let t25 = x3.current;
+    let t25 = C3.current;
     if (!t25) return;
-    let n30 = t25.getBoundingClientRect(), r28 = w3(c6((e19.clientX - n30.left) / n30.width, 0, 1));
-    r28 = s7(r28, g5, m8), r28 = c6(r28, m8, h6);
-    let l17 = a22.onAddThumb(r28);
-    if (!l17) return;
-    let u14 = [...o20.map((e20) => ({ ...e20 })), l17];
-    f12(u14), p10?.(u14);
-  }, A3 = (e19) => (t25) => {
-    let n30 = l6(g5, m8, h6), r28 = 0, i24 = null;
+    let n30 = t25.getBoundingClientRect(), r28 = D3(l6((e19.clientX - n30.left) / n30.width, 0, 1));
+    r28 = c6(r28, v3, g5), r28 = l6(r28, g5, _6);
+    let i24 = o20.onAddThumb(r28);
+    if (!i24) return;
+    let u15 = [...s18.map((e20) => ({ ...e20 })), i24];
+    m9(u15), h6?.(u15);
+  }, N3 = (e19) => (t25) => {
+    let n30 = u6(v3, g5, _6), r28 = 0, i24 = null;
     switch (t25.key) {
       case "ArrowRight":
       case "ArrowUp":
@@ -4096,64 +4134,64 @@ function f5(a22) {
         return;
     }
     t25.preventDefault();
-    let a23 = o20.map((e20) => ({ ...e20 })), [d12, _7] = u5(a23[e19], {
-      thumbs: a23,
+    let a22 = s18.map((e20) => ({ ...e20 })), [o21, p11] = f5(a22[e19], {
+      thumbs: a22,
       index: e19
-    }, m8, h6), v4 = Math.max(m8, d12), y5 = Math.min(h6, _7), b4;
-    b4 = i24 === "home" ? v4 : i24 === "end" ? y5 : a23[e19].value + r28, b4 = s7(b4, g5, m8), b4 = c6(b4, v4, y5), a23[e19] = {
-      ...a23[e19],
-      value: b4
-    }, f12(a23), p10?.(a23);
-  }, j3 = a22.readoutPlacement ?? "none", M3 = a22.renderReadout;
+    }, g5, _6), b4 = Math.max(g5, o21), x4 = Math.min(_6, p11), S4;
+    S4 = i24 === "home" ? b4 : i24 === "end" ? x4 : a22[e19].value + r28, S4 = c6(S4, v3, g5), S4 = l6(S4, b4, x4), y4 === "ordered" && (S4 = d5(S4, a22, e19, b4, x4, v3)), a22[e19] = {
+      ...a22[e19],
+      value: S4
+    }, m9(a22), h6?.(a22);
+  }, P3 = o20.readoutPlacement ?? "none", F3 = o20.renderReadout;
   return /* @__PURE__ */ jsxs("div", {
-    className: b3 ? `${i7.root} ${b3}` : i7.root,
-    style: v3 === void 0 ? void 0 : { "--rp-track-height": `${v3}px` },
+    className: S3 ? `${a7.root} ${S3}` : a7.root,
+    style: b3 === void 0 ? void 0 : { "--rp-track-height": `${b3}px` },
     children: [/* @__PURE__ */ jsxs("div", {
-      className: i7.row,
+      className: a7.row,
       children: [/* @__PURE__ */ jsxs("div", {
-        className: i7.track,
-        ref: x3,
-        onPointerDown: k3,
-        children: [a22.renderTrack && /* @__PURE__ */ jsx("div", {
-          className: i7.trackInner,
-          children: a22.renderTrack({
-            trackWidth: x3.current?.getBoundingClientRect().width ?? 0,
-            valueToFraction: C3
+        className: a7.track,
+        ref: C3,
+        onPointerDown: M3,
+        children: [o20.renderTrack && /* @__PURE__ */ jsx("div", {
+          className: a7.trackInner,
+          children: o20.renderTrack({
+            trackWidth: C3.current?.getBoundingClientRect().width ?? 0,
+            valueToFraction: E3
           })
-        }), o20.map((e19, t25) => {
-          let r28 = e19.shape === "notched", a23 = typeof e19.shape == "object" && e19.shape !== null ? e19.shape.render : null, o21 = `${i7.thumb}${r28 ? ` ${i7.notched}` : ""}`;
+        }), s18.map((e19, t25) => {
+          let n30 = e19.shape === "notched", i24 = typeof e19.shape == "object" && e19.shape !== null ? e19.shape.render : null, o21 = `${a7.thumb}${n30 ? ` ${a7.notched}` : ""}`;
           return /* @__PURE__ */ jsx("div", {
             role: "slider",
             tabIndex: 0,
             "aria-orientation": "horizontal",
-            "aria-valuemin": m8,
-            "aria-valuemax": h6,
+            "aria-valuemin": g5,
+            "aria-valuemax": _6,
             "aria-valuenow": e19.value,
-            "aria-label": [y4, e19.label].filter(Boolean).join(" ") || void 0,
+            "aria-label": [x3, e19.label].filter(Boolean).join(" ") || void 0,
             className: o21,
-            style: { left: `${C3(e19.value) * 100}%` },
-            onPointerDown: D3(t25),
-            onKeyDown: A3(t25),
-            onContextMenu: O3(t25),
-            children: a23 ? a23({
+            style: { left: `${E3(e19.value) * 100}%` },
+            onPointerDown: A3(t25),
+            onKeyDown: N3(t25),
+            onContextMenu: j3(t25),
+            children: i24 ? i24({
               width: 14,
               height: 24,
               isActive: false
             }) : e19.label ?? ""
           }, t25);
         })]
-      }), j3 === "inline-after" && /* @__PURE__ */ jsx("span", {
+      }), P3 === "inline-after" && /* @__PURE__ */ jsx("span", {
         "data-readout": "inline",
-        className: i7.readoutInline,
-        children: o20.map((e19, t25) => /* @__PURE__ */ jsxs("span", { children: [t25 > 0 ? " / " : "", M3 ? M3(e19, t25) : d5(e19)] }, t25))
+        className: a7.readoutInline,
+        children: s18.map((e19, t25) => /* @__PURE__ */ jsxs("span", { children: [t25 > 0 ? " / " : "", F3 ? F3(e19, t25) : p5(e19)] }, t25))
       })]
-    }), j3 === "below-thumb" && /* @__PURE__ */ jsx("div", {
-      className: i7.readoutsBelow,
-      children: o20.map((e19, t25) => /* @__PURE__ */ jsx("span", {
+    }), P3 === "below-thumb" && /* @__PURE__ */ jsx("div", {
+      className: a7.readoutsBelow,
+      children: s18.map((e19, t25) => /* @__PURE__ */ jsx("span", {
         "data-readout": "below",
-        className: i7.readoutBelow,
-        style: { left: `${C3(e19.value) * 100}%` },
-        children: M3 ? M3(e19, t25) : d5(e19)
+        className: a7.readoutBelow,
+        style: { left: `${E3(e19.value) * 100}%` },
+        children: F3 ? F3(e19, t25) : p5(e19)
       }, t25))
     })]
   });
@@ -4183,12 +4221,12 @@ function i8(e19, t25) {
   return t25;
 }
 function a8(a22) {
-  let { items: o20, itemClassName: s18, onNavigate: c16, onActivate: l17 } = a22, u14 = useRef(null), d12 = a22.tabStopIndex ?? t8(o20), f12 = (e19) => {
-    let t25 = u14.current;
+  let { items: o20, itemClassName: s18, onNavigate: c16, onActivate: l17 } = a22, u15 = useRef(null), d12 = a22.tabStopIndex ?? t8(o20), f12 = (e19) => {
+    let t25 = u15.current;
     t25 && t25.querySelectorAll(`.${s18}`)[e19]?.focus();
   };
   return {
-    rootRef: u14,
+    rootRef: u15,
     tabIndexFor: (e19) => e19 === d12 ? 0 : -1,
     onKeyDown: (e19) => (a23) => {
       let s19 = -1;
@@ -4227,13 +4265,13 @@ var n10 = {
   size_sm: "_size_sm_1pyfg_153"
 };
 function r10(r28) {
-  let { items: i24, ariaLabel: a22, className: o20, height: s18, size: c16, variant: l17 } = r28, u14 = r28.mode ?? "single", d12 = (e19) => u14 === "multiple" ? r28.value.includes(e19) : r28.value === e19, f12 = (e19) => {
-    if (u14 !== "multiple") return false;
+  let { items: i24, ariaLabel: a22, className: o20, height: s18, size: c16, variant: l17 } = r28, u15 = r28.mode ?? "single", d12 = (e19) => u15 === "multiple" ? r28.value.includes(e19) : r28.value === e19, f12 = (e19) => {
+    if (u15 !== "multiple") return false;
     let t25 = r28.mixedValues;
     return t25 !== void 0 && t25.includes(e19) && !d12(e19);
-  }, p10 = (e19) => () => {
+  }, p11 = (e19) => () => {
     let t25 = i24[e19];
-    if (!t25.disabled) if (u14 === "multiple") {
+    if (!t25.disabled) if (u15 === "multiple") {
       let e20 = r28.value, n30 = e20.includes(t25.value) ? e20.filter((e21) => e21 !== t25.value) : [...e20, t25.value];
       r28.onChange(n30);
     } else {
@@ -4243,12 +4281,12 @@ function r10(r28) {
       }
       r28.onChange(t25.value);
     }
-  }, m8 = u14 === "single" ? i24.findIndex((e19) => e19.value === r28.value) : -1, h6 = a8({
+  }, m9 = u15 === "single" ? i24.findIndex((e19) => e19.value === r28.value) : -1, h6 = a8({
     items: i24,
     itemClassName: n10.segment,
-    tabStopIndex: m8 >= 0 && !i24[m8].disabled ? m8 : void 0,
-    onNavigate: u14 === "single" ? (e19) => r28.onChange(i24[e19].value) : void 0,
-    onActivate: u14 === "multiple" ? (e19) => p10(e19)() : void 0
+    tabStopIndex: m9 >= 0 && !i24[m9].disabled ? m9 : void 0,
+    onNavigate: u15 === "single" ? (e19) => r28.onChange(i24[e19].value) : void 0,
+    onActivate: u15 === "multiple" ? (e19) => p11(e19)() : void 0
   }), g5 = s18 === void 0 ? void 0 : { "--wzl-tb-height": `${s18}px` }, _6 = [
     n10.root,
     c16 && n10[`size_${c16}`],
@@ -4258,7 +4296,7 @@ function r10(r28) {
   return /* @__PURE__ */ jsx("div", {
     ref: h6.rootRef,
     className: _6,
-    role: u14 === "multiple" ? "group" : "radiogroup",
+    role: u15 === "multiple" ? "group" : "radiogroup",
     "aria-label": a22,
     style: g5,
     children: i24.map((e19, r29) => {
@@ -4269,14 +4307,14 @@ function r10(r28) {
       ].filter(Boolean).join(" ");
       return /* @__PURE__ */ jsx("button", {
         type: "button",
-        role: u14 === "multiple" ? void 0 : "radio",
-        "aria-checked": u14 === "multiple" ? void 0 : i25,
-        "aria-pressed": u14 === "multiple" ? a23 ? "mixed" : i25 : void 0,
+        role: u15 === "multiple" ? void 0 : "radio",
+        "aria-checked": u15 === "multiple" ? void 0 : i25,
+        "aria-pressed": u15 === "multiple" ? a23 ? "mixed" : i25 : void 0,
         "aria-label": e19.ariaLabel,
         disabled: e19.disabled,
         tabIndex: h6.tabIndexFor(r29),
         className: o21,
-        onClick: p10(r29),
+        onClick: p11(r29),
         onKeyDown: h6.onKeyDown(r29),
         children: e19.label
       }, e19.value);
@@ -4293,14 +4331,14 @@ var e10 = {
   variant_minimal: "_variant_minimal_1hmjs_150"
 };
 function r11(r28) {
-  let { items: i24, ariaLabel: a22, className: o20, height: s18, size: c16, variant: l17 } = r28, u14 = (e19) => {
+  let { items: i24, ariaLabel: a22, className: o20, height: s18, size: c16, variant: l17 } = r28, u15 = (e19) => {
     let t25 = i24[e19];
     t25.disabled || t25.onChange(!t25.selected);
   }, d12 = a8({
     items: i24,
     itemClassName: e10.segment,
-    onActivate: u14
-  }), f12 = s18 === void 0 ? void 0 : { "--wzl-tb-height": `${s18}px` }, p10 = [
+    onActivate: u15
+  }), f12 = s18 === void 0 ? void 0 : { "--wzl-tb-height": `${s18}px` }, p11 = [
     e10.root,
     c16 && e10[`size_${c16}`],
     l17 && e10[`variant_${l17}`],
@@ -4308,7 +4346,7 @@ function r11(r28) {
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsx("div", {
     ref: d12.rootRef,
-    className: p10,
+    className: p11,
     role: "group",
     "aria-label": a22,
     style: f12,
@@ -4321,7 +4359,7 @@ function r11(r28) {
         disabled: e19.disabled,
         tabIndex: d12.tabIndexFor(r29),
         className: i25,
-        onClick: () => u14(r29),
+        onClick: () => u15(r29),
         onKeyDown: d12.onKeyDown(r29),
         children: e19.label
       }, e19.value);
@@ -4329,14 +4367,14 @@ function r11(r28) {
   });
 }
 function r12(r28) {
-  let { items: i24, ariaLabel: a22, className: o20, height: s18, size: c16, variant: l17 } = r28, u14 = (e19) => {
+  let { items: i24, ariaLabel: a22, className: o20, height: s18, size: c16, variant: l17 } = r28, u15 = (e19) => {
     let t25 = i24[e19];
     t25.disabled || t25.onAction();
   }, d12 = a8({
     items: i24,
     itemClassName: e10.segment,
-    onActivate: u14
-  }), f12 = s18 === void 0 ? void 0 : { "--wzl-tb-height": `${s18}px` }, p10 = [
+    onActivate: u15
+  }), f12 = s18 === void 0 ? void 0 : { "--wzl-tb-height": `${s18}px` }, p11 = [
     e10.root,
     c16 && e10[`size_${c16}`],
     l17 && e10[`variant_${l17}`],
@@ -4344,7 +4382,7 @@ function r12(r28) {
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsx("div", {
     ref: d12.rootRef,
-    className: p10,
+    className: p11,
     role: "toolbar",
     "aria-label": a22,
     style: f12,
@@ -4354,7 +4392,7 @@ function r12(r28) {
       disabled: e19.disabled,
       tabIndex: d12.tabIndexFor(r29),
       className: e10.segment,
-      onClick: () => u14(r29),
+      onClick: () => u15(r29),
       onKeyDown: d12.onKeyDown(r29),
       children: e19.label
     }, e19.value))
@@ -4364,11 +4402,11 @@ var n13 = {
   row: "_row_q3wun_1",
   segment: "_segment_q3wun_15"
 };
-function r13({ segments: r28, startCap: i24 = "flat", size: a22, variant: o20, depth: s18, gap: c16, className: l17, ...u14 }) {
+function r13({ segments: r28, startCap: i24 = "flat", size: a22, variant: o20, depth: s18, gap: c16, className: l17, ...u15 }) {
   return /* @__PURE__ */ jsx("span", {
     className: [n13.row, l17].filter(Boolean).join(" "),
     style: c16 === void 0 ? void 0 : { "--powerline-gap": typeof c16 == "number" ? `${c16}px` : c16 },
-    "aria-label": u14["aria-label"],
+    "aria-label": u15["aria-label"],
     children: r28.map((c17, l18) => /* @__PURE__ */ jsx(Ft, {
       base: "powerline",
       baseParams: {
@@ -4457,8 +4495,8 @@ var l7 = {
   frame: "_frame_cahom_9",
   adornment: "_adornment_cahom_54"
 };
-var u6 = forwardRef(function(t25, u14) {
-  let { label: d12, description: f12, errorMessage: p10, placeholder: m8, leadingAdornment: h6, trailingAdornment: g5, className: _6, ...v3 } = t25;
+var u7 = forwardRef(function(t25, u15) {
+  let { label: d12, description: f12, errorMessage: p11, placeholder: m9, leadingAdornment: h6, trailingAdornment: g5, className: _6, ...v3 } = t25;
   return /* @__PURE__ */ jsxs(TextField, {
     ...v3,
     className: [
@@ -4479,8 +4517,8 @@ var u6 = forwardRef(function(t25, u14) {
             children: h6
           }),
           /* @__PURE__ */ jsx(Input, {
-            ref: u14,
-            placeholder: m8
+            ref: u15,
+            placeholder: m9
           }),
           g5 !== void 0 && /* @__PURE__ */ jsx("span", {
             className: l7.adornment,
@@ -4495,7 +4533,7 @@ var u6 = forwardRef(function(t25, u14) {
       }),
       /* @__PURE__ */ jsx(FieldError, {
         className: r15.error,
-        children: p10
+        children: p11
       })
     ]
   });
@@ -4507,7 +4545,7 @@ var d6 = {
   stepper: "_stepper_e75yx_57"
 };
 var f6 = forwardRef(function(t25, f12) {
-  let { label: p10, description: m8, errorMessage: h6, hideSteppers: g5, placeholder: _6, className: v3, ...y4 } = t25;
+  let { label: p11, description: m9, errorMessage: h6, hideSteppers: g5, placeholder: _6, className: v3, ...y4 } = t25;
   return /* @__PURE__ */ jsxs(NumberField, {
     ...y4,
     className: [
@@ -4516,9 +4554,9 @@ var f6 = forwardRef(function(t25, f12) {
       v3
     ].filter(Boolean).join(" "),
     children: [
-      p10 !== void 0 && /* @__PURE__ */ jsx(Label, {
+      p11 !== void 0 && /* @__PURE__ */ jsx(Label, {
         className: r15.label,
-        children: p10
+        children: p11
       }),
       /* @__PURE__ */ jsxs(Group, {
         className: d6.frame,
@@ -4540,10 +4578,10 @@ var f6 = forwardRef(function(t25, f12) {
           })]
         })]
       }),
-      m8 !== void 0 && /* @__PURE__ */ jsx(Text, {
+      m9 !== void 0 && /* @__PURE__ */ jsx(Text, {
         slot: "description",
         className: r15.hint,
-        children: m8
+        children: m9
       }),
       /* @__PURE__ */ jsx(FieldError, {
         className: r15.error,
@@ -4559,13 +4597,13 @@ var c9 = {
   dot: "_dot_kaubu_36"
 };
 function l9(r28) {
-  let { label: l17, description: u14, errorMessage: d12, children: f12, className: p10, ...m8 } = r28;
+  let { label: l17, description: u15, errorMessage: d12, children: f12, className: p11, ...m9 } = r28;
   return /* @__PURE__ */ jsxs(RadioGroup, {
-    ...m8,
+    ...m9,
     className: [
       c9.group,
       r15.root,
-      p10
+      p11
     ].filter(Boolean).join(" "),
     children: [
       l17 !== void 0 && /* @__PURE__ */ jsx(Label, {
@@ -4573,10 +4611,10 @@ function l9(r28) {
         children: l17
       }),
       f12,
-      u14 !== void 0 && /* @__PURE__ */ jsx(Text, {
+      u15 !== void 0 && /* @__PURE__ */ jsx(Text, {
         slot: "description",
         className: r15.hint,
-        children: u14
+        children: u15
       }),
       /* @__PURE__ */ jsx(FieldError, {
         className: r15.error,
@@ -4585,7 +4623,7 @@ function l9(r28) {
     ]
   });
 }
-function u8({ children: e19, className: t25, ...n30 }) {
+function u9({ children: e19, className: t25, ...n30 }) {
   return /* @__PURE__ */ jsxs(Radio, {
     ...n30,
     className: [c9.radio, t25].filter(Boolean).join(" "),
@@ -4602,15 +4640,15 @@ var c10 = {
   thumb: "_thumb_1644w_59"
 };
 function l10(l17) {
-  let { label: u14, showOutput: d12, formatOutput: f12, className: p10, ...m8 } = l17, h6 = d12 ?? u14 !== void 0;
+  let { label: u15, showOutput: d12, formatOutput: f12, className: p11, ...m9 } = l17, h6 = d12 ?? u15 !== void 0;
   return /* @__PURE__ */ jsxs(Slider, {
-    ...m8,
-    className: [c10.slider, p10].filter(Boolean).join(" "),
-    children: [(u14 !== void 0 || h6) && /* @__PURE__ */ jsxs("div", {
+    ...m9,
+    className: [c10.slider, p11].filter(Boolean).join(" "),
+    children: [(u15 !== void 0 || h6) && /* @__PURE__ */ jsxs("div", {
       className: c10.head,
-      children: [u14 !== void 0 && /* @__PURE__ */ jsx(Label, {
+      children: [u15 !== void 0 && /* @__PURE__ */ jsx(Label, {
         className: c10.label,
-        children: u14
+        children: u15
       }), h6 && /* @__PURE__ */ jsx(SliderOutput, {
         className: c10.output,
         children: ({ state: e19 }) => {
@@ -4646,11 +4684,11 @@ var f7 = {
   option: "_option_nq1le_80",
   check: "_check_nq1le_105"
 };
-function p5(a22) {
-  let { label: p10, description: m8, errorMessage: g5, placeholder: _6, options: v3, children: y4, selectedKey: b3, defaultSelectedKey: x3, onSelectionChange: S3, className: C3, ...w3 } = a22;
+function p6(a22) {
+  let { label: p11, description: m9, errorMessage: g5, placeholder: _6, options: v3, children: y4, selectedKey: b3, defaultSelectedKey: x3, onSelectionChange: S3, className: C3, ...w3 } = a22;
   return /* @__PURE__ */ jsxs(Select, {
     ...w3,
-    selectedKey: b3 ?? void 0,
+    selectedKey: b3,
     defaultSelectedKey: x3,
     onSelectionChange: S3 ? (e19) => S3(e19) : void 0,
     className: [
@@ -4659,9 +4697,9 @@ function p5(a22) {
       C3
     ].filter(Boolean).join(" "),
     children: [
-      p10 !== void 0 && /* @__PURE__ */ jsx(Label, {
+      p11 !== void 0 && /* @__PURE__ */ jsx(Label, {
         className: r15.label,
-        children: p10
+        children: p11
       }),
       /* @__PURE__ */ jsxs(Button, {
         className: f7.trigger,
@@ -4682,10 +4720,10 @@ function p5(a22) {
           })
         })]
       }),
-      m8 !== void 0 && /* @__PURE__ */ jsx(Text, {
+      m9 !== void 0 && /* @__PURE__ */ jsx(Text, {
         slot: "description",
         className: r15.hint,
-        children: m8
+        children: m9
       }),
       /* @__PURE__ */ jsx(FieldError, {
         className: r15.error,
@@ -4707,13 +4745,13 @@ function p5(a22) {
     ]
   });
 }
-function m4(e19, t25) {
+function m5(e19, t25) {
   return t25 === void 0 ? typeof e19 == "string" || typeof e19 == "number" ? String(e19) : void 0 : t25;
 }
 function h3({ children: e19, className: t25, textValue: n30, ...r28 }) {
   return /* @__PURE__ */ jsxs(ListBoxItem, {
     ...r28,
-    textValue: m4(e19, n30),
+    textValue: m5(e19, n30),
     className: [f7.option, t25].filter(Boolean).join(" "),
     children: [/* @__PURE__ */ jsx("svg", {
       className: f7.check,
@@ -4762,16 +4800,17 @@ var s13 = {
   footer: "_footer_13xy9_97"
 };
 function c12(c16) {
-  let { title: l17, showCloseButton: u14, children: d12, footer: f12, role: p10 = "dialog", className: m8, isOpen: h6, onOpenChange: g5, ..._6 } = c16, v3 = u14 ?? !!g5;
+  let { title: l17, showCloseButton: u15, children: d12, footer: f12, role: p11 = "dialog", className: m9, isOpen: h6, onOpenChange: g5, ..._6 } = c16, v3 = u15 ?? !!g5;
   return /* @__PURE__ */ jsx(ModalOverlay, {
     ..._6,
     isOpen: h6,
     onOpenChange: g5,
     className: s13.overlay,
+    "data-weasel-overlay": "",
     children: /* @__PURE__ */ jsx(Modal, {
-      className: [s13.modal, m8].filter(Boolean).join(" "),
+      className: [s13.modal, m9].filter(Boolean).join(" "),
       children: /* @__PURE__ */ jsx(Dialog, {
-        role: p10,
+        role: p11,
         className: s13.dialog,
         children: ({ close: e19 }) => /* @__PURE__ */ jsxs(Fragment, { children: [
           (l17 !== void 0 || v3) && /* @__PURE__ */ jsxs("header", {
@@ -4832,16 +4871,16 @@ var a17 = {
   body: "_body_1u064_68"
 };
 function o14(o20) {
-  let { title: s18, collapsed: c16, onToggleCollapse: l17, onHide: u14, children: d12, className: f12 } = o20, p10 = [
+  let { title: s18, collapsed: c16, onToggleCollapse: l17, onHide: u15, children: d12, className: f12 } = o20, p11 = [
     a17.panel,
     c16 && a17.collapsed,
     f12
-  ].filter(Boolean).join(" "), m8 = l17 !== void 0;
+  ].filter(Boolean).join(" "), m9 = l17 !== void 0;
   return /* @__PURE__ */ jsxs("div", {
-    className: p10,
+    className: p11,
     children: [s18 !== void 0 && /* @__PURE__ */ jsxs("div", {
       className: a17.titleRow,
-      children: [m8 ? /* @__PURE__ */ jsxs("button", {
+      children: [m9 ? /* @__PURE__ */ jsxs("button", {
         type: "button",
         className: a17.titleButton,
         onClick: l17,
@@ -4857,10 +4896,10 @@ function o14(o20) {
       }) : /* @__PURE__ */ jsx("span", {
         className: a17.title,
         children: s18
-      }), u14 !== void 0 && /* @__PURE__ */ jsxs(o2, { children: [/* @__PURE__ */ jsx(Focusable, { children: /* @__PURE__ */ jsx("button", {
+      }), u15 !== void 0 && /* @__PURE__ */ jsxs(o2, { children: [/* @__PURE__ */ jsx(Focusable, { children: /* @__PURE__ */ jsx("button", {
         type: "button",
         className: a17.hideButton,
-        onClick: u14,
+        onClick: u15,
         "aria-label": "Hide panel",
         children: "\xD7"
       }) }), /* @__PURE__ */ jsx(s2, { children: "Hide panel" })] })]
@@ -4878,9 +4917,9 @@ var a18 = {
   shortcut: "_shortcut_1jvxe_38"
 };
 function o15(o20) {
-  let { icon: s18, label: c16, shortcut: l17, active: u14, disabled: d12, ariaDisabled: f12, tabbable: p10, onClick: m8, onKeyDown: h6, title: g5, className: _6 } = o20, v3 = g5 ?? (l17 ? `${c16} (${l17})` : c16), y4 = [
+  let { icon: s18, label: c16, shortcut: l17, active: u15, disabled: d12, ariaDisabled: f12, tabbable: p11, onClick: m9, onKeyDown: h6, title: g5, className: _6 } = o20, v3 = g5 ?? (l17 ? `${c16} (${l17})` : c16), y4 = [
     a18.button,
-    u14 && a18.active,
+    u15 && a18.active,
     _6
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs(o2, {
@@ -4889,12 +4928,12 @@ function o15(o20) {
       isDisabled: d12,
       children: /* @__PURE__ */ jsxs("button", {
         type: "button",
-        tabIndex: p10 ? 0 : -1,
+        tabIndex: p11 ? 0 : -1,
         className: y4,
-        "aria-current": u14 ? "true" : void 0,
+        "aria-current": u15 ? "true" : void 0,
         "aria-disabled": f12 ? "true" : void 0,
         disabled: d12,
-        onClick: m8,
+        onClick: m9,
         onKeyDown: h6,
         children: [
           /* @__PURE__ */ jsx("span", {
@@ -4940,13 +4979,13 @@ var l12 = {
   ineligibleBtn: "_ineligibleBtn_1mz1c_20",
   separator: "_separator_1mz1c_25"
 };
-function u10(t25) {
+function u11(t25) {
   if (!t25) return;
   let n30 = Array.isArray(t25.key) ? t25.key[0] : t25.key, r28 = [];
   return t25.mod && r28.push("\u2318"), t25.shift === true && r28.push("\u21E7"), t25.alt && r28.push("\u2325"), r28.push(e7(n30)), r28;
 }
 function d8(e19) {
-  let t25 = u10(e19);
+  let t25 = u11(e19);
   return t25 ? t25.join("") : void 0;
 }
 var f8 = [
@@ -4956,11 +4995,11 @@ var f8 = [
   "type",
   "view"
 ];
-var p6 = "misc";
-function m5(e19) {
+var p7 = "misc";
+function m6(e19) {
   let t25 = /* @__PURE__ */ new Map();
   for (let n30 of e19) {
-    let e20 = n30.presentation?.group ?? p6, r28 = t25.get(e20) ?? [];
+    let e20 = n30.presentation?.group ?? p7, r28 = t25.get(e20) ?? [];
     r28.push(n30), t25.set(e20, r28);
   }
   return t25;
@@ -4968,18 +5007,18 @@ function m5(e19) {
 function h4(e19, t25) {
   let n30 = new Set(e19.keys()), r28 = [];
   for (let e20 of t25) n30.has(e20) && (r28.push(e20), n30.delete(e20));
-  for (let t26 of e19.keys()) n30.has(t26) && t26 !== p6 && (r28.push(t26), n30.delete(t26));
-  return n30.has(p6) && r28.push(p6), r28;
+  for (let t26 of e19.keys()) n30.has(t26) && t26 !== p7 && (r28.push(t26), n30.delete(t26));
+  return n30.has(p7) && r28.push(p7), r28;
 }
 function g3(e19) {
   let t25 = e19.presentation?.icon;
   return t25 == null ? /* @__PURE__ */ jsx(UnknownIcon, {}) : typeof t25 == "function" ? t25(void 0) : t25;
 }
 function _3(e19) {
-  let { tools: a22, orientation: u14 = "vertical", className: p10, lookupShortcut: _6, modeRegistry: v3, groupOrder: y4 = f8 } = e19, b3 = m5(Object.values(a22.registry)), x3 = h4(b3, y4), S3 = [
+  let { tools: a22, orientation: u15 = "vertical", className: p11, lookupShortcut: _6, modeRegistry: v3, groupOrder: y4 = f8 } = e19, b3 = m6(Object.values(a22.registry)), x3 = h4(b3, y4), S3 = [
     l12.palette,
-    u14 === "horizontal" && l12.horizontal,
-    p10
+    u15 === "horizontal" && l12.horizontal,
+    p11
   ].filter(Boolean).join(" "), C3 = x3.flatMap((e20) => b3.get(e20)), w3 = C3.map((e20) => v3 ? eligibleContribution(v3, e20) : true), T3 = C3.findIndex((e20) => e20.id === a22.active), E3 = a8({
     items: w3.map((e20) => ({ disabled: !e20 })),
     itemClassName: l12.paletteBtn,
@@ -4993,12 +5032,12 @@ function _3(e19) {
     children: x3.map((e20, t25) => /* @__PURE__ */ jsxs(Fragment$1, { children: [t25 > 0 && /* @__PURE__ */ jsx("div", {
       className: l12.separator,
       role: "separator",
-      "aria-orientation": u14 === "horizontal" ? "vertical" : "horizontal"
+      "aria-orientation": u15 === "horizontal" ? "vertical" : "horizontal"
     }), /* @__PURE__ */ jsx(n26, {
-      orientation: u14,
+      orientation: u15,
       groupKey: e20,
       children: b3.get(e20).map((e21) => {
-        let t26 = ++D3, r28 = e21.presentation?.label ?? e21.id, i24 = e21.presentation?.shortcut ?? d8(_6 ? _6(e21.id) : e21.keybinding), s18 = w3[t26], c16 = v3 ? v3.current().id : void 0, u15 = !s18 && c16 ? `${r28}${i24 ? ` (${i24})` : ""} \u2014 disabled in ${c16} mode` : void 0;
+        let t26 = ++D3, r28 = e21.presentation?.label ?? e21.id, i24 = e21.presentation?.shortcut ?? d8(_6 ? _6(e21.id) : e21.keybinding), s18 = w3[t26], c16 = v3 ? v3.current().id : void 0, u16 = !s18 && c16 ? `${r28}${i24 ? ` (${i24})` : ""} \u2014 disabled in ${c16} mode` : void 0;
         return /* @__PURE__ */ jsx(o15, {
           icon: g3(e21),
           label: r28,
@@ -5007,7 +5046,7 @@ function _3(e19) {
           tabbable: E3.tabIndexFor(t26) === 0,
           ariaDisabled: !s18,
           className: [l12.paletteBtn, !s18 && l12.ineligibleBtn].filter(Boolean).join(" "),
-          title: u15,
+          title: u16,
           onClick: s18 ? () => a22.setActive(e21.id) : () => {
           },
           onKeyDown: E3.onKeyDown(t26)
@@ -5058,11 +5097,11 @@ var f9 = {
   option: "_option_7wlzm_93",
   empty: "_empty_7wlzm_116"
 };
-function p7(s18) {
-  let { label: p10, description: h6, errorMessage: g5, placeholder: _6, options: v3, children: y4, selectedKey: b3, defaultSelectedKey: x3, onSelectionChange: S3, emptyLabel: C3 = "No matches", className: w3, ...T3 } = s18;
+function p8(s18) {
+  let { label: p11, description: h6, errorMessage: g5, placeholder: _6, options: v3, children: y4, selectedKey: b3, defaultSelectedKey: x3, onSelectionChange: S3, emptyLabel: C3 = "No matches", className: w3, ...T3 } = s18;
   return /* @__PURE__ */ jsxs(ComboBox, {
     ...T3,
-    selectedKey: b3 ?? void 0,
+    selectedKey: b3,
     defaultSelectedKey: x3,
     onSelectionChange: S3 ? (e19) => S3(e19) : void 0,
     className: [
@@ -5071,9 +5110,9 @@ function p7(s18) {
       w3
     ].filter(Boolean).join(" "),
     children: [
-      p10 !== void 0 && /* @__PURE__ */ jsx(Label, {
+      p11 !== void 0 && /* @__PURE__ */ jsx(Label, {
         className: r15.label,
-        children: p10
+        children: p11
       }),
       /* @__PURE__ */ jsxs("div", {
         className: f9.frame,
@@ -5105,13 +5144,14 @@ function p7(s18) {
       }),
       /* @__PURE__ */ jsx(Popover, {
         className: f9.popover,
+        "data-weasel-overlay": "",
         children: /* @__PURE__ */ jsx(ListBox, {
           className: f9.listbox,
           renderEmptyState: () => /* @__PURE__ */ jsx("div", {
             className: f9.empty,
             children: C3
           }),
-          children: v3 === void 0 ? y4 : v3.map((e19) => /* @__PURE__ */ jsx(m6, {
+          children: v3 === void 0 ? y4 : v3.map((e19) => /* @__PURE__ */ jsx(m7, {
             id: e19.value,
             textValue: e19.textValue,
             isDisabled: e19.isDisabled,
@@ -5122,7 +5162,7 @@ function p7(s18) {
     ]
   });
 }
-function m6({ className: e19, ...t25 }) {
+function m7({ className: e19, ...t25 }) {
   return /* @__PURE__ */ jsx(ListBoxItem, {
     ...t25,
     className: [f9.option, e19].filter(Boolean).join(" ")
@@ -5132,19 +5172,19 @@ function f10(e19, t25, n30) {
   let r28 = t25.x - e19.x, i24 = t25.y - e19.y;
   return Math.sqrt(r28 * r28 + i24 * i24) ** +n30;
 }
-function p8(e19, t25, n30, r28, i24, a22 = 0.5) {
+function p9(e19, t25, n30, r28, i24, a22 = 0.5) {
   let o20 = 0 + f10(e19, t25, a22), s18 = o20 + f10(t25, n30, a22), c16 = s18 + f10(n30, r28, a22);
   if (s18 - o20 === 0) return {
     x: t25.x + (n30.x - t25.x) * i24,
     y: t25.y + (n30.y - t25.y) * i24
   };
-  let l17 = o20 + i24 * (s18 - o20), u14 = ((o20 - l17) * e19.x + (l17 - 0) * t25.x) / (o20 - 0), d12 = ((o20 - l17) * e19.y + (l17 - 0) * t25.y) / (o20 - 0), p10 = ((s18 - l17) * t25.x + (l17 - o20) * n30.x) / (s18 - o20), m8 = ((s18 - l17) * t25.y + (l17 - o20) * n30.y) / (s18 - o20), h6 = ((c16 - l17) * n30.x + (l17 - s18) * r28.x) / (c16 - s18), g5 = ((c16 - l17) * n30.y + (l17 - s18) * r28.y) / (c16 - s18), _6 = ((s18 - l17) * u14 + (l17 - 0) * p10) / (s18 - 0), v3 = ((s18 - l17) * d12 + (l17 - 0) * m8) / (s18 - 0), y4 = ((c16 - l17) * p10 + (l17 - o20) * h6) / (c16 - o20), b3 = ((c16 - l17) * m8 + (l17 - o20) * g5) / (c16 - o20);
+  let l17 = o20 + i24 * (s18 - o20), u15 = ((o20 - l17) * e19.x + (l17 - 0) * t25.x) / (o20 - 0), d12 = ((o20 - l17) * e19.y + (l17 - 0) * t25.y) / (o20 - 0), p11 = ((s18 - l17) * t25.x + (l17 - o20) * n30.x) / (s18 - o20), m9 = ((s18 - l17) * t25.y + (l17 - o20) * n30.y) / (s18 - o20), h6 = ((c16 - l17) * n30.x + (l17 - s18) * r28.x) / (c16 - s18), g5 = ((c16 - l17) * n30.y + (l17 - s18) * r28.y) / (c16 - s18), _6 = ((s18 - l17) * u15 + (l17 - 0) * p11) / (s18 - 0), v3 = ((s18 - l17) * d12 + (l17 - 0) * m9) / (s18 - 0), y4 = ((c16 - l17) * p11 + (l17 - o20) * h6) / (c16 - o20), b3 = ((c16 - l17) * m9 + (l17 - o20) * g5) / (c16 - o20);
   return {
     x: ((s18 - l17) * _6 + (l17 - o20) * y4) / (s18 - o20),
     y: ((s18 - l17) * v3 + (l17 - o20) * b3) / (s18 - o20)
   };
 }
-function m7(e19, t25, n30 = 0.5) {
+function m8(e19, t25, n30 = 0.5) {
   if (e19.length < 2) return [];
   let r28 = e19.length, i24 = [], a22 = {
     x: 2 * e19[0].x - e19[1].x,
@@ -5154,18 +5194,18 @@ function m7(e19, t25, n30 = 0.5) {
     y: 2 * e19[r28 - 1].y - e19[r28 - 2].y
   };
   for (let s18 = 0; s18 < r28 - 1; s18++) {
-    let c16 = s18 === 0 ? a22 : e19[s18 - 1], l17 = e19[s18], u14 = e19[s18 + 1], d12 = s18 + 2 < r28 ? e19[s18 + 2] : o20, f12 = s18 === 0 ? 0 : 1;
+    let c16 = s18 === 0 ? a22 : e19[s18 - 1], l17 = e19[s18], u15 = e19[s18 + 1], d12 = s18 + 2 < r28 ? e19[s18 + 2] : o20, f12 = s18 === 0 ? 0 : 1;
     for (let e20 = f12; e20 <= t25; e20++) {
       if (e20 === 0) {
         i24.push(l17);
         continue;
       }
       if (e20 === t25) {
-        i24.push(u14);
+        i24.push(u15);
         continue;
       }
       let r29 = e20 / t25;
-      i24.push(p8(c16, l17, u14, d12, r29, n30));
+      i24.push(p9(c16, l17, u15, d12, r29, n30));
     }
   }
   return i24;
@@ -5240,13 +5280,13 @@ function y2(e19, t25, n30) {
     case "linear":
       return v2(e19, t25);
     case "catmull-rom-uniform":
-      return m7(e19, t25, 0);
+      return m8(e19, t25, 0);
     case "catmull-rom-chordal":
-      return m7(e19, t25, 1);
+      return m8(e19, t25, 1);
     case "monotone":
       return _4(e19, t25);
     default:
-      return m7(e19, t25, 0.5);
+      return m8(e19, t25, 0.5);
   }
 }
 function b2(e19, t25, n30) {
@@ -5267,11 +5307,11 @@ function x2(e19, t25, n30) {
     if (a22.length < 2) continue;
     let o20 = a22.length - 1;
     for (let e20 = 0; e20 < o20; e20++) {
-      let s18 = a22[e20], c16 = a22[e20 + 1], l17 = c16.x - s18.x, u14 = c16.y - s18.y, d12 = t25.x - s18.x, f12 = t25.y - s18.y, p10 = l17 * l17 + u14 * u14, m8 = p10 > 0 ? (d12 * l17 + f12 * u14) / p10 : 0;
-      m8 < 0 ? m8 = 0 : m8 > 1 && (m8 = 1);
-      let h6 = s18.x + m8 * l17, g5 = s18.y + m8 * u14, _6 = h6 - t25.x, v3 = g5 - t25.y, y4 = _6 * _6 + v3 * v3;
+      let s18 = a22[e20], c16 = a22[e20 + 1], l17 = c16.x - s18.x, u15 = c16.y - s18.y, d12 = t25.x - s18.x, f12 = t25.y - s18.y, p11 = l17 * l17 + u15 * u15, m9 = p11 > 0 ? (d12 * l17 + f12 * u15) / p11 : 0;
+      m9 < 0 ? m9 = 0 : m9 > 1 && (m9 = 1);
+      let h6 = s18.x + m9 * l17, g5 = s18.y + m9 * u15, _6 = h6 - t25.x, v3 = g5 - t25.y, y4 = _6 * _6 + v3 * v3;
       if (y4 > r28) continue;
-      let b3 = (e20 + m8) / o20;
+      let b3 = (e20 + m9) / o20;
       (i24 === null || y4 < i24.d2) && (i24 = {
         segIdx: n31,
         t: b3,
@@ -5323,26 +5363,26 @@ function A2(e19) {
 }
 function j2(t25 = {}) {
   let n30 = t25.id ?? "function", r28 = t25.domain ?? "2d", i24 = t25.endpoints ?? "free", a22 = t25.constrain ?? "none", o20 = t25.addPointMode ?? "click-curve", s18 = A2(t25), c16 = t25.interactive !== false, f12 = t25.curve !== false && t25.curve !== null;
-  function p10(e19, n31) {
-    let { points: r29, activeIndex: a23 } = e19, o21 = O2(r29, n31), p11 = "", m9 = null;
+  function p11(e19, n31) {
+    let { points: r29, activeIndex: a23 } = e19, o21 = O2(r29, n31), p12 = "", m10 = null;
     if (r29.length >= 2) {
       let e20 = y2(r29, C2, s18).map((e21) => n31.toPlot(e21)), i25 = [`M${e20[0].x.toFixed(2)},${e20[0].y.toFixed(2)}`];
       for (let t26 = 1; t26 < e20.length; t26++) i25.push(`L${e20[t26].x.toFixed(2)},${e20[t26].y.toFixed(2)}`);
-      if (p11 = i25.join(""), t25.fill) {
+      if (p12 = i25.join(""), t25.fill) {
         let r30 = t25.fill.side === "below" ? n31.plotSize.height : 0, a24 = e20[0], o22 = e20[e20.length - 1], s19 = [...i25];
-        s19.push(`L${o22.x.toFixed(2)},${r30.toFixed(2)}`), s19.push(`L${a24.x.toFixed(2)},${r30.toFixed(2)}`), s19.push("Z"), m9 = s19.join("");
+        s19.push(`L${o22.x.toFixed(2)},${r30.toFixed(2)}`), s19.push(`L${a24.x.toFixed(2)},${r30.toFixed(2)}`), s19.push("Z"), m10 = s19.join("");
       }
     }
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      m9 && /* @__PURE__ */ jsx("path", {
+      m10 && /* @__PURE__ */ jsx("path", {
         "data-curve-element": "fill",
         className: S2.fill,
-        d: m9,
+        d: m10,
         fill: t25.fill ? t25.fill.color : void 0
       }),
-      p11 && f12 && /* @__PURE__ */ jsx("path", {
+      p12 && f12 && /* @__PURE__ */ jsx("path", {
         className: S2.curve,
-        d: p11,
+        d: p12,
         fill: "none"
       }),
       c16 && o21.map((e20, n32) => {
@@ -5394,7 +5434,7 @@ function j2(t25 = {}) {
       })
     ] });
   }
-  function m8(e19, t26, n31) {
+  function m9(e19, t26, n31) {
     if (!c16) return null;
     let r29 = b2(O2(e19.points, n31), t26, w2);
     if (r29) return {
@@ -5418,17 +5458,17 @@ function j2(t25 = {}) {
       onMove(n31, o21, s19, c17) {
         let l17 = n31.points;
         if (e19 < 0 || e19 >= l17.length) return n31;
-        let u14 = c17.modelRange, d12 = t25.xClamp ? t25.xClamp[0] : u14.xMin, f13 = t25.xClamp ? t25.xClamp[1] : u14.xMax, p11 = o21.x, m9 = o21.y, h7 = e19 === 0 || e19 === l17.length - 1;
-        if (i24 === "pinned-both" && h7) p11 = e19 === 0 ? d12 : f13, m9 = e19 === 0 ? u14.yMin : u14.yMax;
-        else if (i24 === "pinned-x" && h7) p11 = e19 === 0 ? d12 : f13;
+        let u15 = c17.modelRange, d12 = t25.xClamp ? t25.xClamp[0] : u15.xMin, f13 = t25.xClamp ? t25.xClamp[1] : u15.xMax, p12 = o21.x, m10 = o21.y, h7 = e19 === 0 || e19 === l17.length - 1;
+        if (i24 === "pinned-both" && h7) p12 = l17[e19].x, m10 = l17[e19].y;
+        else if (i24 === "pinned-x" && h7) p12 = e19 === 0 ? d12 : f13;
         else if (a22 === "function" || r28 === "1d") {
           let t26 = a22 === "function" ? (f13 - d12) / 1e3 : 0, n32 = e19 > 0 ? l17[e19 - 1].x + t26 : d12, r29 = e19 < l17.length - 1 ? l17[e19 + 1].x - t26 : f13;
-          p11 = Math.max(n32, Math.min(r29, p11));
+          p12 = Math.max(n32, Math.min(r29, p12));
         }
-        p11 = Math.max(Math.min(d12, f13), Math.min(Math.max(d12, f13), p11));
+        p12 = Math.max(Math.min(d12, f13), Math.min(Math.max(d12, f13), p12));
         let g6 = E2({
-          x: p11,
-          y: m9
+          x: p12,
+          y: m10
         }, c17), _7 = l17.slice();
         return _7[e19] = {
           ...l17[e19],
@@ -5454,7 +5494,7 @@ function j2(t25 = {}) {
       }
     };
   }
-  function g5(o21, s19, c17, l17, u14) {
+  function g5(o21, s19, c17, l17, u15) {
     if (s19.kind === "anchor") {
       let { index: r29 } = s19.payload;
       if (p("function-layer", "anchor-down", {
@@ -5465,14 +5505,14 @@ function j2(t25 = {}) {
       }), o21.points[r29]?.locked) return;
       if (l17.modifiers.shift) {
         if (D2(r29, o21.points.length, i24) || t25.minPoints !== void 0 && o21.points.length <= t25.minPoints) return;
-        u14.commit({
+        u15.commit({
           ...o21,
           points: o21.points.filter((e19, t26) => t26 !== r29),
           activeIndex: null
         });
         return;
       }
-      return c17.button === 2 ? void 0 : (u14.commit({
+      return c17.button === 2 ? void 0 : (u15.commit({
         ...o21,
         activeIndex: r29
       }), h6(r29));
@@ -5480,14 +5520,14 @@ function j2(t25 = {}) {
     if (s19.kind === "curve") {
       let { segIdx: e19 } = s19.payload;
       if (t25.maxPoints !== void 0 && o21.points.length >= t25.maxPoints) return;
-      let n31 = e19 + 1, i25 = E2(u14.model, l17);
+      let n31 = e19 + 1, i25 = E2(u15.model, l17);
       if (a22 === "function" || r28 === "1d") {
         let e20 = a22 === "function" ? (l17.modelRange.xMax - l17.modelRange.xMin) / 1e3 : 0, t26 = n31 > 0 ? o21.points[n31 - 1] : null, r29 = n31 < o21.points.length ? o21.points[n31] : null;
-        if (t26 && Math.abs(i25.x - t26.x) < e20 * 2) return u14.commit({
+        if (t26 && Math.abs(i25.x - t26.x) < e20 * 2) return u15.commit({
           ...o21,
           activeIndex: n31 - 1
         }), h6(n31 - 1);
-        if (r29 && Math.abs(i25.x - r29.x) < e20 * 2) return u14.commit({
+        if (r29 && Math.abs(i25.x - r29.x) < e20 * 2) return u15.commit({
           ...o21,
           activeIndex: n31
         }), h6(n31);
@@ -5497,7 +5537,7 @@ function j2(t25 = {}) {
         i25,
         ...o21.points.slice(n31)
       ];
-      return u14.commit({
+      return u15.commit({
         ...o21,
         points: c18,
         activeIndex: n31
@@ -5506,17 +5546,17 @@ function j2(t25 = {}) {
   }
   function _6(e19, n31, i25, a23, s19) {
     if (!c16 || o20 !== "click-empty" || t25.maxPoints !== void 0 && e19.points.length >= t25.maxPoints) return;
-    let l17 = E2(n31, a23), u14 = e19.points.length;
+    let l17 = E2(n31, a23), u15 = e19.points.length;
     if (r28 === "1d") {
       for (let t26 = 0; t26 < e19.points.length; t26++) if (e19.points[t26].x > l17.x) {
-        u14 = t26;
+        u15 = t26;
         break;
       }
     }
     let d12 = [
-      ...e19.points.slice(0, u14),
+      ...e19.points.slice(0, u15),
       l17,
-      ...e19.points.slice(u14)
+      ...e19.points.slice(u15)
     ];
     s19.commit({
       ...e19,
@@ -5526,8 +5566,8 @@ function j2(t25 = {}) {
   }
   return {
     id: n30,
-    render: p10,
-    hitTest: m8,
+    render: p11,
+    hitTest: m9,
     onPointerDown: g5,
     onEmptyPointerDown: _6
   };
@@ -5541,7 +5581,7 @@ function N2(e19) {
   };
 }
 function P2(l17) {
-  let { layers: f12, onLayerChange: p10, onLayerCommit: m8, width: h6, height: g5, xRange: _6 = [0, 1], yRange: v3 = [0, 1], grid: y4, axes: b3, className: x3, style: C3, children: w3 } = l17, T3 = l17.history !== false, E3 = useMemo(() => ({
+  let { layers: f12, onLayerChange: p11, onLayerCommit: m9, width: h6, height: g5, xRange: _6 = [0, 1], yRange: v3 = [0, 1], grid: y4, axes: b3, className: x3, style: C3, children: w3 } = l17, T3 = l17.history !== false, E3 = useMemo(() => ({
     xMin: _6[0],
     xMax: _6[1],
     yMin: v3[0],
@@ -5572,9 +5612,9 @@ function P2(l17) {
     let t25 = O3.current;
     for (let n30 of t25) {
       let t26 = e19.get(n30.layer.id);
-      t26 !== void 0 && t26 !== n30.state && p10(n30.layer.id, t26);
+      t26 !== void 0 && t26 !== n30.state && p11(n30.layer.id, t26);
     }
-  }, [p10]), V2 = useCallback(() => {
+  }, [p11]), V2 = useCallback(() => {
     if (!T3) return;
     let e19 = L2.current;
     if (e19.length === 0) return;
@@ -5614,7 +5654,7 @@ function P2(l17) {
     let r28 = n30.clientToModel(e19), i24 = X2(t25.layerId);
     if (i24 === void 0) return;
     let a22 = M3(N2(e19)), o20 = t25.gesture.onMove(i24, r28, e19, a22);
-    o20 !== i24 && p10(t25.layerId, o20);
+    o20 !== i24 && p11(t25.layerId, o20);
   }, W2.current = (e19) => {
     let t25 = P3.current;
     if (!t25 || t25.pointerId !== e19.pointerId) return;
@@ -5624,7 +5664,7 @@ function P2(l17) {
       return;
     }
     let r28 = M3(N2(e19)), i24 = t25.gesture.onCommit ? t25.gesture.onCommit(n30, r28) : n30;
-    i24 !== n30 && p10(t25.layerId, i24), T3 && (L2.current.push(t25.startStates), R2.current = []), m8 && m8(t25.layerId, i24, t25.startSelfState), Y2();
+    i24 !== n30 && p11(t25.layerId, i24), T3 && (L2.current.push(t25.startStates), R2.current = []), m9 && m9(t25.layerId, i24, t25.startSelfState), Y2();
   }, G2.current = (e19) => {
     let t25 = P3.current;
     if (!t25 || t25.pointerId !== e19.pointerId) return;
@@ -5634,7 +5674,7 @@ function P2(l17) {
       return;
     }
     let r28 = M3(N2(e19)), i24 = t25.gesture.onCancel ? t25.gesture.onCancel(n30, r28) : t25.startSelfState;
-    i24 !== n30 && p10(t25.layerId, i24), Y2();
+    i24 !== n30 && p11(t25.layerId, i24), Y2();
   };
   let Z2 = useCallback((e19, t25, n30) => {
     let r28 = z2();
@@ -5662,50 +5702,50 @@ function P2(l17) {
     for (let e19 = i24.length - 1; e19 >= 0; e19--) {
       let s19 = i24[e19], c16 = s19.layer.hitTest?.(s19.state, n30.plot, r28);
       if (!c16) continue;
-      let l18 = s19.state, u14, d12 = s19.layer.onPointerDown?.(l18, c16, a22, r28, {
+      let l18 = s19.state, u15, d12 = s19.layer.onPointerDown?.(l18, c16, a22, r28, {
         plot: n30.plot,
         model: n30.model,
         commit(e20) {
-          u14 = e20, p10(s19.layer.id, e20);
+          u15 = e20, p11(s19.layer.id, e20);
         }
       });
       if (t25.stopPropagation(), d12) {
         Z2(s19.layer.id, t25.pointerId, d12);
         return;
       }
-      u14 !== void 0 && (T3 && (L2.current.push(o20), R2.current = []), m8?.(s19.layer.id, u14, l18));
+      u15 !== void 0 && (T3 && (L2.current.push(o20), R2.current = []), m9?.(s19.layer.id, u15, l18));
       return;
     }
     let s18 = null;
     for (let e19 = i24.length - 1; e19 >= 0; e19--) {
       let c16 = i24[e19];
       if (!c16.layer.onEmptyPointerDown) continue;
-      let l18 = c16.state, u14, d12 = c16.layer.onEmptyPointerDown(l18, n30.model, a22, r28, {
+      let l18 = c16.state, u15, d12 = c16.layer.onEmptyPointerDown(l18, n30.model, a22, r28, {
         plot: n30.plot,
         model: n30.model,
         commit(e20) {
-          u14 = e20, p10(c16.layer.id, e20);
+          u15 = e20, p11(c16.layer.id, e20);
         }
       });
       if (d12) {
-        Z2(c16.layer.id, t25.pointerId, d12), u14 !== void 0 && P3.current !== null && (P3.current.startStates = o20, P3.current.startSelfState = o20.get(c16.layer.id));
+        Z2(c16.layer.id, t25.pointerId, d12), u15 !== void 0 && P3.current !== null && (P3.current.startStates = o20, P3.current.startSelfState = o20.get(c16.layer.id));
         return;
       }
-      if (u14 !== void 0) {
+      if (u15 !== void 0) {
         s18 = {
           id: c16.layer.id,
-          next: u14,
+          next: u15,
           prev: l18
         };
         break;
       }
     }
-    s18 && (T3 && (L2.current.push(o20), R2.current = []), m8?.(s18.id, s18.next, s18.prev));
+    s18 && (T3 && (L2.current.push(o20), R2.current = []), m9?.(s18.id, s18.next, s18.prev));
   }, [
     M3,
     Z2,
-    p10,
-    m8,
+    p11,
+    m9,
     T3,
     z2
   ]), $2 = useCallback((e19) => {
@@ -5776,13 +5816,13 @@ function P2(l17) {
   });
 }
 function F2(e19) {
-  let { value: t25, onChange: n30, onChangeCommit: r28, domain: l17, endpoints: d12, interpolation: f12, constrain: p10, addPointMode: m8, minPoints: h6, maxPoints: g5, curve: _6, fill: v3, hideNonInteractive: y4, renderAnchor: b3, width: x3, height: S3, xRange: C3, yRange: w3, grid: T3, axes: E3, history: D3, className: O3, style: k3, decorations: A3 } = e19, M3 = useMemo(() => j2({
+  let { value: t25, onInput: n30, onChange: r28, domain: l17, endpoints: d12, interpolation: f12, constrain: p11, addPointMode: m9, minPoints: h6, maxPoints: g5, curve: _6, fill: v3, hideNonInteractive: y4, renderAnchor: b3, width: x3, height: S3, xRange: C3, yRange: w3, grid: T3, axes: E3, history: D3, className: O3, style: k3, decorations: A3 } = e19, M3 = useMemo(() => j2({
     id: "function",
     domain: l17,
     endpoints: d12,
     interpolation: f12,
-    constrain: p10,
-    addPointMode: m8,
+    constrain: p11,
+    addPointMode: m9,
     minPoints: h6,
     maxPoints: g5,
     curve: _6,
@@ -5793,8 +5833,8 @@ function F2(e19) {
     l17,
     d12,
     f12,
-    p10,
-    m8,
+    p11,
+    m9,
     h6,
     g5,
     _6,
@@ -5817,7 +5857,7 @@ function F2(e19) {
   }, [n30]), R2 = useCallback((e20, t26, n31) => {
     if (!r28) return;
     let i24 = t26, a22 = n31;
-    i24.points !== a22.points && r28(i24.points, a22.points);
+    i24.points !== a22.points && r28?.(i24.points, a22.points);
   }, [r28]);
   return /* @__PURE__ */ jsx("div", {
     onContextMenu: useCallback((e20) => {
@@ -5875,7 +5915,7 @@ var f11 = {
   gap: 4,
   dim: 75
 };
-function p9(e19) {
+function p10(e19) {
   let { gradient: t25, samples: n30 = 16, activeRange: r28, hatch: i24 } = e19;
   return (e20) => {
     let a22 = [];
@@ -5903,7 +5943,7 @@ function p9(e19) {
 }
 
 // ../ui/dist/index.js
-function Re2(e19, t25, n30) {
+function Ve2(e19, t25, n30) {
   let [r28, i24, a22] = oklchToOklab(e19, t25, n30 * Math.PI / 180), [o20, s18, c16] = oklabToSrgbU8(r28, i24, a22);
   return rgbaToHex([
     o20 / 255,
@@ -5911,11 +5951,11 @@ function Re2(e19, t25, n30) {
     c16 / 255
   ]);
 }
-function ze2(e19, t25) {
+function He2(e19, t25) {
   let [n30, r28] = t25.lRange;
   return e19 <= n30 ? t25.cBot : e19 >= r28 ? t25.cTop : e19 <= t25.midL ? t25.cBot + (t25.cPeak - t25.cBot) * ((e19 - n30) / (t25.midL - n30)) : t25.cPeak + (t25.cTop - t25.cPeak) * ((e19 - t25.midL) / (r28 - t25.midL));
 }
 
-export { F2 as F, Ft, Re2 as Re, _, _3 as _2, a4 as a, a7 as a2, a8 as a3, a15 as a4, c5 as c, c12 as c2, c13 as c3, d4 as d, d8 as d2, e7 as e, f, f5 as f2, f6 as f3, h3 as h, l4 as l, l9 as l2, l10 as l3, l13 as l4, m2 as m, m6 as m2, n15 as n, n23 as n2, n26 as n3, n29 as n4, o5 as o, o6 as o2, o7 as o3, o14 as o4, o15 as o5, o17 as o6, p, p4 as p2, p5 as p3, p7 as p4, p9 as p5, qe, r10 as r, r11 as r2, r12 as r3, r13 as r4, r15 as r5, s5 as s, s6 as s2, s15 as s3, u4 as u, u6 as u2, u8 as u3, u10 as u4, ze2 as ze };
-//# sourceMappingURL=chunk-R4TACNW7.js.map
-//# sourceMappingURL=chunk-R4TACNW7.js.map
+export { F2 as F, Ft, He2 as He, Ve2 as Ve, _, _3 as _2, a4 as a, a8 as a2, a15 as a3, c4 as c, c5 as c2, c12 as c3, c13 as c4, d4 as d, d8 as d2, e7 as e, f, f6 as f2, h3 as h, l9 as l, l10 as l2, l13 as l3, m2 as m, m4 as m2, m7 as m3, n15 as n, n23 as n2, n26 as n3, n29 as n4, o5 as o, o6 as o2, o7 as o3, o14 as o4, o15 as o5, o17 as o6, p, p4 as p2, p6 as p3, p8 as p4, p10 as p5, qe, r10 as r, r11 as r2, r12 as r3, r13 as r4, r15 as r5, s6 as s, s7 as s2, s15 as s3, u4 as u, u5 as u2, u7 as u3, u9 as u4, u11 as u5 };
+//# sourceMappingURL=chunk-BAPZPDDA.js.map
+//# sourceMappingURL=chunk-BAPZPDDA.js.map