diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index b30525a..62ce2d8 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -28,8 +28,7 @@ export default defineConfig({
   base: "/three-viewport-gizmo/",
   head: [["link", { rel: "icon", href: "./assets/three-viewport-gizmo.svg" }]],
   title: "Three Viewport Gizmo",
-  description:
-    "A three.js completely customizable 3D view helper for any camera setup",
+  description: "A three.js customizable 3D view helper for any camera setup",
   appearance: "force-dark",
   themeConfig: {
     // https://vitepress.dev/reference/default-theme-config
@@ -67,4 +66,17 @@ export default defineConfig({
       },
     ],
   },
+  vite: {
+    build: {
+      commonjsOptions: {
+        include: [/oh-vue-icons/],
+      },
+    },
+    optimizeDeps: {
+      include: ["oh-vue-icons"],
+    },
+    ssr: {
+      noExternal: ["oh-vue-icons"],
+    },
+  },
 });
diff --git a/docs/.vitepress/theme/style.css b/docs/.vitepress/theme/style.css
index 8822460..c25b009 100644
--- a/docs/.vitepress/theme/style.css
+++ b/docs/.vitepress/theme/style.css
@@ -6,10 +6,10 @@
   --vp-c-indigo-soft: rgba(230, 66, 66, 0.16) !important;
 
   /* Purple to orange tones */
-  --vp-c-purple-1: #fb8982 !important;#ffb891 !important;
-  --vp-c-purple-2: #e25656 !important;#e77c5c !important;
-  --vp-c-purple-3: #cc4343 !important;#dd633e !important;
-  --vp-c-purple-soft: rgba(230, 66, 66, 0.16) !important;t: rgba(255, 136, 100, 0.16) !important;
+  --vp-c-purple-1: #fb8982 !important;
+  --vp-c-purple-2: #e25656 !important;
+  --vp-c-purple-3: #cc4343 !important;
+  --vp-c-purple-soft: rgba(230, 66, 66, 0.16) !important;
 }
 
 .VPNavBarMenu a:nth-of-type(2) {
@@ -49,4 +49,3 @@ svg {
 .VPHero .image {
   aspect-ratio: 1;
 }
-
diff --git a/docs/public/samples/config.html b/docs/public/samples/config.html
index ecd6535..687472f 100644
--- a/docs/public/samples/config.html
+++ b/docs/public/samples/config.html
@@ -55,7 +55,7 @@
       document.body.appendChild(renderer.domElement);
 
       // Viewport Gizmo
-      const gizmo = new ViewportGizmo(camera, renderer, {
+      let gizmo = new ViewportGizmo(camera, renderer, {
         size: Math.min(width, height) * 0.8,
         placement: "center-center",
       });
diff --git a/docs/public/samples/resizable-grid.html b/docs/public/samples/resizable-grid.html
index 7936dfb..09881e4 100644
--- a/docs/public/samples/resizable-grid.html
+++ b/docs/public/samples/resizable-grid.html
@@ -124,7 +124,7 @@
     <script type="module">
       import * as THREE from "three";
       import { OrbitControls } from "three/addons/controls/OrbitControls.js";
-      import { gizmo } from "three-viewport-gizmo";
+      import { ViewportGizmo } from "three-viewport-gizmo";
       import { loadThreeModel } from "./common/threeModel.js";
 
       // Initialize Gird
diff --git a/docs/public/samples/responsive.html b/docs/public/samples/responsive.html
index 9ae7347..d269662 100644
--- a/docs/public/samples/responsive.html
+++ b/docs/public/samples/responsive.html
@@ -52,7 +52,7 @@
 
       const renderer = new THREE.WebGLRenderer({ antialias: true });
       renderer.setPixelRatio(window.devicePixelRatio);
-      renderer.setClearColor(0x333333, 1);
+      renderer.setClearColor(0x333333, 0);
       renderer.setSize(window.innerWidth, window.innerHeight);
       document.body.appendChild(renderer.domElement);
 
@@ -64,7 +64,7 @@
           lineWidth: 15,
           sphere: {
             enabled: true,
-            color: 0x222222,
+            color: 0x333333,
             opacity: 0.6,
             hoverOpacity: 0.2,
           },
diff --git a/package-lock.json b/package-lock.json
index 7ac62a6..64415e8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "three-viewport-gizmo",
-  "version": "0.1.5",
+  "version": "1.0.1",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "three-viewport-gizmo",
-      "version": "0.1.5",
+      "version": "1.0.1",
       "license": "MIT",
       "dependencies": {
         "camera-controls": "^2.8.3",
@@ -15,6 +15,7 @@
         "three-viewport-gizmo": "^0.1.0"
       },
       "devDependencies": {
+        "@rollup/plugin-commonjs": "^28.0.1",
         "@types/node": "^20.11.28",
         "@types/three": "^0.162.0",
         "@vitejs/plugin-vue": "^5.1.4",
@@ -936,6 +937,61 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/@rollup/plugin-commonjs": {
+      "version": "28.0.1",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-28.0.1.tgz",
+      "integrity": "sha512-+tNWdlWKbpB3WgBN7ijjYkq9X5uhjmcvyjEght4NmH5fAU++zfQzAJ6wumLS+dNcvwEZhKx2Z+skY8m7v0wGSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rollup/pluginutils": "^5.0.1",
+        "commondir": "^1.0.1",
+        "estree-walker": "^2.0.2",
+        "fdir": "^6.2.0",
+        "is-reference": "1.2.1",
+        "magic-string": "^0.30.3",
+        "picomatch": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=16.0.0 || 14 >= 14.17"
+      },
+      "peerDependencies": {
+        "rollup": "^2.68.0||^3.0.0||^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/plugin-commonjs/node_modules/fdir": {
+      "version": "6.4.2",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.2.tgz",
+      "integrity": "sha512-KnhMXsKSPZlAhp7+IjUkRZKPb4fUyccpDrdFXbi4QL1qkmFh9kVY09Yox+n4MaOb3lHZ1Tv829C3oaaXoMYPDQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rollup/plugin-commonjs/node_modules/picomatch": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
+      "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
     "node_modules/@rollup/pluginutils": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.0.tgz",
@@ -2018,6 +2074,13 @@
         "node": "^12.20.0 || >=14"
       }
     },
+    "node_modules/commondir": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
+      "integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/computeds": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/computeds/-/computeds-0.0.1.tgz",
@@ -2318,6 +2381,16 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-reference": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-1.2.1.tgz",
+      "integrity": "sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "*"
+      }
+    },
     "node_modules/is-what": {
       "version": "4.1.16",
       "resolved": "https://registry.npmjs.org/is-what/-/is-what-4.1.16.tgz",
@@ -3928,6 +4001,36 @@
         }
       }
     },
