@weasel-js/labkit 1.0.4 → 1.2.0

package/dist/{chunk-BAPZPDDA.js → chunk-73KA7WBO.js}

@@ -1,4 +1,4 @@
-import { useActionsRegistry, useOptionalDepRegistry, evaluateEnabled, eligibleContribution, oklchToOklab, oklabToSrgbU8, rgbaToHex, UnknownIcon } from './chunk-DWV7SFKR.js';
+import { useActionsRegistry, useOptionalDepRegistry, evaluateEnabled, eligibleContribution, oklchToOklab, oklabToSrgbU8, rgbaToHex, UnknownIcon } from './chunk-BOHF3PQO.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,7 +57,7 @@ var g = {
   axis: "_axis_1djm7_34"
 };
 var _ = forwardRef(function(e19, c16) {
-  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(() => ({
+  let { width: l17, height: u15, xRange: d12 = [0, 1], yRange: f12 = [0, 1], grid: _7, axes: v4, 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],
@@ -119,8 +119,8 @@ var _ = forwardRef(function(e19, c16) {
     onPointerDown: S3 ? k3 : void 0,
     onKeyDown: C3,
     children: [
-      _6 && (() => {
-        let e20 = _6.divisions ?? 3, t25 = _6.color, n30 = [];
+      _7 && (() => {
+        let e20 = _7.divisions ?? 3, t25 = _7.color, n30 = [];
         for (let t26 = 1; t26 <= e20; t26++) n30.push(t26 / (e20 + 1));
         return /* @__PURE__ */ jsxs("g", { children: [n30.map((e21) => /* @__PURE__ */ jsx("line", {
           "data-plot-element": "grid",
@@ -140,8 +140,8 @@ var _ = forwardRef(function(e19, c16) {
           y2: e21 * u15
         }, `gy-${e21}`))] });
       })(),
-      v3 !== false && v3 !== null && (() => {
-        let e20 = v3?.color;
+      v4 !== false && v4 !== null && (() => {
+        let e20 = v4?.color;
         return /* @__PURE__ */ jsxs("g", { children: [/* @__PURE__ */ jsx("line", {
           "data-plot-element": "axis",
           className: g.axis,
@@ -213,7 +213,7 @@ function p2(e19, t25) {
   return t25 ? `${e19} (${t25})` : e19;
 }
 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 ? {
+  let { group: h7, orientation: g6 = "horizontal", icons: _7, labels: v4, 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 === h7), C3 = x3 ? {
     selection: x3.get("selection"),
     scene: x3.get("scene"),
     history: x3.get("history"),
@@ -225,13 +225,13 @@ function m2(m9) {
   return /* @__PURE__ */ jsx("div", {
     className: [
       l2.bar,
-      g5 === "vertical" && l2.vertical,
+      g6 === "vertical" && l2.vertical,
       y4
     ].filter(Boolean).join(" "),
     role: "toolbar",
-    "aria-label": `${h6} actions`,
+    "aria-label": `${h7} actions`,
     children: S3.map((n30) => {
-      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);
+      let a22 = v4?.[n30.id] ?? n30.label, o20 = f2(n30, _7?.[n30.id]), { enabled: u15 } = evaluateEnabled(n30, C3), d12 = !u15, m10 = p2(a22, n30.shortcut);
       return /* @__PURE__ */ jsxs(o2, {
         isDisabled: d12,
         children: [/* @__PURE__ */ jsx(Focusable, {
@@ -375,9 +375,9 @@ function _2({ variant: e19, focused: a22, params: c16 }) {
     let n30 = new ResizeObserver(t25);
     return n30.observe(e20), () => n30.disconnect();
   }, []);
-  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;
+  let m9 = l17.holeRadius / f12.w * 100, h7 = l17.holeRadius / f12.h * 100, _7 = Math.max(2, Math.round(f12.w / l17.holePitch)), v4 = Math.max(2, Math.round(f12.h / l17.holePitch)), y4 = [];
+  for (let e20 = 0; e20 < _7; e20++) {
+    let t25 = (e20 + 0.5) / _7;
     y4.push({
       cx: t25 * 100,
       cy: 0
@@ -386,8 +386,8 @@ function _2({ variant: e19, focused: a22, params: c16 }) {
       cy: 100
     });
   }
-  for (let e20 = 0; e20 < v3; e20++) {
-    let t25 = (e20 + 0.5) / v3;
+  for (let e20 = 0; e20 < v4; e20++) {
+    let t25 = (e20 + 0.5) / v4;
     y4.push({
       cx: 0,
       cy: t25 * 100
@@ -416,7 +416,7 @@ function _2({ variant: e19, focused: a22, params: c16 }) {
           cx: e20.cx,
           cy: e20.cy,
           rx: m9,
-          ry: h6,
+          ry: h7,
           fill: "black"
         }, t25))]
       }) }),
@@ -620,15 +620,15 @@ 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)), 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)}`,
+  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)), h7 = Math.max(0, Math.min(c16.erosion, 1)) * 12, g6 = h7 / u15.w * 100, _7 = h7 / u15.h * 100, v4 = [
+    `M ${g6.toFixed(3)} 0`,
+    `L ${(100 - g6).toFixed(3)} 0`,
+    `A ${g6.toFixed(3)} ${_7.toFixed(3)} 0 0 1 100 ${_7.toFixed(3)}`,
     `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`,
+    `L 0 ${_7.toFixed(3)}`,
+    `A ${g6.toFixed(3)} ${_7.toFixed(3)} 0 0 1 ${g6.toFixed(3)} 0`,
     "Z"
   ].join(" ");
   return /* @__PURE__ */ jsxs("g", {
@@ -636,15 +636,15 @@ function O({ variant: e19, focused: t25, params: a22 }) {
     children: [
       (e19 === "solid" || e19 === "subtle") && /* @__PURE__ */ jsx("path", {
         className: "badge-fill",
-        d: v3
+        d: v4
       }),
       (e19 === "outline" || e19 === "solid") && /* @__PURE__ */ jsx("path", {
         className: "badge-stroke",
-        d: v3
+        d: v4
       }),
       t25 && /* @__PURE__ */ jsx("path", {
         className: "badge-focus",
-        d: v3,
+        d: v4,
         transform: "translate(50 50) scale(1.06) translate(-50 -50)"
       })
     ]
@@ -1276,14 +1276,14 @@ 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, 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 = [
+    }, 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, h7 = c16 + c16 || 1, g6 = Math.PI * h7 * 1 / 4, _7 = [
       {
         kind: "h-edge",
         cssLen: p11
       },
       {
         kind: "tr-arc",
-        cssLen: g5
+        cssLen: g6
       },
       {
         kind: "v-edge",
@@ -1291,7 +1291,7 @@ var ge = {
       },
       {
         kind: "br-arc",
-        cssLen: g5
+        cssLen: g6
       },
       {
         kind: "h-edge-b",
@@ -1299,7 +1299,7 @@ var ge = {
       },
       {
         kind: "bl-arc",
-        cssLen: g5
+        cssLen: g6
       },
       {
         kind: "v-edge-l",
@@ -1307,14 +1307,14 @@ var ge = {
       },
       {
         kind: "tl-arc",
-        cssLen: g5
+        cssLen: g6
       }
-    ], v3 = [0];
-    for (let e20 of _6) v3.push(v3[v3.length - 1] + e20.cssLen);
-    let y4 = v3[v3.length - 1], b3 = (e20) => {
+    ], v4 = [0];
+    for (let e20 of _7) v4.push(v4[v4.length - 1] + e20.cssLen);
+    let y4 = v4[v4.length - 1], b3 = (e20) => {
       let t26 = (e20 % y4 + y4) % y4, n31 = 0;
-      for (; n31 < _6.length - 1 && t26 > v3[n31 + 1]; ) n31++;
-      let r29 = t26 - v3[n31], i25 = _6[n31], a23 = i25.cssLen > 0 ? r29 / i25.cssLen : 0;
+      for (; n31 < _7.length - 1 && t26 > v4[n31 + 1]; ) n31++;
+      let r29 = t26 - v4[n31], i25 = _7[n31], a23 = i25.cssLen > 0 ? r29 / i25.cssLen : 0;
       switch (i25.kind) {
         case "h-edge":
           return {
@@ -1414,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), 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;
+        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, h8 = (p12 - d13) / a22, g7 = Math.hypot(m10, h8) || 1;
         return {
           x: r29,
           y: o21,
-          nx: h7 / g6,
-          ny: -m10 / g6
+          nx: h8 / g7,
+          ny: -m10 / g7
         };
       };
     }
@@ -1497,11 +1497,11 @@ 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], 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);
+  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, h7 = p11 + n30 * s18 * a22 * J, g6 = m9 + r28 * s18 * a22 * J, _7 = a22 * Math.sqrt(Math.max(0, 1 - J * J)), v4 = [p11 - d12 * _7, m9 - f12 * _7], y4 = [p11 + d12 * _7, m9 + f12 * _7], b3 = [p11 + n30 * s18 * (a22 + a22 * (1 - J)), m9 + r28 * s18 * (a22 + a22 * (1 - J))], x3 = Math.hypot(v4[0] - h7, v4[1] - g6), S3 = Math.atan2(v4[1] - g6, v4[0] - h7), C3 = Math.atan2(y4[1] - g6, y4[0] - h7), w3 = Math.atan2(b3[1] - g6, b3[0] - h7), 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(v4);
   for (let e20 = 1; e20 <= o20; e20++) {
     let t26 = S3 + e20 / o20 * O3;
-    k3.push([h6 + x3 * Math.cos(t26), g5 + x3 * Math.sin(t26)]);
+    k3.push([h7 + x3 * Math.cos(t26), g6 + x3 * Math.sin(t26)]);
   }
   return k3.push(t25), k3;
 }
@@ -1550,12 +1550,12 @@ 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), 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 = [];
+  }, 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)), h7 = [];
   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)]);
+    let t26 = e20 / m9 * 2 * Math.PI, g6 = Math.abs(Math.sin(2 * (t26 - p11))), _7 = (a22 - g6) / a22, v4 = (g6 - a22) / (1 - a22), y4 = Ce(i24 + (n30 - i24) * we(Math.max(0, _7), o20, s18, c16), i24 + (r28 - i24) * we(Math.max(0, v4), l17, u15, d12), f12);
+    h7.push([50 + y4 * Math.cos(t26), 50 + y4 * Math.sin(t26)]);
   }
-  return h6;
+  return h7;
 }
 var Ee = {
   build: (e19, t25, n30) => q(Te(e19), t25, n30),
@@ -2130,7 +2130,7 @@ var Ze = {
       dx: 0,
       dy: 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;
+    let m9 = 1 - Math.abs(p11) / c16, h7 = i24(f12), g6 = h7.nx, _7 = h7.ny, v4 = Math.abs(h7.nx), y4 = Math.abs(h7.ny), b3 = Math.min(1, 2 * v4 * y4), x3 = (y4 > v4 ? 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);
@@ -2138,8 +2138,8 @@ var Ze = {
     w3 /= 5;
     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
+      dx: g6 * D3,
+      dy: _7 * D3
     };
   },
   defaults: Xe
@@ -2191,10 +2191,10 @@ var tt = {
       dx: 0,
       dy: 0
     };
-    let h6 = 1 - Math.abs(p11) / m9, g5 = -m9 * h6, _6 = i24(e19);
+    let h7 = 1 - Math.abs(p11) / m9, g6 = -m9 * h7, _7 = i24(e19);
     return {
-      dx: _6.nx * g5 * o20,
-      dy: _6.ny * g5 * o20
+      dx: _7.nx * g6 * o20,
+      dy: _7.ny * g6 * o20
     };
   },
   defaults: et
@@ -2221,10 +2221,10 @@ var rt = {
       dx: 0,
       dy: 0
     };
-    let h6 = (p11 + m9) / (2 * m9), g5 = m9 * Math.sin(Math.PI * h6) * o20, _6 = i24(e19);
+    let h7 = (p11 + m9) / (2 * m9), g6 = m9 * Math.sin(Math.PI * h7) * o20, _7 = i24(e19);
     return {
-      dx: _6.nx * g5,
-      dy: _6.ny * g5
+      dx: _7.nx * g6,
+      dy: _7.ny * g6
     };
   },
   defaults: nt
@@ -2248,44 +2248,45 @@ function ot(e19) {
 var st = 240;
 var ct = {
   Component: ({ sampler: e19, boxW: n30, boxH: r28, variant: i24, params: c16 }) => {
+    let l17 = useId();
     if (i24 !== "solid" && i24 !== "subtle") return null;
-    let l17 = {
+    let u15 = {
       ...it,
       ...c16
-    }, u15 = useId(), d12 = 100 / n30, f12 = 100 / r28, p11 = ot(l17.lightFrom), m9 = e19.totalCss, h6 = [], g5 = [];
+    }, d12 = 100 / n30, f12 = 100 / r28, p11 = ot(u15.lightFrom), m9 = e19.totalCss, h7 = [], g6 = [];
     for (let t25 = 0; t25 < st; t25++) {
       let n31 = e19.perimeterAt(t25 / st * m9);
-      h6.push({
+      h7.push({
         x: n31.x,
         y: n31.y,
         side: at(n31.nx, n31.ny)
-      }), g5.push({
-        x: n31.x - n31.nx * l17.bevelWidth * d12,
-        y: n31.y - n31.ny * l17.bevelWidth * f12
+      }), g6.push({
+        x: n31.x - n31.nx * u15.bevelWidth * d12,
+        y: n31.y - n31.ny * u15.bevelWidth * f12
       });
     }
-    let _6 = [], v3 = null;
+    let _7 = [], v4 = null;
     for (let e20 = 0; e20 < st; e20++) {
-      let t25 = h6[e20].side;
-      !v3 || v3.side !== t25 ? (v3 = {
+      let t25 = h7[e20].side;
+      !v4 || v4.side !== t25 ? (v4 = {
         side: t25,
         idxs: [e20]
-      }, _6.push(v3)) : v3.idxs.push(e20);
+      }, _7.push(v4)) : v4.idxs.push(e20);
     }
-    _6.length > 1 && _6[0].side === _6[_6.length - 1].side && (_6[_6.length - 1].idxs = _6[_6.length - 1].idxs.concat(_6[0].idxs), _6.shift());
+    _7.length > 1 && _7[0].side === _7[_7.length - 1].side && (_7[_7.length - 1].idxs = _7[_7.length - 1].idxs.concat(_7[0].idxs), _7.shift());
     let y4 = (e20) => {
-      let t25 = e20.idxs.map((e21) => h6[e21]), n31 = e20.idxs.map((e21) => g5[e21]).reverse(), r29 = [...t25, ...n31];
+      let t25 = e20.idxs.map((e21) => h7[e21]), n31 = e20.idxs.map((e21) => g6[e21]).reverse(), r29 = [...t25, ...n31];
       if (r29.length === 0) return "";
       let i25 = `M ${r29[0].x.toFixed(3)} ${r29[0].y.toFixed(3)}`;
       for (let e21 = 1; e21 < r29.length; e21++) i25 += ` L ${r29[e21].x.toFixed(3)} ${r29[e21].y.toFixed(3)}`;
       return i25 + " Z";
     };
     return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", {
-      id: u15,
+      id: l17,
       children: /* @__PURE__ */ jsx("path", { d: e19.bodyPath })
     }) }), /* @__PURE__ */ jsx("g", {
-      clipPath: `url(#${u15})`,
-      children: _6.map((e20, t25) => /* @__PURE__ */ jsx("path", {
+      clipPath: `url(#${l17})`,
+      children: _7.map((e20, t25) => /* @__PURE__ */ jsx("path", {
         className: p11[e20.side],
         d: y4(e20)
       }, t25))
@@ -2326,17 +2327,18 @@ var ut = {
 };
 var dt = {
   Component: ({ sampler: e19, variant: n30, params: r28 }) => {
+    let i24 = useId(), c16 = useId();
     if (n30 !== "solid" && n30 !== "subtle") return null;
-    let i24 = {
+    let l17 = {
       ...lt,
       ...r28
-    }, c16 = useId(), l17 = useId(), u15 = Math.max(0, Math.min(i24.intensity, 1));
+    }, u15 = Math.max(0, Math.min(l17.intensity, 1));
     return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("defs", { children: [/* @__PURE__ */ jsx("clipPath", {
-      id: l17,
+      id: c16,
       children: /* @__PURE__ */ jsx("path", { d: e19.bodyPath })
     }), /* @__PURE__ */ jsxs("linearGradient", {
-      id: c16,
-      ...ut[i24.lightFrom],
+      id: i24,
+      ...ut[l17.lightFrom],
       children: [
         /* @__PURE__ */ jsx("stop", {
           offset: "0%",
@@ -2360,12 +2362,12 @@ var dt = {
         })
       ]
     })] }), /* @__PURE__ */ jsx("rect", {
-      clipPath: `url(#${l17})`,
+      clipPath: `url(#${c16})`,
       x: "0",
       y: "0",
       width: "100",
       height: "100",
-      fill: `url(#${c16})`,
+      fill: `url(#${i24})`,
       style: { pointerEvents: "none" }
     })] });
   },
@@ -2383,7 +2385,7 @@ var pt = {
     let i24 = {
       ...ft,
       ...r28
-    }, 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;
+    }, 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, h7 = i24.lightFrom[0] === "t" ? -i24.radius * 0.32 : i24.radius * 0.32;
     return /* @__PURE__ */ jsx(Fragment, { children: [
       [f12, p11],
       [100 - f12, p11],
@@ -2400,14 +2402,14 @@ var pt = {
       /* @__PURE__ */ jsx("ellipse", {
         className: "badge-bevel-medium-dark",
         cx: e20 - m9 * 0.6 * c16,
-        cy: t26 - h6 * 0.6 * l17,
+        cy: t26 - h7 * 0.6 * l17,
         rx: u15 * 0.75,
         ry: d12 * 0.75
       }),
       /* @__PURE__ */ jsx("ellipse", {
         className: "badge-bevel-light",
         cx: e20 + m9 * c16,
-        cy: t26 + h6 * l17,
+        cy: t26 + h7 * l17,
         rx: u15 * 0.45,
         ry: d12 * 0.45
       })
@@ -2448,26 +2450,27 @@ function _t(e19) {
 }
 var vt = {
   Component: ({ sampler: e19, variant: n30, params: r28 }) => {
+    let i24 = useId();
     if (n30 !== "solid" && n30 !== "subtle") return null;
-    let i24 = {
+    let c16 = {
       ...gt,
       ...r28
-    }, c16 = useId(), l17 = [];
-    for (let e20 = 0; e20 < i24.lines; e20++) {
-      let t25 = (e20 + 1) / (i24.lines + 1) * 100, n31 = _t(e20 * 2 + 1) * 4, r29 = _t(e20 * 2 + 2) * 4;
+    }, l17 = [];
+    for (let e20 = 0; e20 < c16.lines; e20++) {
+      let t25 = (e20 + 1) / (c16.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 u15 = [];
-    for (let e20 = 0; e20 < i24.knots; e20++) {
+    for (let e20 = 0; e20 < c16.knots; e20++) {
       let t25 = 30 + _t(e20 * 3 + 0.7) * 30 + 20, n31 = 50 + _t(e20 * 3 + 1.3) * 30;
       u15.push([t25, n31]);
     }
     return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", {
-      id: c16,
+      id: i24,
       children: /* @__PURE__ */ jsx("path", { d: e19.bodyPath })
     }) }), /* @__PURE__ */ jsxs("g", {
-      clipPath: `url(#${c16})`,
-      opacity: Math.max(0, Math.min(i24.intensity, 1)),
+      clipPath: `url(#${i24})`,
+      opacity: Math.max(0, Math.min(c16.intensity, 1)),
       style: { pointerEvents: "none" },
       children: [l17.map((e20, t25) => /* @__PURE__ */ jsx("path", {
         className: "badge-stroke",
@@ -2546,46 +2549,47 @@ function Ct(e19) {
 }
 var wt = {
   Component: ({ sampler: e19, boxW: n30, boxH: r28, variant: i24, params: c16 }) => {
+    let l17 = useId();
     if (i24 !== "solid" && i24 !== "subtle") return null;
-    let l17 = {
+    let u15 = {
       ...xt,
       ...c16
-    }, u15 = useId(), d12 = 100 / n30, f12 = 100 / r28, p11 = e19.totalCss, { lx: m9, ly: h6 } = Ct(l17.lightFrom), g5 = [], _6 = [];
+    }, d12 = 100 / n30, f12 = 100 / r28, p11 = e19.totalCss, { lx: m9, ly: h7 } = Ct(u15.lightFrom), g6 = [], _7 = [];
     for (let t25 = 0; t25 < Q; t25++) {
-      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({
+      let n31 = e19.perimeterAt(t25 / Q * p11), r29 = -(n31.nx * m9 + n31.ny * h7), i25 = Math.max(0, Math.min((r29 + 1) / 2, 0.9999)), a22 = Math.floor(i25 * St.length);
+      g6.push({
         x: n31.x,
         y: n31.y,
         bucket: a22
-      }), _6.push({
-        x: n31.x - n31.nx * l17.bevelWidth * d12,
-        y: n31.y - n31.ny * l17.bevelWidth * f12
+      }), _7.push({
+        x: n31.x - n31.nx * u15.bevelWidth * d12,
+        y: n31.y - n31.ny * u15.bevelWidth * f12
       });
     }
-    let v3 = [], y4 = null;
+    let v4 = [], y4 = null;
     for (let e20 = 0; e20 < Q; e20++) {
-      let t25 = g5[e20].bucket;
+      let t25 = g6[e20].bucket;
       !y4 || y4.bucket !== t25 ? (y4 = {
         bucket: t25,
         idxs: [e20]
-      }, v3.push(y4)) : y4.idxs.push(e20);
+      }, v4.push(y4)) : y4.idxs.push(e20);
     }
-    v3.length > 1 && v3[0].bucket === v3[v3.length - 1].bucket && (v3[v3.length - 1].idxs = v3[v3.length - 1].idxs.concat(v3[0].idxs), v3.shift());
+    v4.length > 1 && v4[0].bucket === v4[v4.length - 1].bucket && (v4[v4.length - 1].idxs = v4[v4.length - 1].idxs.concat(v4[0].idxs), v4.shift());
     let b3 = (e20) => {
       let t25 = e20.idxs[0], n31 = e20.idxs[e20.idxs.length - 1], r29 = (t25 - 1 + Q) % Q, i25 = (n31 + 1) % Q, a22 = [
         r29,
         ...e20.idxs,
         i25
-      ], o20 = a22.map((e21) => g5[e21]), s18 = a22.map((e21) => _6[e21]).reverse(), c17 = [...o20, ...s18], l18 = `M ${c17[0].x.toFixed(3)} ${c17[0].y.toFixed(3)}`;
+      ], o20 = a22.map((e21) => g6[e21]), s18 = a22.map((e21) => _7[e21]).reverse(), c17 = [...o20, ...s18], l18 = `M ${c17[0].x.toFixed(3)} ${c17[0].y.toFixed(3)}`;
       for (let e21 = 1; e21 < c17.length; e21++) l18 += ` L ${c17[e21].x.toFixed(3)} ${c17[e21].y.toFixed(3)}`;
       return l18 + " Z";
     };
     return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", {
-      id: u15,
+      id: l17,
       children: /* @__PURE__ */ jsx("path", { d: e19.bodyPath })
     }) }), /* @__PURE__ */ jsx("g", {
-      clipPath: `url(#${u15})`,
-      children: v3.map((e20, t25) => /* @__PURE__ */ jsx("path", {
+      clipPath: `url(#${l17})`,
+      children: v4.map((e20, t25) => /* @__PURE__ */ jsx("path", {
         className: St[e20.bucket],
         d: b3(e20)
       }, t25))
@@ -2639,9 +2643,9 @@ var Ot = {
     let c16 = {
       ...Dt,
       ...i24
-    }, 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 = [];
+    }, l17 = useId(), u15 = useId(), d12 = useId(), f12 = 100 / n30, p11 = 100 / r28, m9 = Math.max(0, Math.min(c16.irregularity, 1)), h7 = (e20) => 1 + m9 * 0.45 * Math.sin(e20 * 1.73 + 0.7), g6 = (e20) => 1 + m9 * 0.5 * Math.sin(e20 * 2.31 + 1.3), _7 = (e20) => m9 * 8 * Math.sin(e20 * 3.07 + 0.4), v4 = c16.width * f12, y4 = c16.gap * f12, b3 = c16.offset * f12, x3 = 50 - (c16.count * v4 + (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 / p11) * 200 / 2, a22 = [
+      let t25 = v4 * h7(e20), n31 = x3, r29 = x3 + t25, i25 = Math.tan((c16.angle + _7(e20)) * Math.PI / 180) * (f12 / p11) * 200 / 2, a22 = [
         [n31 + i25, -50],
         [r29 + i25, -50],
         [r29 - i25, 150],
@@ -2649,8 +2653,8 @@ var Ot = {
       ];
       S3.push({
         points: a22.map(([e21, t26]) => `${e21.toFixed(3)},${t26.toFixed(3)}`).join(" "),
-        opacity: Math.max(0, Math.min(c16.opacity * g5(e20), 1))
-      }), x3 += v3 + y4;
+        opacity: Math.max(0, Math.min(c16.opacity * g6(e20), 1))
+      }), x3 += v4 + y4;
     }
     let C3 = c16.gradientAngle * Math.PI / 180, w3 = Math.cos(C3), T3 = Math.sin(C3), E3 = 50 - w3 * 100 / 2, D3 = 50 - T3 * 100 / 2, O3 = 50 + w3 * 100 / 2, k3 = 50 + T3 * 100 / 2, A3 = Math.max(0, Math.min(c16.gradientStart, 1)), j3 = Math.max(0, Math.min(c16.gradientEnd, 1)), M3 = A3 <= j3 ? [
       {
@@ -2751,17 +2755,18 @@ var kt = {
 var At = 240;
 var jt = {
   Component: ({ sampler: e19, boxW: n30, boxH: r28, variant: i24, params: c16 }) => {
+    let l17 = useId(), u15 = useId(), d12 = useId();
     if (i24 !== "solid" && i24 !== "subtle" && i24 !== "outline") return null;
-    let l17 = {
+    let f12 = {
       ...kt,
       ...c16
-    }, u15 = useId(), d12 = useId(), f12 = useId(), p11 = e19.totalCss, m9 = [], h6 = null;
+    }, p11 = e19.totalCss, m9 = [], h7 = null;
     for (let t25 = 0; t25 < At; t25++) {
       let n31 = t25 / At * p11, r29 = e19.perimeterAt(n31);
-      r29.ny < 0 ? (h6 || (h6 = [], m9.push(h6)), h6.push({
+      r29.ny < 0 ? (h7 || (h7 = [], m9.push(h7)), h7.push({
         x: r29.x,
         y: r29.y
-      })) : h6 = null;
+      })) : h7 = null;
     }
     if (m9.length > 1) {
       let t25 = e19.perimeterAt(0), n31 = e19.perimeterAt((At - 1) / At * p11);
@@ -2770,18 +2775,18 @@ var jt = {
         m9[m9.length - 1].push(...e20);
       }
     }
-    let g5 = [];
+    let g6 = [];
     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)}`;
-      g5.push(t25);
+      g6.push(t25);
     }
-    let _6 = 100 / n30, v3 = 100 / r28, y4 = Math.max(_6, v3), b3 = l17.bezelWidth * y4, x3 = l17.rimWidth * y4, S3 = Math.max(0, l17.equator - l17.equatorSpread), C3 = Math.min(100, l17.equator + l17.equatorSpread * 1.6), w3 = `color-mix(in srgb, ${l17.accent} ${l17.equatorTint}%, white)`, T3 = `color-mix(in srgb, ${l17.accent} ${l17.baseTint}%, black)`;
+    let _7 = 100 / n30, v4 = 100 / r28, y4 = Math.max(_7, v4), b3 = f12.bezelWidth * y4, x3 = f12.rimWidth * y4, S3 = Math.max(0, f12.equator - f12.equatorSpread), C3 = Math.min(100, f12.equator + f12.equatorSpread * 1.6), w3 = `color-mix(in srgb, ${f12.accent} ${f12.equatorTint}%, white)`, T3 = `color-mix(in srgb, ${f12.accent} ${f12.baseTint}%, black)`;
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs("defs", { children: [
         /* @__PURE__ */ jsxs("linearGradient", {
-          id: u15,
+          id: l17,
           x1: "0%",
           y1: "0%",
           x2: "0%",
@@ -2790,19 +2795,19 @@ var jt = {
             /* @__PURE__ */ jsx("stop", {
               offset: "0%",
               style: {
-                stopColor: l17.accent,
-                stopOpacity: l17.topAlpha
+                stopColor: f12.accent,
+                stopOpacity: f12.topAlpha
               }
             }),
             /* @__PURE__ */ jsx("stop", {
               offset: `${S3}%`,
               style: {
-                stopColor: l17.accent,
-                stopOpacity: l17.upperAlpha
+                stopColor: f12.accent,
+                stopOpacity: f12.upperAlpha
               }
             }),
             /* @__PURE__ */ jsx("stop", {
-              offset: `${l17.equator}%`,
+              offset: `${f12.equator}%`,
               style: {
                 stopColor: w3,
                 stopOpacity: 1
@@ -2811,7 +2816,7 @@ var jt = {
             /* @__PURE__ */ jsx("stop", {
               offset: `${C3}%`,
               style: {
-                stopColor: l17.accent,
+                stopColor: f12.accent,
                 stopOpacity: 1
               }
             }),
@@ -2825,24 +2830,24 @@ var jt = {
           ]
         }),
         /* @__PURE__ */ jsxs("linearGradient", {
-          id: d12,
+          id: u15,
           x1: "0%",
           y1: "0%",
           x2: "0%",
-          y2: `${l17.glossExtent}%`,
+          y2: `${f12.glossExtent}%`,
           children: [
             /* @__PURE__ */ jsx("stop", {
               offset: "0%",
               style: {
                 stopColor: "white",
-                stopOpacity: l17.glossTopAlpha
+                stopOpacity: f12.glossTopAlpha
               }
             }),
             /* @__PURE__ */ jsx("stop", {
               offset: "60%",
               style: {
                 stopColor: "white",
-                stopOpacity: l17.glossMidAlpha
+                stopOpacity: f12.glossMidAlpha
               }
             }),
             /* @__PURE__ */ jsx("stop", {
@@ -2855,29 +2860,29 @@ var jt = {
           ]
         }),
         /* @__PURE__ */ jsx("clipPath", {
-          id: f12,
+          id: d12,
           children: /* @__PURE__ */ jsx("path", { d: e19.bodyPath })
         })
       ] }),
       /* @__PURE__ */ jsx("path", {
         d: e19.bodyPath,
-        fill: `url(#${u15})`,
+        fill: `url(#${l17})`,
         style: { pointerEvents: "none" }
       }),
       /* @__PURE__ */ jsx("rect", {
         x: "0",
         y: "0",
         width: "100",
-        height: l17.glossExtent,
-        fill: `url(#${d12})`,
-        clipPath: `url(#${f12})`,
+        height: f12.glossExtent,
+        fill: `url(#${u15})`,
+        clipPath: `url(#${d12})`,
         style: { pointerEvents: "none" }
       }),
-      g5.map((e20, t25) => /* @__PURE__ */ jsx("path", {
+      g6.map((e20, t25) => /* @__PURE__ */ jsx("path", {
         d: e20,
         fill: "none",
         stroke: "white",
-        strokeOpacity: l17.bezelAlpha,
+        strokeOpacity: f12.bezelAlpha,
         strokeWidth: b3,
         strokeLinecap: "round",
         vectorEffect: "non-scaling-stroke",
@@ -2887,7 +2892,7 @@ var jt = {
         d: e19.bodyPath,
         fill: "none",
         stroke: "black",
-        strokeOpacity: l17.rimAlpha,
+        strokeOpacity: f12.rimAlpha,
         strokeWidth: x3,
         vectorEffect: "non-scaling-stroke",
         style: { pointerEvents: "none" }
@@ -2929,37 +2934,38 @@ var $ = {
   aqua: jt,
   metal: {
     Component: ({ sampler: e19, boxW: n30, boxH: r28, variant: i24, params: c16 }) => {
+      let l17 = useId(), u15 = useId(), d12 = useId();
       if (i24 !== "solid" && i24 !== "subtle" && i24 !== "outline") return null;
-      let l17 = {
+      let f12 = {
         ...Mt,
         ...c16
-      }, u15 = Math.max(0, Math.min(l17.specularity, 1)), d12 = useId(), f12 = useId(), p11 = useId(), m9 = e19.totalCss, h6 = [], g5 = null;
+      }, p11 = Math.max(0, Math.min(f12.specularity, 1)), m9 = e19.totalCss, h7 = [], g6 = null;
       for (let t25 = 0; t25 < Nt; t25++) {
         let n31 = t25 / Nt * m9, r29 = e19.perimeterAt(n31);
-        r29.ny < 0 ? (g5 || (g5 = [], h6.push(g5)), g5.push({
+        r29.ny < 0 ? (g6 || (g6 = [], h7.push(g6)), g6.push({
           x: r29.x,
           y: r29.y
-        })) : g5 = null;
+        })) : g6 = null;
       }
-      if (h6.length > 1) {
+      if (h7.length > 1) {
         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);
+          let e20 = h7.shift();
+          h7[h7.length - 1].push(...e20);
         }
       }
-      let _6 = [];
-      for (let e20 of h6) {
+      let _7 = [];
+      for (let e20 of h7) {
         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)}`;
-        _6.push(t25);
+        _7.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(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);
+      let v4 = 100 / n30, y4 = 100 / r28, b3 = Math.max(v4, y4), x3 = f12.bezelWidth * b3, S3 = f12.rimWidth * b3, C3 = Math.max(0, f12.equator - f12.equatorSpread), w3 = Math.min(100, f12.equator + f12.equatorSpread), T3 = 100 - Math.round(p11 * 85), E3 = `color-mix(in srgb, ${f12.accent} ${T3}%, white)`, D3 = `color-mix(in srgb, ${f12.accent} ${f12.topDarkness}%, black)`, O3 = `color-mix(in srgb, ${f12.accent} ${f12.baseDarkness}%, black)`, k3 = 100 - Math.round(p11 * 50), A3 = 100 - Math.round(p11 * 30), j3 = `color-mix(in srgb, ${f12.accent} ${k3}%, white)`, M3 = `color-mix(in srgb, ${f12.accent} ${A3}%, white)`, N3 = f12.glossAlphaTop * p11, P3 = f12.bezelAlpha * (0.4 + 0.6 * p11), F3 = f12.rimAlpha * (0.6 + 0.4 * p11);
       return /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxs("defs", { children: [
           /* @__PURE__ */ jsxs("linearGradient", {
-            id: d12,
+            id: l17,
             x1: "0%",
             y1: "0%",
             x2: "0%",
@@ -2974,7 +2980,7 @@ var $ = {
                 style: { stopColor: j3 }
               }),
               /* @__PURE__ */ jsx("stop", {
-                offset: `${l17.equator}%`,
+                offset: `${f12.equator}%`,
                 style: { stopColor: E3 }
               }),
               /* @__PURE__ */ jsx("stop", {
@@ -2988,11 +2994,11 @@ var $ = {
             ]
           }),
           /* @__PURE__ */ jsxs("linearGradient", {
-            id: f12,
+            id: u15,
             x1: "0%",
             y1: "0%",
             x2: "0%",
-            y2: `${l17.glossExtent}%`,
+            y2: `${f12.glossExtent}%`,
             children: [/* @__PURE__ */ jsx("stop", {
               offset: "0%",
               style: {
@@ -3008,25 +3014,25 @@ var $ = {
             })]
           }),
           /* @__PURE__ */ jsx("clipPath", {
-            id: p11,
+            id: d12,
             children: /* @__PURE__ */ jsx("path", { d: e19.bodyPath })
           })
         ] }),
         /* @__PURE__ */ jsx("path", {
           d: e19.bodyPath,
-          fill: `url(#${d12})`,
+          fill: `url(#${l17})`,
           style: { pointerEvents: "none" }
         }),
         N3 > 0 && /* @__PURE__ */ jsx("rect", {
           x: "0",
           y: "0",
           width: "100",
-          height: l17.glossExtent,
-          fill: `url(#${f12})`,
-          clipPath: `url(#${p11})`,
+          height: f12.glossExtent,
+          fill: `url(#${u15})`,
+          clipPath: `url(#${d12})`,
           style: { pointerEvents: "none" }
         }),
-        _6.map((e20, t25) => /* @__PURE__ */ jsx("path", {
+        _7.map((e20, t25) => /* @__PURE__ */ jsx("path", {
           d: e20,
           fill: "none",
           stroke: "white",
@@ -3055,7 +3061,7 @@ function Pt(e19) {
   return e19.as ? e19.as : e19.href ? "a" : e19.onClick ? "button" : "span";
 }
 function Ft(l17) {
-  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 = {
+  let { shape: u15 = "pill", tone: d12 = "neutral", variant: f12 = "outline", size: p11 = "sm", onClick: m9, onRemove: h7, removeLabel: g6, href: _7, children: v4, 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 ?? {}
   };
@@ -3230,12 +3236,12 @@ function Ft(l17) {
     })
   }) : null, /* @__PURE__ */ jsxs("span", {
     className: c3.content,
-    children: [/* @__PURE__ */ jsx("span", { children: v3 }), h6 && /* @__PURE__ */ jsx("button", {
+    children: [/* @__PURE__ */ jsx("span", { children: v4 }), h7 && /* @__PURE__ */ jsx("button", {
       type: "button",
       className: c3.remove,
-      "aria-label": g5 ?? "Remove",
+      "aria-label": g6 ?? "Remove",
       onClick: (e19) => {
-        e19.stopPropagation(), h6();
+        e19.stopPropagation(), h7();
       },
       children: /* @__PURE__ */ jsx("svg", {
         viewBox: "0 0 10 10",
@@ -3259,7 +3265,7 @@ function Ft(l17) {
     onClick: m9,
     children: K2
   }) : A3 === "a" ? /* @__PURE__ */ jsx("a", {
-    href: _6,
+    href: _7,
     ...le2,
     onClick: m9,
     children: K2
@@ -3310,10 +3316,10 @@ function i4() {
   });
 }
 var a4 = forwardRef(function(e19, a22) {
-  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;
+  let { variant: o20 = "secondary", size: s18 = "md", disabled: c16, loading: l17, leadingIcon: u15, trailingIcon: d12, fullWidth: f12, iconOnly: p11, ariaLabel: m9, type: h7 = "button", className: g6, style: _7, children: v4, onClick: y4 } = e19;
   return /* @__PURE__ */ jsxs("button", {
     ref: a22,
-    type: h6,
+    type: h7,
     className: [
       r5.button,
       r5[`variant_${o20}`],
@@ -3321,9 +3327,9 @@ var a4 = forwardRef(function(e19, a22) {
       f12 && r5.fullWidth,
       p11 && r5.iconOnly,
       l17 && r5.loading,
-      g5
+      g6
     ].filter(Boolean).join(" "),
-    style: _6,
+    style: _7,
     disabled: c16,
     "aria-busy": l17 ? true : void 0,
     "aria-label": m9,
@@ -3335,10 +3341,10 @@ var a4 = forwardRef(function(e19, a22) {
       }),
       p11 ? l17 ? /* @__PURE__ */ jsx(i4, {}) : /* @__PURE__ */ jsx("span", {
         className: r5.iconSlot,
-        children: v3
-      }) : v3 !== void 0 && /* @__PURE__ */ jsx("span", {
+        children: v4
+      }) : v4 !== void 0 && /* @__PURE__ */ jsx("span", {
         className: r5.label,
-        children: v3
+        children: v4
       }),
       !p11 && d12 && /* @__PURE__ */ jsx("span", {
         className: r5.iconSlot,
@@ -3394,7 +3400,7 @@ function c4(t25) {
         pointerId: n30.pointerId
       };
     }
-  }, []), h6 = useCallback(() => {
+  }, []), h7 = useCallback(() => {
     c16.current = null, l17.current = null, d12({
       draggedIds: null,
       targetIndex: null
@@ -3418,23 +3424,23 @@ function c4(t25) {
         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 u16 = a22.current.selectedIds, p12 = u16.includes(n30.id), [m10, h8] = s5(a22.current.items, n30.sourceIndex), g6 = (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);
+          return t27 >= m10 && t27 < h8;
+        }), _7 = f12(e19.clientY, n30.sourceIndex);
         l17.current = {
           ...n30,
-          draggedIds: g5,
-          targetIndex: _6
+          draggedIds: g6,
+          targetIndex: _7
         }, d12({
-          draggedIds: g5,
-          targetIndex: _6
+          draggedIds: g6,
+          targetIndex: _7
         });
       }, [f12, i24]),
       onPointerUp: useCallback((e19) => {
         let t26 = l17.current;
         if (!t26) {
-          h6();
+          h7();
           return;
         }
         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) => {
@@ -3442,11 +3448,11 @@ function c4(t25) {
           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]),
+        o21 && s18 !== void 0 && c17 !== void 0 && n30 >= s18 && n30 <= c17 + 1 || a22.current.onReorder(t26.draggedIds, n30), h7();
+      }, [f12, h7]),
       onPointerCancel: useCallback(() => {
-        h6();
-      }, [h6])
+        h7();
+      }, [h7])
     },
     state: u15
   };
@@ -3464,7 +3470,7 @@ var l4 = {
   dropAfter: "_dropAfter_1uuch_69"
 };
 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(() => {
+  let { rows: n30, columns: s18, defaultSort: u15, onReorder: d12, empty: f12 = "\u2014", className: p11 } = e19, [m9, h7] = useState(u15 ?? null), g6 = useMemo(() => {
     if (!m9) return [...n30];
     let e20 = s18.find((e21) => e21.id === m9.columnId);
     if (!e20) return [...n30];
@@ -3477,16 +3483,16 @@ function u4(e19) {
     n30,
     s18,
     m9
-  ]), _6 = (e20) => {
-    h6((t25) => !t25 || t25.columnId !== e20 ? {
+  ]), _7 = (e20) => {
+    h7((t25) => !t25 || t25.columnId !== e20 ? {
       columnId: e20,
       direction: "asc"
     } : t25.direction === "asc" ? {
       columnId: e20,
       direction: "desc"
     } : null);
-  }, v3 = c4({
-    items: g5.map((e20) => ({
+  }, v4 = c4({
+    items: g6.map((e20) => ({
       id: e20.id,
       label: ""
     })),
@@ -3496,9 +3502,9 @@ function u4(e19) {
   }), y4 = !!d12;
   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,
+    onPointerMove: y4 ? v4.containerProps.onPointerMove : void 0,
+    onPointerUp: y4 ? v4.containerProps.onPointerUp : void 0,
+    onPointerCancel: y4 ? v4.containerProps.onPointerCancel : void 0,
     children: /* @__PURE__ */ jsxs("table", {
       className: l4.table,
       children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [y4 && /* @__PURE__ */ jsx("th", {
@@ -3512,27 +3518,27 @@ function u4(e19) {
           children: t25 ? /* @__PURE__ */ jsxs("button", {
             type: "button",
             className: l4.sortButton,
-            onClick: () => _6(e20.id),
+            onClick: () => _7(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", {
+        ref: y4 ? v4.containerProps.ref : void 0,
+        children: [g6.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;
+        }) }), g6.map((e20, t25) => {
+          let n31 = v4.state.draggedIds?.includes(e20.id) ?? false, r28 = v4.state.targetIndex;
           return /* @__PURE__ */ jsxs("tr", {
             className: [
               n31 && l4.dragging,
               r28 === t25 && l4.dropBefore,
-              r28 === g5.length && t25 === g5.length - 1 && l4.dropAfter
+              r28 === g6.length && t25 === g6.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),
+              onPointerDown: (n32) => v4.rowProps(e20.id, t25).onPointerDown(n32),
               children: /* @__PURE__ */ jsx("span", {
                 "aria-hidden": "true",
                 children: "\u22EE\u22EE"
@@ -3990,173 +3996,198 @@ function c6(e19, t25, n30) {
 function l6(e19, t25, n30) {
   return Math.max(t25, Math.min(n30, e19));
 }
-function u6(e19, t25, n30) {
+var u6 = 8;
+function d5(e19, t25, n30) {
+  return !e19 || e19.length === 0 ? [] : [...new Set(e19.filter((e20) => e20 >= t25 && e20 <= n30))].sort((e20, t26) => e20 - t26);
+}
+function f5(e19, t25, n30) {
+  let r28 = e19, i24 = n30;
+  for (let n31 of t25) {
+    let t26 = Math.abs(n31 - e19);
+    t26 <= i24 && (r28 = n31, i24 = t26);
+  }
+  return r28;
+}
+function p5(e19, t25, n30, r28) {
+  if (n30 > 0) {
+    let n31 = e19.findIndex((e20) => e20 > t25);
+    return n31 === -1 ? e19[e19.length - 1] : e19[Math.min(e19.length - 1, n31 + r28 - 1)];
+  }
+  let i24 = -1;
+  for (let n31 = e19.length - 1; n31 >= 0; n31--) if (e19[n31] < t25) {
+    i24 = n31;
+    break;
+  }
+  return i24 === -1 ? e19[0] : e19[Math.max(0, i24 - (r28 - 1))];
+}
+function m4(e19, t25, n30) {
   return e19 !== void 0 && e19 > 0 ? e19 : (n30 - t25) / 100;
 }
-function d5(e19, t25, n30, r28, i24, a22) {
+function h3(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) {
+function g3(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 p5(e19) {
+function _3(e19) {
   return s7(e19.value, {
     minimumFractionDigits: 3,
     maximumFractionDigits: 3
   });
 }
-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);
+function v2(o20) {
+  let { thumbs: s18, onInput: v4, onChange: y4, min: b3, max: x3, step: S3, constraint: C3, trackHeight: w3, ariaLabel: T3, className: E3 } = o20, D3 = d5(o20.stops, b3, x3), O3 = useRef(null), k3 = useRef(null), A3 = useRef(null);
   useEffect(() => () => {
-    T3.current?.();
+    A3.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 j3 = useCallback((e19) => x3 === b3 ? 0 : l6((e19 - b3) / (x3 - b3), 0, 1), [b3, x3]), M3 = useCallback((e19) => b3 + l6(e19, 0, 1) * (x3 - b3), [b3, x3]), N3 = useCallback((e19) => {
+    k3.current = s18.map((e20) => ({ ...e20 }));
     let t25 = false, n30 = (n31) => {
-      let r29 = C3.current, i25 = w3.current;
+      let r29 = O3.current, i25 = k3.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], {
+      let a23 = r29.getBoundingClientRect(), s19 = M3(l6((n31.clientX - a23.left) / a23.width, 0, 1));
+      s19 = c6(s19, S3, b3), s19 = l6(s19, b3, x3), D3.length > 0 && (s19 = f5(s19, D3, u6 / a23.width * (x3 - b3)));
+      let [d12, p11] = g3(i25[e19], {
         thumbs: i25,
         index: e19
-      }, 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] = {
+      }, b3, x3);
+      s19 = l6(s19, d12, p11), C3 === "ordered" && (s19 = h3(s19, i25, e19, b3, x3, S3));
+      let m9 = a23.height;
+      o20.onRemoveThumb && (t25 = n31.clientY < a23.top - m9 || n31.clientY > a23.bottom + m9), i25[e19] = {
         ...i25[e19],
         value: s19
-      }, m9(i25.map((e20) => ({ ...e20 })));
+      }, v4(i25.map((e20) => ({ ...e20 })));
     }, r28 = () => {
-      document.removeEventListener("pointermove", n30), document.removeEventListener("pointerup", a22), document.removeEventListener("pointercancel", i24), T3.current = null;
+      document.removeEventListener("pointermove", n30), document.removeEventListener("pointerup", a22), document.removeEventListener("pointercancel", i24), A3.current = null;
     }, i24 = () => {
-      r28(), w3.current = null;
+      r28(), k3.current = null;
     }, a22 = () => {
       r28();
-      let n31 = w3.current;
-      if (w3.current = null, n31) {
+      let n31 = k3.current;
+      if (k3.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);
+          v4(t26), y4?.(t26);
           return;
         }
-        h6?.(n31.map((e20) => ({ ...e20 })));
+        y4?.(n31.map((e20) => ({ ...e20 })));
       }
     };
-    document.addEventListener("pointermove", n30), document.addEventListener("pointerup", a22), document.addEventListener("pointercancel", i24), T3.current = i24;
+    document.addEventListener("pointermove", n30), document.addEventListener("pointerup", a22), document.addEventListener("pointercancel", i24), A3.current = i24;
   }, [
     s18,
-    m9,
-    h6,
-    D3,
-    g5,
-    _6,
-    v3,
+    v4,
     y4,
+    M3,
+    b3,
+    x3,
+    S3,
+    D3,
+    C3,
     o20
-  ]), k3 = useCallback((e19) => {
+  ]), P3 = useCallback((e19) => {
     let t25 = s18.map((e20) => ({ ...e20 })), n30 = t25.map((e20) => e20.value);
-    w3.current = t25;
+    k3.current = t25;
     let r28 = (t26) => {
-      let r29 = C3.current, i25 = w3.current;
+      let r29 = O3.current, i25 = k3.current;
       if (!r29 || !i25) return;
-      let a23 = r29.getBoundingClientRect(), o22 = (t26.clientX - e19) / a23.width * (_6 - g5);
-      o22 = c6(o22, v3, 0);
+      let a23 = r29.getBoundingClientRect(), o22 = (t26.clientX - e19) / a23.width * (x3 - b3);
+      o22 = c6(o22, S3, 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]);
+      for (let e20 = 0; e20 < n30.length; e20++) s19 = Math.max(s19, b3 - n30[e20]), u15 = Math.min(u15, x3 - n30[e20]);
       o22 = l6(o22, s19, u15);
       for (let e20 = 0; e20 < i25.length; e20++) i25[e20] = {
         ...i25[e20],
-        value: l6(n30[e20] + o22, g5, _6)
+        value: l6(n30[e20] + o22, b3, x3)
       };
-      m9(i25.map((e20) => ({ ...e20 })));
+      v4(i25.map((e20) => ({ ...e20 })));
     }, i24 = () => {
-      document.removeEventListener("pointermove", r28), document.removeEventListener("pointerup", o21), document.removeEventListener("pointercancel", a22), T3.current = null;
+      document.removeEventListener("pointermove", r28), document.removeEventListener("pointerup", o21), document.removeEventListener("pointercancel", a22), A3.current = null;
     }, a22 = () => {
-      i24(), w3.current = null;
+      i24(), k3.current = null;
     }, o21 = () => {
       i24();
-      let e20 = w3.current;
-      w3.current = null, e20 && h6?.(e20.map((e21) => ({ ...e21 })));
+      let e20 = k3.current;
+      k3.current = null, e20 && y4?.(e20.map((e21) => ({ ...e21 })));
     };
-    document.addEventListener("pointermove", r28), document.addEventListener("pointerup", o21), document.addEventListener("pointercancel", a22), T3.current = a22;
+    document.addEventListener("pointermove", r28), document.addEventListener("pointerup", o21), document.addEventListener("pointercancel", a22), A3.current = a22;
   }, [
     s18,
-    m9,
-    h6,
-    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) => {
+    v4,
+    y4,
+    b3,
+    x3,
+    S3
+  ]), F3 = (e19) => (t25) => {
+    typeof t25.button == "number" && t25.button > 0 || (t25.currentTarget.focus?.(), t25.preventDefault(), t25.stopPropagation(), t25.shiftKey && o20.allowShiftAll ? P3(t25.clientX) : N3(e19));
+  }, I3 = (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) => {
+    v4(n30), y4?.(n30);
+  }, L2 = (e19) => {
     if (typeof e19.button == "number" && e19.button > 0 || !o20.onAddThumb || e19.target.closest(`.${a7.thumb}`)) return;
     e19.preventDefault();
-    let t25 = C3.current;
+    let t25 = O3.current;
     if (!t25) return;
-    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 n30 = t25.getBoundingClientRect(), r28 = M3(l6((e19.clientX - n30.left) / n30.width, 0, 1));
+    r28 = c6(r28, S3, b3), r28 = l6(r28, b3, x3), D3.length > 0 && (r28 = f5(r28, D3, u6 / n30.width * (x3 - b3)));
     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;
+    let d12 = [...s18.map((e20) => ({ ...e20 })), i24];
+    v4(d12), y4?.(d12);
+  }, R2 = (e19) => (t25) => {
+    let n30 = m4(S3, b3, x3), r28 = 0, i24 = 0, a22 = null;
     switch (t25.key) {
       case "ArrowRight":
       case "ArrowUp":
-        r28 = t25.shiftKey ? n30 * 10 : n30;
+        r28 = t25.shiftKey ? n30 * 10 : n30, i24 = t25.shiftKey ? 10 : 1;
         break;
       case "ArrowLeft":
       case "ArrowDown":
-        r28 = t25.shiftKey ? -n30 * 10 : -n30;
+        r28 = t25.shiftKey ? -n30 * 10 : -n30, i24 = t25.shiftKey ? -10 : -1;
         break;
       case "PageUp":
-        r28 = n30 * 10;
+        r28 = n30 * 10, i24 = 10;
         break;
       case "PageDown":
-        r28 = -n30 * 10;
+        r28 = -n30 * 10, i24 = -10;
         break;
       case "Home":
-        i24 = "home";
+        a22 = "home";
         break;
       case "End":
-        i24 = "end";
+        a22 = "end";
         break;
       default:
         return;
     }
     t25.preventDefault();
-    let a22 = s18.map((e20) => ({ ...e20 })), [o21, p11] = f5(a22[e19], {
-      thumbs: a22,
+    let o21 = s18.map((e20) => ({ ...e20 })), [u15, d12] = g3(o21[e19], {
+      thumbs: o21,
       index: e19
-    }, 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;
+    }, b3, x3), f12 = Math.max(b3, u15), _7 = Math.min(x3, d12), w4;
+    w4 = a22 === "home" ? f12 : a22 === "end" ? _7 : D3.length > 0 ? p5(D3, o21[e19].value, i24 > 0 ? 1 : -1, Math.abs(i24)) : c6(o21[e19].value + r28, S3, b3), w4 = l6(w4, f12, _7), C3 === "ordered" && (w4 = h3(w4, o21, e19, f12, _7, S3)), o21[e19] = {
+      ...o21[e19],
+      value: w4
+    }, v4(o21), y4?.(o21);
+  }, z2 = o20.readoutPlacement ?? "none", B2 = o20.renderReadout;
   return /* @__PURE__ */ jsxs("div", {
-    className: S3 ? `${a7.root} ${S3}` : a7.root,
-    style: b3 === void 0 ? void 0 : { "--rp-track-height": `${b3}px` },
+    className: E3 ? `${a7.root} ${E3}` : a7.root,
+    style: w3 === void 0 ? void 0 : { "--rp-track-height": `${w3}px` },
     children: [/* @__PURE__ */ jsxs("div", {
       className: a7.row,
       children: [/* @__PURE__ */ jsxs("div", {
         className: a7.track,
-        ref: C3,
-        onPointerDown: M3,
+        ref: O3,
+        onPointerDown: L2,
         children: [o20.renderTrack && /* @__PURE__ */ jsx("div", {
           className: a7.trackInner,
           children: o20.renderTrack({
-            trackWidth: C3.current?.getBoundingClientRect().width ?? 0,
-            valueToFraction: E3
+            trackWidth: O3.current?.getBoundingClientRect().width ?? 0,
+            valueToFraction: j3
           })
         }), 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}` : ""}`;
@@ -4164,15 +4195,15 @@ function m4(o20) {
             role: "slider",
             tabIndex: 0,
             "aria-orientation": "horizontal",
-            "aria-valuemin": g5,
-            "aria-valuemax": _6,
+            "aria-valuemin": b3,
+            "aria-valuemax": x3,
             "aria-valuenow": e19.value,
-            "aria-label": [x3, e19.label].filter(Boolean).join(" ") || void 0,
+            "aria-label": [T3, e19.label].filter(Boolean).join(" ") || void 0,
             className: o21,
-            style: { left: `${E3(e19.value) * 100}%` },
-            onPointerDown: A3(t25),
-            onKeyDown: N3(t25),
-            onContextMenu: j3(t25),
+            style: { left: `${j3(e19.value) * 100}%` },
+            onPointerDown: F3(t25),
+            onKeyDown: R2(t25),
+            onContextMenu: I3(t25),
             children: i24 ? i24({
               width: 14,
               height: 24,
@@ -4180,18 +4211,18 @@ function m4(o20) {
             }) : e19.label ?? ""
           }, t25);
         })]
-      }), P3 === "inline-after" && /* @__PURE__ */ jsx("span", {
+      }), z2 === "inline-after" && /* @__PURE__ */ jsx("span", {
         "data-readout": "inline",
         className: a7.readoutInline,
-        children: s18.map((e19, t25) => /* @__PURE__ */ jsxs("span", { children: [t25 > 0 ? " / " : "", F3 ? F3(e19, t25) : p5(e19)] }, t25))
+        children: s18.map((e19, t25) => /* @__PURE__ */ jsxs("span", { children: [t25 > 0 ? " / " : "", B2 ? B2(e19, t25) : _3(e19)] }, t25))
       })]
-    }), P3 === "below-thumb" && /* @__PURE__ */ jsx("div", {
+    }), z2 === "below-thumb" && /* @__PURE__ */ jsx("div", {
       className: a7.readoutsBelow,
       children: s18.map((e19, t25) => /* @__PURE__ */ jsx("span", {
         "data-readout": "below",
         className: a7.readoutBelow,
-        style: { left: `${E3(e19.value) * 100}%` },
-        children: F3 ? F3(e19, t25) : p5(e19)
+        style: { left: `${j3(e19.value) * 100}%` },
+        children: B2 ? B2(e19, t25) : _3(e19)
       }, t25))
     })]
   });
@@ -4281,24 +4312,24 @@ function r10(r28) {
       }
       r28.onChange(t25.value);
     }
-  }, m9 = u15 === "single" ? i24.findIndex((e19) => e19.value === r28.value) : -1, h6 = a8({
+  }, m9 = u15 === "single" ? i24.findIndex((e19) => e19.value === r28.value) : -1, h7 = a8({
     items: i24,
     itemClassName: n10.segment,
     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 = [
+  }), g6 = s18 === void 0 ? void 0 : { "--wzl-tb-height": `${s18}px` }, _7 = [
     n10.root,
     c16 && n10[`size_${c16}`],
     l17 && n10[`variant_${l17}`],
     o20
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsx("div", {
-    ref: h6.rootRef,
-    className: _6,
+    ref: h7.rootRef,
+    className: _7,
     role: u15 === "multiple" ? "group" : "radiogroup",
     "aria-label": a22,
-    style: g5,
+    style: g6,
     children: i24.map((e19, r29) => {
       let i25 = d12(e19.value), a23 = f12(e19.value), o21 = [
         n10.segment,
@@ -4312,10 +4343,10 @@ function r10(r28) {
         "aria-pressed": u15 === "multiple" ? a23 ? "mixed" : i25 : void 0,
         "aria-label": e19.ariaLabel,
         disabled: e19.disabled,
-        tabIndex: h6.tabIndexFor(r29),
+        tabIndex: h7.tabIndexFor(r29),
         className: o21,
         onClick: p11(r29),
-        onKeyDown: h6.onKeyDown(r29),
+        onKeyDown: h7.onKeyDown(r29),
         children: e19.label
       }, e19.value);
     })
@@ -4496,13 +4527,13 @@ var l7 = {
   adornment: "_adornment_cahom_54"
 };
 var u7 = forwardRef(function(t25, u15) {
-  let { label: d12, description: f12, errorMessage: p11, placeholder: m9, leadingAdornment: h6, trailingAdornment: g5, className: _6, ...v3 } = t25;
+  let { label: d12, description: f12, errorMessage: p11, placeholder: m9, leadingAdornment: h7, trailingAdornment: g6, className: _7, ...v4 } = t25;
   return /* @__PURE__ */ jsxs(TextField, {
-    ...v3,
+    ...v4,
     className: [
       l7.field,
       r15.root,
-      _6
+      _7
     ].filter(Boolean).join(" "),
     children: [
       d12 !== void 0 && /* @__PURE__ */ jsx(Label, {
@@ -4512,17 +4543,17 @@ var u7 = forwardRef(function(t25, u15) {
       /* @__PURE__ */ jsxs("div", {
         className: l7.frame,
         children: [
-          h6 !== void 0 && /* @__PURE__ */ jsx("span", {
+          h7 !== void 0 && /* @__PURE__ */ jsx("span", {
             className: l7.adornment,
-            children: h6
+            children: h7
           }),
           /* @__PURE__ */ jsx(Input, {
             ref: u15,
             placeholder: m9
           }),
-          g5 !== void 0 && /* @__PURE__ */ jsx("span", {
+          g6 !== void 0 && /* @__PURE__ */ jsx("span", {
             className: l7.adornment,
-            children: g5
+            children: g6
           })
         ]
       }),
@@ -4545,13 +4576,13 @@ var d6 = {
   stepper: "_stepper_e75yx_57"
 };
 var f6 = forwardRef(function(t25, f12) {
-  let { label: p11, description: m9, errorMessage: h6, hideSteppers: g5, placeholder: _6, className: v3, ...y4 } = t25;
+  let { label: p11, description: m9, errorMessage: h7, hideSteppers: g6, placeholder: _7, className: v4, ...y4 } = t25;
   return /* @__PURE__ */ jsxs(NumberField, {
     ...y4,
     className: [
       d6.field,
       r15.root,
-      v3
+      v4
     ].filter(Boolean).join(" "),
     children: [
       p11 !== void 0 && /* @__PURE__ */ jsx(Label, {
@@ -4562,8 +4593,8 @@ var f6 = forwardRef(function(t25, f12) {
         className: d6.frame,
         children: [/* @__PURE__ */ jsx(Input, {
           ref: f12,
-          placeholder: _6
-        }), !g5 && /* @__PURE__ */ jsxs("div", {
+          placeholder: _7
+        }), !g6 && /* @__PURE__ */ jsxs("div", {
           className: d6.steppers,
           children: [/* @__PURE__ */ jsx(Button, {
             slot: "increment",
@@ -4585,7 +4616,7 @@ var f6 = forwardRef(function(t25, f12) {
       }),
       /* @__PURE__ */ jsx(FieldError, {
         className: r15.error,
-        children: h6
+        children: h7
       })
     ]
   });
@@ -4640,16 +4671,16 @@ var c10 = {
   thumb: "_thumb_1644w_59"
 };
 function l10(l17) {
-  let { label: u15, showOutput: d12, formatOutput: f12, className: p11, ...m9 } = l17, h6 = d12 ?? u15 !== void 0;
+  let { label: u15, showOutput: d12, formatOutput: f12, className: p11, ...m9 } = l17, h7 = d12 ?? u15 !== void 0;
   return /* @__PURE__ */ jsxs(Slider, {
     ...m9,
     className: [c10.slider, p11].filter(Boolean).join(" "),
-    children: [(u15 !== void 0 || h6) && /* @__PURE__ */ jsxs("div", {
+    children: [(u15 !== void 0 || h7) && /* @__PURE__ */ jsxs("div", {
       className: c10.head,
       children: [u15 !== void 0 && /* @__PURE__ */ jsx(Label, {
         className: c10.label,
         children: u15
-      }), h6 && /* @__PURE__ */ jsx(SliderOutput, {
+      }), h7 && /* @__PURE__ */ jsx(SliderOutput, {
         className: c10.output,
         children: ({ state: e19 }) => {
           let t25 = e19.values.length === 1 ? e19.values[0] : e19.values;
@@ -4685,7 +4716,7 @@ var f7 = {
   check: "_check_nq1le_105"
 };
 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;
+  let { label: p11, description: m9, errorMessage: g6, placeholder: _7, options: v4, children: y4, selectedKey: b3, defaultSelectedKey: x3, onSelectionChange: S3, className: C3, ...w3 } = a22;
   return /* @__PURE__ */ jsxs(Select, {
     ...w3,
     selectedKey: b3,
@@ -4705,7 +4736,7 @@ function p6(a22) {
         className: f7.trigger,
         children: [/* @__PURE__ */ jsx(SelectValue, {
           className: f7.value,
-          children: ({ defaultChildren: e19, isPlaceholder: t25 }) => t25 ? _6 ?? e19 : e19
+          children: ({ defaultChildren: e19, isPlaceholder: t25 }) => t25 ? _7 ?? e19 : e19
         }), /* @__PURE__ */ jsx("svg", {
           className: f7.chevron,
           viewBox: "0 0 10 10",
@@ -4727,14 +4758,14 @@ function p6(a22) {
       }),
       /* @__PURE__ */ jsx(FieldError, {
         className: r15.error,
-        children: g5
+        children: g6
       }),
       /* @__PURE__ */ jsx(Popover, {
         className: f7.popover,
         "data-weasel-overlay": "",
         children: /* @__PURE__ */ jsx(ListBox, {
           className: f7.listbox,
-          children: v3 === void 0 ? y4 : v3.map((e19) => /* @__PURE__ */ jsx(h3, {
+          children: v4 === void 0 ? y4 : v4.map((e19) => /* @__PURE__ */ jsx(h4, {
             id: e19.value,
             isDisabled: e19.isDisabled,
             textValue: e19.textValue,
@@ -4748,7 +4779,7 @@ function p6(a22) {
 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 }) {
+function h4({ children: e19, className: t25, textValue: n30, ...r28 }) {
   return /* @__PURE__ */ jsxs(ListBoxItem, {
     ...r28,
     textValue: m5(e19, n30),
@@ -4800,11 +4831,11 @@ var s13 = {
   footer: "_footer_13xy9_97"
 };
 function c12(c16) {
-  let { title: l17, showCloseButton: u15, children: d12, footer: f12, role: p11 = "dialog", className: m9, isOpen: h6, onOpenChange: g5, ..._6 } = c16, v3 = u15 ?? !!g5;
+  let { title: l17, showCloseButton: u15, children: d12, footer: f12, role: p11 = "dialog", className: m9, isOpen: h7, onOpenChange: g6, ..._7 } = c16, v4 = u15 ?? !!g6;
   return /* @__PURE__ */ jsx(ModalOverlay, {
-    ..._6,
-    isOpen: h6,
-    onOpenChange: g5,
+    ..._7,
+    isOpen: h7,
+    onOpenChange: g6,
     className: s13.overlay,
     "data-weasel-overlay": "",
     children: /* @__PURE__ */ jsx(Modal, {
@@ -4813,13 +4844,13 @@ function c12(c16) {
         role: p11,
         className: s13.dialog,
         children: ({ close: e19 }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-          (l17 !== void 0 || v3) && /* @__PURE__ */ jsxs("header", {
+          (l17 !== void 0 || v4) && /* @__PURE__ */ jsxs("header", {
             className: s13.header,
             children: [l17 !== void 0 && /* @__PURE__ */ jsx(Heading, {
               slot: "title",
               className: s13.title,
               children: l17
-            }), v3 && /* @__PURE__ */ jsx("button", {
+            }), v4 && /* @__PURE__ */ jsx("button", {
               type: "button",
               className: s13.close,
               onClick: e19,
@@ -4917,10 +4948,10 @@ var a18 = {
   shortcut: "_shortcut_1jvxe_38"
 };
 function o15(o20) {
-  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 = [
+  let { icon: s18, label: c16, shortcut: l17, active: u15, disabled: d12, ariaDisabled: f12, tabbable: p11, onClick: m9, onKeyDown: h7, title: g6, className: _7 } = o20, v4 = g6 ?? (l17 ? `${c16} (${l17})` : c16), y4 = [
     a18.button,
     u15 && a18.active,
-    _6
+    _7
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs(o2, {
     isDisabled: d12,
@@ -4934,7 +4965,7 @@ function o15(o20) {
         "aria-disabled": f12 ? "true" : void 0,
         disabled: d12,
         onClick: m9,
-        onKeyDown: h6,
+        onKeyDown: h7,
         children: [
           /* @__PURE__ */ jsx("span", {
             className: a18.icon,
@@ -4951,7 +4982,7 @@ function o15(o20) {
           })
         ]
       })
-    }), /* @__PURE__ */ jsx(s2, { children: v3 })]
+    }), /* @__PURE__ */ jsx(s2, { children: v4 })]
   });
 }
 var t21 = {
@@ -5004,22 +5035,22 @@ function m6(e19) {
   }
   return t25;
 }
-function h4(e19, t25) {
+function h5(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 !== p7 && (r28.push(t26), n30.delete(t26));
   return n30.has(p7) && r28.push(p7), r28;
 }
-function g3(e19) {
+function g4(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: u15 = "vertical", className: p11, lookupShortcut: _6, modeRegistry: v3, groupOrder: y4 = f8 } = e19, b3 = m6(Object.values(a22.registry)), x3 = h4(b3, y4), S3 = [
+function _4(e19) {
+  let { tools: a22, orientation: u15 = "vertical", className: p11, lookupShortcut: _7, modeRegistry: v4, groupOrder: y4 = f8 } = e19, b3 = m6(Object.values(a22.registry)), x3 = h5(b3, y4), S3 = [
     l12.palette,
     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({
+  ].filter(Boolean).join(" "), C3 = x3.flatMap((e20) => b3.get(e20)), w3 = C3.map((e20) => v4 ? eligibleContribution(v4, e20) : true), T3 = C3.findIndex((e20) => e20.id === a22.active), E3 = a8({
     items: w3.map((e20) => ({ disabled: !e20 })),
     itemClassName: l12.paletteBtn,
     ...T3 >= 0 && w3[T3] ? { tabStopIndex: T3 } : {}
@@ -5037,9 +5068,9 @@ function _3(e19) {
       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, u16 = !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(_7 ? _7(e21.id) : e21.keybinding), s18 = w3[t26], c16 = v4 ? v4.current().id : void 0, u16 = !s18 && c16 ? `${r28}${i24 ? ` (${i24})` : ""} \u2014 disabled in ${c16} mode` : void 0;
         return /* @__PURE__ */ jsx(o15, {
-          icon: g3(e21),
+          icon: g4(e21),
           label: r28,
           shortcut: i24,
           active: a22.active === e21.id,
@@ -5098,7 +5129,7 @@ var f9 = {
   empty: "_empty_7wlzm_116"
 };
 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;
+  let { label: p11, description: h7, errorMessage: g6, placeholder: _7, options: v4, children: y4, selectedKey: b3, defaultSelectedKey: x3, onSelectionChange: S3, emptyLabel: C3 = "No matches", className: w3, ...T3 } = s18;
   return /* @__PURE__ */ jsxs(ComboBox, {
     ...T3,
     selectedKey: b3,
@@ -5116,7 +5147,7 @@ function p8(s18) {
       }),
       /* @__PURE__ */ jsxs("div", {
         className: f9.frame,
-        children: [/* @__PURE__ */ jsx(Input, { placeholder: _6 }), /* @__PURE__ */ jsx(Button, {
+        children: [/* @__PURE__ */ jsx(Input, { placeholder: _7 }), /* @__PURE__ */ jsx(Button, {
           className: f9.openButton,
           "aria-label": "Show options",
           children: /* @__PURE__ */ jsx("svg", {
@@ -5133,14 +5164,14 @@ function p8(s18) {
           })
         })]
       }),
-      h6 !== void 0 && /* @__PURE__ */ jsx(Text, {
+      h7 !== void 0 && /* @__PURE__ */ jsx(Text, {
         slot: "description",
         className: r15.hint,
-        children: h6
+        children: h7
       }),
       /* @__PURE__ */ jsx(FieldError, {
         className: r15.error,
-        children: g5
+        children: g6
       }),
       /* @__PURE__ */ jsx(Popover, {
         className: f9.popover,
@@ -5151,7 +5182,7 @@ function p8(s18) {
             className: f9.empty,
             children: C3
           }),
-          children: v3 === void 0 ? y4 : v3.map((e19) => /* @__PURE__ */ jsx(m7, {
+          children: v4 === void 0 ? y4 : v4.map((e19) => /* @__PURE__ */ jsx(m7, {
             id: e19.value,
             textValue: e19.textValue,
             isDisabled: e19.isDisabled,
@@ -5178,10 +5209,10 @@ function p9(e19, t25, n30, r28, i24, a22 = 0.5) {
     x: t25.x + (n30.x - t25.x) * i24,
     y: t25.y + (n30.y - t25.y) * i24
   };
-  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);
+  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), h7 = ((c16 - l17) * n30.x + (l17 - s18) * r28.x) / (c16 - s18), g6 = ((c16 - l17) * n30.y + (l17 - s18) * r28.y) / (c16 - s18), _7 = ((s18 - l17) * u15 + (l17 - 0) * p11) / (s18 - 0), v4 = ((s18 - l17) * d12 + (l17 - 0) * m9) / (s18 - 0), y4 = ((c16 - l17) * p11 + (l17 - o20) * h7) / (c16 - o20), b3 = ((c16 - l17) * m9 + (l17 - o20) * g6) / (c16 - o20);
   return {
-    x: ((s18 - l17) * _6 + (l17 - o20) * y4) / (s18 - o20),
-    y: ((s18 - l17) * v3 + (l17 - o20) * b3) / (s18 - o20)
+    x: ((s18 - l17) * _7 + (l17 - o20) * y4) / (s18 - o20),
+    y: ((s18 - l17) * v4 + (l17 - o20) * b3) / (s18 - o20)
   };
 }
 function m8(e19, t25, n30 = 0.5) {
@@ -5210,7 +5241,7 @@ function m8(e19, t25, n30 = 0.5) {
   }
   return i24;
 }
-function h5(e19) {
+function h6(e19) {
   let t25 = e19.length;
   if (t25 === 0) return [];
   if (t25 === 1) return [0];
@@ -5225,13 +5256,13 @@ function h5(e19) {
   }
   return r28;
 }
-function g4(e19, t25, n30, r28, i24) {
+function g5(e19, t25, n30, r28, i24) {
   let a22 = i24 * i24, o20 = a22 * i24;
   return (2 * o20 - 3 * a22 + 1) * e19 + (o20 - 2 * a22 + i24) * n30 + (-2 * o20 + 3 * a22) * t25 + (o20 - a22) * r28;
 }
-function _4(e19, t25) {
+function _5(e19, t25) {
   if (e19.length < 2) return [];
-  let n30 = e19.length, r28 = e19.map((e20) => e20.x), i24 = e19.map((e20) => e20.y), a22 = h5(r28), o20 = h5(i24), s18 = [];
+  let n30 = e19.length, r28 = e19.map((e20) => e20.x), i24 = e19.map((e20) => e20.y), a22 = h6(r28), o20 = h6(i24), s18 = [];
   for (let c16 = 0; c16 < n30 - 1; c16++) {
     let n31 = c16 === 0 ? 0 : 1;
     for (let l17 = n31; l17 <= t25; l17++) {
@@ -5245,14 +5276,14 @@ function _4(e19, t25) {
       }
       let n32 = l17 / t25;
       s18.push({
-        x: g4(r28[c16], r28[c16 + 1], a22[c16], a22[c16 + 1], n32),
-        y: g4(i24[c16], i24[c16 + 1], o20[c16], o20[c16 + 1], n32)
+        x: g5(r28[c16], r28[c16 + 1], a22[c16], a22[c16 + 1], n32),
+        y: g5(i24[c16], i24[c16 + 1], o20[c16], o20[c16 + 1], n32)
       });
     }
   }
   return s18;
 }
-function v2(e19, t25) {
+function v3(e19, t25) {
   if (e19.length < 2) return [];
   let n30 = [];
   for (let r28 = 0; r28 < e19.length - 1; r28++) {
@@ -5278,13 +5309,13 @@ function v2(e19, t25) {
 function y2(e19, t25, n30) {
   switch (n30) {
     case "linear":
-      return v2(e19, t25);
+      return v3(e19, t25);
     case "catmull-rom-uniform":
       return m8(e19, t25, 0);
     case "catmull-rom-chordal":
       return m8(e19, t25, 1);
     case "monotone":
-      return _4(e19, t25);
+      return _5(e19, t25);
     default:
       return m8(e19, t25, 0.5);
   }
@@ -5309,7 +5340,7 @@ function x2(e19, t25, n30) {
     for (let e20 = 0; e20 < o20; e20++) {
       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;
+      let h7 = s18.x + m9 * l17, g6 = s18.y + m9 * u15, _7 = h7 - t25.x, v4 = g6 - t25.y, y4 = _7 * _7 + v4 * v4;
       if (y4 > r28) continue;
       let b3 = (e20 + m9) / o20;
       (i24 === null || y4 < i24.d2) && (i24 = {
@@ -5453,30 +5484,30 @@ function j2(t25 = {}) {
     }
     return null;
   }
-  function h6(e19) {
+  function h7(e19) {
     return {
       onMove(n31, o21, s19, c17) {
         let l17 = n31.points;
         if (e19 < 0 || e19 >= l17.length) return n31;
-        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;
+        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, h8 = e19 === 0 || e19 === l17.length - 1;
+        if (i24 === "pinned-both" && h8) p12 = l17[e19].x, m10 = l17[e19].y;
+        else if (i24 === "pinned-x" && h8) 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;
           p12 = Math.max(n32, Math.min(r29, p12));
         }
         p12 = Math.max(Math.min(d12, f13), Math.min(Math.max(d12, f13), p12));
-        let g6 = E2({
+        let g7 = E2({
           x: p12,
           y: m10
-        }, c17), _7 = l17.slice();
-        return _7[e19] = {
+        }, c17), _8 = l17.slice();
+        return _8[e19] = {
           ...l17[e19],
-          x: g6.x,
-          y: g6.y
+          x: g7.x,
+          y: g7.y
         }, {
           ...n31,
-          points: _7,
+          points: _8,
           activeIndex: e19
         };
       },
@@ -5494,7 +5525,7 @@ function j2(t25 = {}) {
       }
     };
   }
-  function g5(o21, s19, c17, l17, u15) {
+  function g6(o21, s19, c17, l17, u15) {
     if (s19.kind === "anchor") {
       let { index: r29 } = s19.payload;
       if (p("function-layer", "anchor-down", {
@@ -5515,7 +5546,7 @@ function j2(t25 = {}) {
       return c17.button === 2 ? void 0 : (u15.commit({
         ...o21,
         activeIndex: r29
-      }), h6(r29));
+      }), h7(r29));
     }
     if (s19.kind === "curve") {
       let { segIdx: e19 } = s19.payload;
@@ -5526,11 +5557,11 @@ function j2(t25 = {}) {
         if (t26 && Math.abs(i25.x - t26.x) < e20 * 2) return u15.commit({
           ...o21,
           activeIndex: n31 - 1
-        }), h6(n31 - 1);
+        }), h7(n31 - 1);
         if (r29 && Math.abs(i25.x - r29.x) < e20 * 2) return u15.commit({
           ...o21,
           activeIndex: n31
-        }), h6(n31);
+        }), h7(n31);
       }
       let c18 = [
         ...o21.points.slice(0, n31),
@@ -5541,10 +5572,10 @@ function j2(t25 = {}) {
         ...o21,
         points: c18,
         activeIndex: n31
-      }), h6(n31);
+      }), h7(n31);
     }
   }
-  function _6(e19, n31, i25, a23, s19) {
+  function _7(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), u15 = e19.points.length;
     if (r28 === "1d") {
@@ -5568,8 +5599,8 @@ function j2(t25 = {}) {
     id: n30,
     render: p11,
     hitTest: m9,
-    onPointerDown: g5,
-    onEmptyPointerDown: _6
+    onPointerDown: g6,
+    onEmptyPointerDown: _7
   };
 }
 function N2(e19) {
@@ -5581,15 +5612,15 @@ function N2(e19) {
   };
 }
 function P2(l17) {
-  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],
-    yMax: v3[1]
-  }), [_6, v3]), D3 = useMemo(() => ({
-    width: h6,
-    height: g5
-  }), [h6, g5]), O3 = useRef(f12);
+  let { layers: f12, onLayerChange: p11, onLayerCommit: m9, width: h7, height: g6, xRange: _7 = [0, 1], yRange: v4 = [0, 1], grid: y4, axes: b3, className: x3, style: C3, children: w3 } = l17, T3 = l17.history !== false, E3 = useMemo(() => ({
+    xMin: _7[0],
+    xMax: _7[1],
+    yMin: v4[0],
+    yMax: v4[1]
+  }), [_7, v4]), D3 = useMemo(() => ({
+    width: h7,
+    height: g6
+  }), [h7, g6]), O3 = useRef(f12);
   O3.current = f12;
   let k3 = useRef(E3);
   k3.current = E3;
@@ -5788,10 +5819,10 @@ function P2(l17) {
     ref: j3,
     className: [S2.root, x3].filter(Boolean).join(" "),
     style: C3,
-    width: h6,
-    height: g5,
-    xRange: _6,
-    yRange: v3,
+    width: h7,
+    height: g6,
+    xRange: _7,
+    yRange: v4,
     grid: y4,
     axes: b3,
     tabIndex: T3 ? 0 : void 0,
@@ -5816,17 +5847,17 @@ function P2(l17) {
   });
 }
 function F2(e19) {
-  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({
+  let { value: t25, onInput: n30, onChange: r28, domain: l17, endpoints: d12, interpolation: f12, constrain: p11, addPointMode: m9, minPoints: h7, maxPoints: g6, curve: _7, fill: v4, 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: p11,
     addPointMode: m9,
-    minPoints: h6,
-    maxPoints: g5,
-    curve: _6,
-    fill: v3,
+    minPoints: h7,
+    maxPoints: g6,
+    curve: _7,
+    fill: v4,
     hideNonInteractive: y4,
     renderAnchor: b3
   }), [
@@ -5835,10 +5866,10 @@ function F2(e19) {
     f12,
     p11,
     m9,
-    h6,
-    g5,
-    _6,
-    v3,
+    h7,
+    g6,
+    _7,
+    v4,
     y4,
     b3
   ]), [N3, F3] = useState(() => ({
@@ -5867,7 +5898,7 @@ function F2(e19) {
       let i24 = t26.getAttribute("data-anchor-index");
       if (i24 === null) return;
       let a22 = Number(i24), o20 = I3.current.points;
-      if (!Number.isInteger(a22) || a22 < 0 || a22 >= o20.length || o20[a22]?.locked || d12 !== void 0 && d12 !== "free" && (a22 === 0 || a22 === o20.length - 1) || h6 !== void 0 && o20.length <= h6) return;
+      if (!Number.isInteger(a22) || a22 < 0 || a22 >= o20.length || o20[a22]?.locked || d12 !== void 0 && d12 !== "free" && (a22 === 0 || a22 === o20.length - 1) || h7 !== void 0 && o20.length <= h7) return;
       let s18 = o20.filter((e21, t27) => t27 !== a22);
       F3({
         points: s18,
@@ -5875,7 +5906,7 @@ function F2(e19) {
       }), n30(s18), r28?.(s18, o20);
     }, [
       d12,
-      h6,
+      h7,
       n30,
       r28
     ]),
@@ -5956,6 +5987,6 @@ function He2(e19, t25) {
   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, 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
+export { F2 as F, Ft, He2 as He, Ve2 as Ve, _, _4 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, h4 as h, l9 as l, l10 as l2, l13 as l3, m2 as m, m7 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, 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, v2 as v };
+//# sourceMappingURL=chunk-73KA7WBO.js.map
+//# sourceMappingURL=chunk-73KA7WBO.js.map