diff --git a/package.json b/package.json
index f2fffcb..281c741 100644
--- a/package.json
+++ b/package.json
@@ -22,11 +22,11 @@
   },
   "global": "CytoscapeBubbleSets",
   "dependencies": {
-    "@types/cytoscape": "^3.14.7",
-    "cytoscape-layers": "^2.1.0"
+    "@types/cytoscape": "^3.14.7"
   },
   "peerDependencies": {
-    "cytoscape": "^3.17.0"
+    "cytoscape": "^3.17.0",
+    "cytoscape-layers": "^2.1.0"
   },
   "browserslist": [
     "Firefox ESR",
diff --git a/samples/bubbleclusters.html b/samples/bubbleclusters.html
index 0d993cf..115c958 100644
--- a/samples/bubbleclusters.html
+++ b/samples/bubbleclusters.html
@@ -20,7 +20,7 @@
     <script src="https://cdn.jsdelivr.net/npm/cytoscape"></script>
     <script src="https://cdn.jsdelivr.net/npm/lodash"></script>
     <script src="https://cdn.jsdelivr.net/npm/cytoscape-layers"></script>
-    <script src="../dist/cytoscapebubblesets.umd.development.js"></script>
+    <script src="../build/index.umd.js"></script>
     <script>
       function dist(a, b) {
         const x = a.x - b.x;
diff --git a/samples/default.html b/samples/default.html
index 58d72e7..ec09baa 100644
--- a/samples/default.html
+++ b/samples/default.html
@@ -17,7 +17,7 @@
     <script src="https://cdn.jsdelivr.net/npm/avsdf-base"></script>
     <script src="https://cdn.jsdelivr.net/npm/cytoscape-avsdf"></script>
     <script src="https://cdn.jsdelivr.net/npm/cytoscape-layers"></script>
-    <script src="../dist/cytoscapebubblesets.umd.development.js"></script>
+    <script src="../build/index.umd.js"></script>
     <script>
       const cy = cytoscape({
         container: document.getElementById('app'), // container to render in
diff --git a/samples/default_esm.html b/samples/default_esm.html
index 1ccd06f..f73e854 100644
--- a/samples/default_esm.html
+++ b/samples/default_esm.html
@@ -17,8 +17,8 @@
       {
         "imports": {
           "cytoscape": "https://cdn.jsdelivr.net/npm/cytoscape@3.15.0/dist/cytoscape.esm.min.js",
-          "cytoscape-layers": "https://cdn.jsdelivr.net/npm/cytoscape-layers",
-          "cytoscape-bubblesets": "../dist/cytoscapebubblesets.esm.js"
+          "cytoscape-layers": "https://cdn.jsdelivr.net/npm/cytoscape-layers/dist/cytoscapelayers.esm.js",
+          "cytoscape-bubblesets": "../build/index.esm.js"
         }
       }
     </script>
diff --git a/samples/euler.html b/samples/euler.html
index d624357..e31095f 100644
--- a/samples/euler.html
+++ b/samples/euler.html
@@ -17,7 +17,7 @@
     <script src="https://cdn.jsdelivr.net/npm/cytoscape"></script>
     <script src="https://cdn.jsdelivr.net/npm/cytoscape-layers"></script>
     <script src="https://cdn.jsdelivr.net/npm/cytoscape-euler"></script>
-    <script src="../dist/cytoscapebubblesets.umd.development.js"></script>
+    <script src="../build/index.umd.js"></script>
     <script>
       const cy = cytoscape({
         container: document.getElementById('app'), // container to render in