+    "@rollup/plugin-commonjs": {
+      "version": "28.0.1",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-28.0.1.tgz",
+      "integrity": "sha512-+tNWdlWKbpB3WgBN7ijjYkq9X5uhjmcvyjEght4NmH5fAU++zfQzAJ6wumLS+dNcvwEZhKx2Z+skY8m7v0wGSA==",
+      "dev": true,
+      "requires": {
+        "@rollup/pluginutils": "^5.0.1",
+        "commondir": "^1.0.1",
+        "estree-walker": "^2.0.2",
+        "fdir": "^6.2.0",
+        "is-reference": "1.2.1",
+        "magic-string": "^0.30.3",
+        "picomatch": "^4.0.2"
+      },
+      "dependencies": {
+        "fdir": {
+          "version": "6.4.2",
+          "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.4.2.tgz",
+          "integrity": "sha512-KnhMXsKSPZlAhp7+IjUkRZKPb4fUyccpDrdFXbi4QL1qkmFh9kVY09Yox+n4MaOb3lHZ1Tv829C3oaaXoMYPDQ==",
+          "dev": true,
+          "requires": {}
+        },
+        "picomatch": {
+          "version": "4.0.2",
+          "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
+          "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
+          "dev": true
+        }
+      }
+    },
     "@rollup/pluginutils": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.0.tgz",
@@ -4659,6 +4762,12 @@
       "dev": true,
       "optional": true
     },
+    "commondir": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
+      "integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==",
+      "dev": true
+    },
     "computeds": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/computeds/-/computeds-0.0.1.tgz",
@@ -4877,6 +4986,15 @@
         "hasown": "^2.0.0"
       }
     },
+    "is-reference": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-1.2.1.tgz",
+      "integrity": "sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==",
+      "dev": true,
+      "requires": {
+        "@types/estree": "*"
+      }
+    },
     "is-what": {
       "version": "4.1.16",
       "resolved": "https://registry.npmjs.org/is-what/-/is-what-4.1.16.tgz",
diff --git a/package.json b/package.json
index 5266579..274900d 100644
--- a/package.json
+++ b/package.json
@@ -27,6 +27,7 @@
     "docs:preview": "vitepress preview docs"
   },
   "devDependencies": {
+    "@rollup/plugin-commonjs": "^28.0.1",
     "@types/node": "^20.11.28",
     "@types/three": "^0.162.0",
     "@vitejs/plugin-vue": "^5.1.4",