feat: added bootstrap icon and grid in registry

Author: gerardnico

apps/site/pages/reference/icon.md

@@ -27,8 +27,11 @@ In a [programmatic page](page-module.md), you can import:
 ```javascript
 import Envelope from "../img/bi-envelope-fill.svg"
 ```
-* from a React icon library
+* from a icon library
 ```javascript
+// that delivers raw svg file
+import OpenAiIcon from "bootstrap-icons/icons/openai.svg"
+// or React component
 import {ChevronDownIcon} from "lucide-react";
 ```
 

registry.json

@@ -20,6 +20,47 @@
       "registryDependencies": [
         "button"
       ]
+    },
+    {
+      "name": "Grid",
+      "type": "registry:ui",
+      "title": "Grid Cells System",
+      "description": "Flex Grid based on the bootstrap system",
+      "files": [
+        {
+          "path": "src/resources/components/interact/Grid.tsx",
+          "type": "registry:ui",
+          "categories": [
+            "grid"
+          ],
+          "meta": {
+            "interact": {
+              "type": "markdown"
+            }
+          }
+        },
+        {
+          "path": "src/resources/components/interact/GridCell.tsx",
+          "type": "registry:ui",
+          "categories": [
+            "grid"
+          ],
+          "meta": {
+            "interact": {
+              "type": "markdown"
+            }
+          }
+        },
+        {
+          "path": "src/resources/components/interact/grid.css",
+          "type": "registry:file",
+          "target": "src/styles/grid.css",
+          "docs": "You need to import manually the grid.css file in your global.css file",
+          "categories": [
+            "grid"
+          ]
+        }
+      ]
     }
   ]
 }