docs: added box

docs/.vitepress/config.ts

@@ -86,7 +86,10 @@ export default defineConfig({
           },
           {
             text: 'Shapes',
-            items: [{ text: 'Plane', link: '/cientos/shapes/plane' }],
+            items: [
+              { text: 'Plane', link: '/cientos/shapes/plane' },
+              { text: 'Box', link: '/cientos/shapes/box' },
+            ],
           },
           {
             text: 'Misc',

docs/cientos/shapes/box.md

@@ -0,0 +1,17 @@
+# Box
+
+![](/cientos/box.png)
+
+The `cientos` package provides a `<Box />` component that serves as a short-cut for a `BoxGeometry` and a `MeshBasicMaterial` with a `Mesh` object.
+
+## Usage
+
+```html
+<Box :args="[1, 1, 1]" color="orange" />
+
+// Plane with a custom material transformations
+<Box ref="planeRef" :args="[1, 1, 1]" :position="[0, 4, 0]">
+  <TresMeshToonMaterial color="orange" />
+</Box>
+```
+