gf-components 0.1.163 → 0.1.164

package/dist/index.es.js

@@ -41251,12 +41251,12 @@ const za = 12, d1 = 14, Rs = Bt.tspan`
     /* @__PURE__ */ m.jsx(u, {})
   ] });
 }, P7e = Bt.span`
-    font: var(--gf-label-md-default);
-    font-size: 14px;
-    line-height: 22px;
-    font-weight: 400;
-    color: var(--gf-color-button-primary);
-    transition: color 150ms ease, font-weight 150ms ease;
+  font: var(--gf-label-md-default);
+  font-size: 14px;
+  line-height: 22px;
+  font-weight: 400;
+  color: var(--gf-color-button-primary);
+  transition: color 150ms ease, font-weight 150ms ease;
 `, fhe = ({
   items: e,
   width: t = 226,
@@ -41277,29 +41277,41 @@ const za = 12, d1 = 14, Rs = Bt.tspan`
     window.scrollTo({ top: h, behavior: "smooth" });
   };
   return Ne.useEffect(() => {
-    const d = (e || []).map((h, p) => {
-      var g;
-      return { key: p, el: (g = h.href) == null ? void 0 : g.current };
-    }).filter((h) => h.el);
+    const d = (e || []).map((p, g) => {
+      var v;
+      return { key: g, el: (v = p.href) == null ? void 0 : v.current };
+    }).filter((p) => p.el);
     if (!d.length) return;
-    const f = new IntersectionObserver(
-      (h) => {
+    const f = /* @__PURE__ */ new Map(), h = new IntersectionObserver(
+      (p) => {
         if (s.current) return;
-        const p = h.filter((v) => v.isIntersecting).sort((v, b) => v.boundingClientRect.top - b.boundingClientRect.top)[0];
-        if (!p) return;
-        const g = d.find((v) => v.el === p.target);
-        g && g.key !== void 0 && a(g.key);
+        for (const b of p)
+          f.set(b.target, {
+            is: b.isIntersecting,
+            top: b.boundingClientRect.top,
+            ratio: b.intersectionRatio
+          });
+        const g = [];
+        for (const { key: b, el: y } of d) {
+          const x = f.get(y);
+          x != null && x.is && g.push({ key: b, el: y, ...x });
+        }
+        if (!g.length) return;
+        const v = g.sort(
+          (b, y) => Math.abs(b.top - n) - Math.abs(y.top - n) || y.ratio - b.ratio
+        )[0];
+        v && v.key !== o && a(v.key);
       },
       {
         root: null,
-        threshold: [0.1, 0.2, 0.3],
+        threshold: [0, 0.01, 0.1, 0.2],
         rootMargin: `-${n}px 0px -${r}% 0px`
       }
     );
-    return d.forEach(({ el: h }) => f.observe(h)), () => {
-      f.disconnect(), l.current && clearTimeout(l.current);
+    return d.forEach(({ el: p }) => h.observe(p)), () => {
+      h.disconnect(), l.current && clearTimeout(l.current);
     };
-  }, [e]), /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
+  }, [e, n, o]), /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
     /* @__PURE__ */ m.jsx($n, {}),
     /* @__PURE__ */ m.jsxs(tn, { align: "stretch", children: [
       /* @__PURE__ */ m.jsxs(