@gearbox-protocol/permissionless-ui 1.22.0-next.98 → 1.22.0

package/dist/esm/components/segmented-control/segmented-control.js

@@ -5,6 +5,7 @@ import "@gearbox-protocol/sdk";
 import { cn as m } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
+import "../../utils/z-index.js";
 const h = u(
   "relative z-0 flex w-full flex-row flex-nowrap items-center bg-gray-30",
   {
@@ -24,16 +25,16 @@ const h = u(
     }
   },
   defaultVariants: { size: "md" }
-}), b = g.forwardRef(({ className: l, name: d, items: a, size: r = "md", ...n }, e) => {
-  const s = a.findIndex((t) => t.checked), i = s < 0 ? 0 : s, c = a.length;
+}), b = g.forwardRef(({ className: l, name: d, items: t, size: r = "md", ...n }, e) => {
+  const s = t.findIndex((a) => a.checked), i = s < 0 ? 0 : s, c = t.length;
   return /* @__PURE__ */ p("div", { ref: e, className: m(h({ size: r }), l), ...n, children: [
-    a.map((t, f) => /* @__PURE__ */ o(
+    t.map((a, f) => /* @__PURE__ */ o(
       v,
       {
-        ...t,
+        ...a,
         name: d
       },
-      typeof t.value == "string" ? t.value : f
+      typeof a.value == "string" ? a.value : f
     )),
     /* @__PURE__ */ o(
       "div",
@@ -54,7 +55,7 @@ b.displayName = "SegmentedControl";
 function v({
   name: l,
   switchLabel: d,
-  label: a,
+  label: t,
   onChange: r,
   onSelect: n,
   ...e
@@ -82,7 +83,7 @@ function v({
             onChange: s
           }
         ),
-        /* @__PURE__ */ o("span", { className: "flex h-full grow shrink-0 basis-0 items-center justify-center px-2 py-1", children: d ?? a })
+        /* @__PURE__ */ o("span", { className: "flex h-full grow shrink-0 basis-0 items-center justify-center px-2 py-1", children: d ?? t })
       ]
     }
   );

package/dist/esm/components/select/select.js

@@ -8,9 +8,10 @@ import "@gearbox-protocol/sdk";
 import { cn as s } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
-const h = (a) => /* @__PURE__ */ t(e.Root, { ...a });
-h.displayName = "Select";
-const U = e.Group, L = e.Value, x = g(
+import { Z_INDEX as h } from "../../utils/z-index.js";
+const x = (a) => /* @__PURE__ */ t(e.Root, { ...a });
+x.displayName = "Select";
+const P = e.Group, G = e.Value, N = g(
   "group flex w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 bg-[rgb(40,40,40)] text-foreground cursor-pointer",
   {
     variants: {
@@ -30,11 +31,11 @@ const U = e.Group, L = e.Value, x = g(
       variant: "default"
     }
   }
-), N = l.forwardRef(({ className: a, children: o, size: r, variant: d, ...n }, u) => /* @__PURE__ */ c(
+), w = l.forwardRef(({ className: a, children: o, size: r, variant: d, ...n }, u) => /* @__PURE__ */ c(
   e.Trigger,
   {
     ref: u,
-    className: s(x({ size: r, variant: d, className: a })),
+    className: s(N({ size: r, variant: d, className: a })),
     ...n,
     children: [
       o,
@@ -48,7 +49,7 @@ const U = e.Group, L = e.Value, x = g(
     ]
   }
 ));
-N.displayName = e.Trigger.displayName;
+w.displayName = e.Trigger.displayName;
 const p = l.forwardRef(({ className: a, ...o }, r) => /* @__PURE__ */ t(
   e.ScrollUpButton,
   {
@@ -75,12 +76,13 @@ const f = l.forwardRef(({ className: a, ...o }, r) => /* @__PURE__ */ t(
   }
 ));
 f.displayName = e.ScrollDownButton.displayName;
-const w = l.forwardRef(({ className: a, children: o, position: r = "popper", ...d }, n) => /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ c(
+const S = l.forwardRef(({ className: a, children: o, position: r = "popper", ...d }, n) => /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ c(
   e.Content,
   {
     ref: n,
     className: s(
-      "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      h.DROPDOWN,
+      "relative max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       r === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
       a
     ),
@@ -102,8 +104,8 @@ const w = l.forwardRef(({ className: a, children: o, position: r = "popper", ...
     ]
   }
 ) }));
-w.displayName = e.Content.displayName;
-const S = l.forwardRef(({ className: a, ...o }, r) => /* @__PURE__ */ t(
+S.displayName = e.Content.displayName;
+const v = l.forwardRef(({ className: a, ...o }, r) => /* @__PURE__ */ t(
   e.Label,
   {
     ref: r,
@@ -111,8 +113,8 @@ const S = l.forwardRef(({ className: a, ...o }, r) => /* @__PURE__ */ t(
     ...o
   }
 ));
-S.displayName = e.Label.displayName;
-const v = l.forwardRef(({ className: a, children: o, ...r }, d) => /* @__PURE__ */ c(
+v.displayName = e.Label.displayName;
+const R = l.forwardRef(({ className: a, children: o, ...r }, d) => /* @__PURE__ */ c(
   e.Item,
   {
     ref: d,
@@ -127,8 +129,8 @@ const v = l.forwardRef(({ className: a, children: o, ...r }, d) => /* @__PURE__
     ]
   }
 ));
-v.displayName = e.Item.displayName;
-const z = l.forwardRef(({ className: a, ...o }, r) => /* @__PURE__ */ t(
+R.displayName = e.Item.displayName;
+const I = l.forwardRef(({ className: a, ...o }, r) => /* @__PURE__ */ t(
   e.Separator,
   {
     ref: r,
@@ -136,17 +138,17 @@ const z = l.forwardRef(({ className: a, ...o }, r) => /* @__PURE__ */ t(
     ...o
   }
 ));
-z.displayName = e.Separator.displayName;
+I.displayName = e.Separator.displayName;
 export {
-  h as Select,
-  w as SelectContent,
-  U as SelectGroup,
-  v as SelectItem,
-  S as SelectLabel,
+  x as Select,
+  S as SelectContent,
+  P as SelectGroup,
+  R as SelectItem,
+  v as SelectLabel,
   f as SelectScrollDownButton,
   p as SelectScrollUpButton,
-  z as SelectSeparator,
-  N as SelectTrigger,
-  L as SelectValue,
-  x as selectTriggerVariants
+  I as SelectSeparator,
+  w as SelectTrigger,
+  G as SelectValue,
+  N as selectTriggerVariants
 };

package/dist/esm/components/separate-line/separate-line.js

@@ -4,6 +4,7 @@ import "@gearbox-protocol/sdk";
 import { cn as d } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
+import "../../utils/z-index.js";
 const s = p.forwardRef(
   ({ outOfBound: r = 0, margin: e = 10, left: t = 0, thickness: o = 1, className: i }, a) => /* @__PURE__ */ m(
     "div",

package/dist/esm/components/separator/separator.js

@@ -5,19 +5,20 @@ import "@gearbox-protocol/sdk";
 import { cn as l } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
+import "../../utils/z-index.js";
 const s = e.forwardRef(
-  ({ className: t, orientation: r = "horizontal", decorative: a = !0, ...m }, p) => /* @__PURE__ */ i(
+  ({ className: t, orientation: r = "horizontal", decorative: m = !0, ...a }, p) => /* @__PURE__ */ i(
     o.Root,
     {
       ref: p,
-      decorative: a,
+      decorative: m,
       orientation: r,
       className: l(
         "shrink-0 bg-border",
         r === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
         t
       ),
-      ...m
+      ...a
     }
   )
 );

package/dist/esm/components/short-string/short-string.js

@@ -7,7 +7,8 @@ import { cn as s } from "../../utils/cn.js";
 import "sonner";
 import { isLongString as u, shortenString as S } from "../../utils/shorten-string.js";
 import "luxon";
-function j({
+import "../../utils/z-index.js";
+function k({
   children: o,
   maxLength: t,
   showTooltip: m = !0,
@@ -17,5 +18,5 @@ function j({
   return typeof o == "string" && t !== void 0 ? m && (t === "text-overflow" || u(o, t)) ? /* @__PURE__ */ r(f, { title: n(o, t), children: o }) : n(o, t) : o;
 }
 export {
-  j as ShortString
+  k as ShortString
 };

package/dist/esm/components/signatures/confirmation-item.js

@@ -12,9 +12,10 @@ import "tailwind-merge";
 import "sonner";
 import { shortenHash as s } from "../../utils/format.js";
 import "luxon";
+import "../../utils/z-index.js";
 import "../buttons/tab-button/tab-button.js";
 import { Identicon as a } from "./identicon.js";
-function C({
+function I({
   confirmation: r,
   note: o,
   explorerUrl: i
@@ -33,5 +34,5 @@ function C({
   ] });
 }
 export {
-  C as ConfirmationItem
+  I as ConfirmationItem
 };

package/dist/esm/components/simple-accordion/simple-accordion.js

@@ -6,6 +6,7 @@ import "@gearbox-protocol/sdk";
 import { cn as a } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
+import "../../utils/z-index.js";
 const h = "flex-wrap text-left bg-transparent border-0 [&[data-state=open]>[data-accordion-icon]]:rotate-180";
 function u({
   value: i,

package/dist/esm/components/simple-dropdown/simple-dropdown-menu-item.js

@@ -14,6 +14,7 @@ import "@gearbox-protocol/sdk";
 import { cn as e } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
+import "../../utils/z-index.js";
 const n = "cursor-pointer gap-0 rounded-lg px-3 py-3 text-sm font-normal leading-[17px] text-foreground hover:bg-gray-80 focus:bg-gray-80", a = p.forwardRef(({ className: o, ...r }, m) => /* @__PURE__ */ t(
   i,
   {

package/dist/esm/components/simple-dropdown/simple-dropdown.js

@@ -1,42 +1,48 @@
-import { jsxs as N, jsx as r } from "react/jsx-runtime";
+import { jsxs as R, jsx as r } from "react/jsx-runtime";
 import * as t from "@radix-ui/react-dropdown-menu";
-import { useRef as R } from "react";
+import { useRef as j } from "react";
 import "@gearbox-protocol/sdk";
-import { cn as p } from "../../utils/cn.js";
+import { cn as l } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
-function j({
+import { Z_INDEX as y } from "../../utils/z-index.js";
+function E({
   children: f,
-  title: l,
+  title: p,
   asChild: a = !1,
   placement: m = "bottom",
-  align: c = "start",
-  sideOffset: u = 4,
-  maxWidth: n,
+  align: u = "start",
+  sideOffset: c = 4,
+  maxWidth: d,
   minWidth: i,
   open: g,
   onOpenChange: e,
   modal: w = !1,
   avoidCollisions: b = !0,
-  matchTriggerWidth: h = !1,
+  matchTriggerWidth: D = !1,
   closeOnlyOnOutsideClick: o = !1,
-  className: v,
-  triggerClassName: D
+  className: h,
+  triggerClassName: v
 }) {
-  const d = R(null), x = (s) => {
-    const z = s.target;
-    if (d.current?.contains(z)) {
-      s.preventDefault();
+  const s = j(null), x = (n) => {
+    const P = n.target;
+    if (s.current?.contains(P)) {
+      n.preventDefault();
       return;
     }
     e?.(!1);
-  }, P = p(
-    "z-50 overflow-hidden rounded-lg border border-border bg-gray-40 p-1 text-popover-foreground shadow-lg",
-    h ? "w-[var(--radix-dropdown-menu-trigger-width)]" : "min-w-32",
-    "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-    v
+  }, N = l(
+    y.DROPDOWN,
+    "overflow-hidden rounded-lg border border-border bg-gray-40 p-1 text-popover-foreground shadow-lg",
+    D ? "w-[var(--radix-dropdown-menu-trigger-width)]" : "min-w-32",
+    "data-[state=open]:animate-in data-[state=closed]:animate-out",
+    "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
+    "duration-100",
+    "data-[side=bottom]:slide-in-from-bottom-2 data-[side=top]:slide-in-from-top-2 data-[side=left]:slide-in-from-left-2 data-[side=right]:slide-in-from-right-2",
+    "data-[state=closed]:data-[side=bottom]:slide-out-to-bottom-2 data-[state=closed]:data-[side=top]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-left-2 data-[state=closed]:data-[side=right]:slide-out-to-right-2",
+    h
   );
-  return /* @__PURE__ */ N(
+  return /* @__PURE__ */ R(
     t.Root,
     {
       open: g,
@@ -47,25 +53,25 @@ function j({
         /* @__PURE__ */ r(
           t.Trigger,
           {
-            ref: d,
+            ref: s,
             asChild: a,
-            className: a ? void 0 : p(
+            className: a ? void 0 : l(
               "inline-flex appearance-none border-0 bg-transparent p-0 text-inherit font-inherit cursor-pointer",
-              D
+              v
             ),
-            children: l
+            children: p
           }
         ),
         /* @__PURE__ */ r(t.Portal, { children: /* @__PURE__ */ r(
           t.Content,
           {
             side: m,
-            align: c,
-            sideOffset: u,
+            align: u,
+            sideOffset: c,
             avoidCollisions: b,
-            className: P,
+            className: N,
             style: {
-              ...n && { maxWidth: n },
+              ...d && { maxWidth: d },
               ...i && { minWidth: i }
             },
             onPointerDownOutside: o ? x : void 0,
@@ -77,7 +83,7 @@ function j({
     }
   );
 }
-j.displayName = "SimpleDropdown";
+E.displayName = "SimpleDropdown";
 export {
-  j as SimpleDropdown
+  E as SimpleDropdown
 };

package/dist/esm/components/skeleton/skeleton-stack.js

@@ -4,29 +4,30 @@ import "@gearbox-protocol/sdk";
 import { cn as r } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
+import "../../utils/z-index.js";
 import { Skeleton as n } from "./skeleton.js";
-const l = {
+const i = {
   sm: "space-y-2",
   md: "space-y-3",
   lg: "space-y-4"
 };
-function h({
+function S({
   lines: o = 5,
   className: t,
   gap: e = "md"
 }) {
-  const s = c(
+  const p = c(
     () => Array.from({ length: o }, () => crypto.randomUUID()),
     [o]
   );
-  return /* @__PURE__ */ m("div", { className: r(l[e], t), children: s.map((p, a) => /* @__PURE__ */ m(
+  return /* @__PURE__ */ m("div", { className: r(i[e], t), children: p.map((s, a) => /* @__PURE__ */ m(
     n,
     {
       className: r("h-4 w-full", a === o - 1 && "w-3/4")
     },
-    p
+    s
   )) });
 }
 export {
-  h as SkeletonStack
+  S as SkeletonStack
 };

package/dist/esm/components/skeleton/skeleton.js

@@ -1,11 +1,12 @@
-import { jsx as a, Fragment as f } from "react/jsx-runtime";
-import { cva as p } from "class-variance-authority";
+import { jsx as a, Fragment as p } from "react/jsx-runtime";
+import { cva as f } from "class-variance-authority";
 import "react";
 import "@gearbox-protocol/sdk";
 import { cn as w } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
-const c = p("animate-pulse rounded-md bg-muted", {
+import "../../utils/z-index.js";
+const c = f("animate-pulse rounded-md bg-muted", {
   variants: {
     variant: {
       default: "",
@@ -49,7 +50,7 @@ const c = p("animate-pulse rounded-md bg-muted", {
     height: "md"
   }
 });
-function V({
+function $({
   className: s,
   variant: l,
   speed: n,
@@ -61,7 +62,7 @@ function V({
   ...h
 }) {
   if (!m && i !== void 0)
-    return /* @__PURE__ */ a(f, { children: i });
+    return /* @__PURE__ */ a(p, { children: i });
   const r = typeof t == "number", o = typeof e == "number", u = {
     ...d,
     ...r && { width: `${t}px` },
@@ -85,6 +86,6 @@ function V({
   );
 }
 export {
-  V as Skeleton,
+  $ as Skeleton,
   c as skeletonVariants
 };

package/dist/esm/components/slider/slider.js

@@ -7,6 +7,7 @@ import { cn as y } from "../../utils/cn.js";
 import "sonner";
 import { findClosestPoint as X, validateMinMax as Y } from "../../utils/math.js";
 import "luxon";
+import "../../utils/z-index.js";
 import { SliderProvider as Z } from "./slider-context.js";
 import { SliderMark as I } from "./slider-mark.js";
 import { SliderTrack as ee } from "./slider-track.js";
@@ -27,59 +28,59 @@ const M = Number(F), re = H.forwardRef(
     colorIntervalLabel: C,
     ...z
   }, B) => {
-    const [n, s] = u > p ? [p, u] : [u, p], d = Array.isArray(h) ? h[0] : h, $ = m(() => M / d, [d]), G = m(
+    const [n, i] = u > p ? [p, u] : [u, p], d = Array.isArray(h) ? h[0] : h, $ = m(() => M / d, [d]), G = m(
       () => o?.flatMap((e) => [e.start, e.end]) || [],
       [o]
     ), L = (e) => {
-      const { minDistance: t, minPoint: i } = X(
+      const { minDistance: t, minPoint: s } = X(
         e,
         G,
         M
       );
-      return t < j ? Y(i, n, s) : e;
+      return t < j ? Y(s, n, i) : e;
     }, U = (e) => {
       e.length > 0 && N(L(e[0]));
     }, V = (e) => {
       g && e.length > 0 && g(L(e[0]));
     }, b = m(() => v ? te(
       n,
-      s,
+      i,
       M,
       d,
       v
-    ).map((t) => t.point) : void 0, [n, s, d, v]), E = w(null), q = J(() => {
+    ).map((t) => t.point) : void 0, [n, i, d, v]), E = w(null), q = J(() => {
       const e = E.current;
       if (!e) return;
       const t = () => {
         e.dataset.dragging = "";
-      }, i = () => {
+      }, s = () => {
         document.removeEventListener("pointermove", t), delete e.dataset.dragging;
       };
-      document.addEventListener("pointermove", t, { once: !0 }), document.addEventListener("pointerup", i, { once: !0 });
+      document.addEventListener("pointermove", t, { once: !0 }), document.addEventListener("pointerup", s, { once: !0 });
     }, []), R = w(null), k = w(null), [S, A] = K(void 0), f = m(() => {
       if (!o?.length) return;
-      const e = o[o.length - 1], { start: t, end: i } = ne(e), a = s - n;
+      const e = o[o.length - 1], { start: t, end: s } = ne(e), a = i - n;
       if (a <= 0) return;
-      const c = (t - n) / a * 100, l = (i - n) / a * 100, D = W(c), x = W(l);
+      const c = (t - n) / a * 100, l = (s - n) / a * 100, D = W(c), x = W(l);
       return {
         pct: (c + l) / 2,
         offsetPx: (D + x) / 2
       };
-    }, [o, n, s]);
+    }, [o, n, i]);
     return Q(() => {
       const e = R.current, t = k.current;
       if (!f || !e || !t) {
         A(void 0);
         return;
       }
-      const i = () => {
+      const s = () => {
         const c = e.offsetWidth, l = t.offsetWidth, x = f.pct / 100 * c + f.offsetPx - l / 2;
         A(Math.max(0, Math.min(x, c - l)));
       };
-      i();
-      const a = new ResizeObserver(i);
+      s();
+      const a = new ResizeObserver(s);
       return a.observe(e), () => a.disconnect();
-    }, [f]), /* @__PURE__ */ r(Z, { colorIntervals: o, min: n, max: s, children: /* @__PURE__ */ T("div", { className: "relative w-full px-[9px] pb-3", children: [
+    }, [f]), /* @__PURE__ */ r(Z, { colorIntervals: o, min: n, max: i, children: /* @__PURE__ */ T("div", { className: "relative w-full px-[9px] pb-3", children: [
       /* @__PURE__ */ r(
         "div",
         {
@@ -100,7 +101,7 @@ const M = Number(F), re = H.forwardRef(
                 O
               ),
               min: n,
-              max: s,
+              max: i,
               step: $,
               value: [_],
               onValueChange: U,
@@ -113,7 +114,7 @@ const M = Number(F), re = H.forwardRef(
                   {
                     value: e,
                     min: n,
-                    max: s,
+                    max: i,
                     onSelect: (t) => {
                       N(t), g?.(t);
                     }

package/dist/esm/components/slider-token/index.js

@@ -1,4 +1,9 @@
-import { SliderToken as r } from "./slider-token.js";
+import { SliderToken as o } from "./slider-token.js";
+import { SliderTokenLabel as l } from "./slider-token-label.js";
+import { makeSliderTokenMarkerPoints as a, mergeCloseMarkers as i } from "./slider-token-utils.js";
 export {
-  r as SliderToken
+  o as SliderToken,
+  l as SliderTokenLabel,
+  a as makeSliderTokenMarkerPoints,
+  i as mergeCloseMarkers
 };

package/dist/esm/components/slider-token/slider-token-label.js

@@ -0,0 +1,36 @@
+import { jsx as f } from "react/jsx-runtime";
+import { getThumbInBoundsOffset as i } from "../slider/types.js";
+function b({
+  point: e,
+  min: o,
+  max: a,
+  label: p,
+  align: s,
+  onSelect: u
+}) {
+  const n = a - o;
+  if (n <= 0) return null;
+  const r = (e - o) / n * 100, l = i(r), c = s === "top" ? -28 : 15;
+  return /* @__PURE__ */ f(
+    "button",
+    {
+      type: "button",
+      tabIndex: -1,
+      className: "absolute -translate-x-1/2 text-[11px] leading-[126%] text-muted-foreground hover:text-foreground cursor-pointer border-0 p-0 appearance-none bg-transparent pointer-events-auto",
+      style: {
+        left: `calc(${r}% + ${l}px)`,
+        top: `${c}px`
+      },
+      onPointerDown: (t) => {
+        t.stopPropagation();
+      },
+      onClick: (t) => {
+        t.preventDefault(), t.stopPropagation(), u(e);
+      },
+      children: p
+    }
+  );
+}
+export {
+  b as SliderTokenLabel
+};

package/dist/esm/components/slider-token/slider-token-utils.js

@@ -0,0 +1,27 @@
+import { validateMarkerPoints as u } from "../slider/slider-utils.js";
+import { splitInterval as p } from "../../utils/math.js";
+function v(n, e, o, t = {}) {
+  const i = Object.values(t), s = p(
+    n,
+    e,
+    o,
+    i.length ? i : void 0
+  ).map((r) => ({
+    point: r,
+    type: t[r] !== void 0 ? "additional" : "base"
+  }));
+  return u(s, n, e);
+}
+function c(n, e) {
+  return n.length <= 2 ? n : n.reduce((o, t, i, a) => {
+    const s = a[i + 1];
+    if (i === 0 || !s || t.type === "additional")
+      return o.push(t), o;
+    const r = Math.abs(t.point - s.point), d = a[i - 1], l = d?.type === "additional" && Math.abs(t.point - d.point) <= e;
+    return r > e && !l && o.push(t), o;
+  }, []);
+}
+export {
+  v as makeSliderTokenMarkerPoints,
+  c as mergeCloseMarkers
+};