docs: migrate UI docs (#13245)

* docs: create a new UI docs project (#13233)

* docs: create a new UI docs project

* fix installation errors

* docs: migrate UI docs content to new project (#13241)

* Fix content

* added examples for some components

* finish adding examples

* lint fix

* fix build errors

* delete empty files

* path fixes + refactor

* fix build error

www/apps/ui/specs/components/OptionButton/OptionButton.json

@@ -0,0 +1,95 @@
+{
+  "description": "",
+  "methods": [],
+  "displayName": "OptionButton",
+  "props": {
+    "index": {
+      "required": true,
+      "tsType": {
+        "name": "number"
+      },
+      "description": ""
+    },
+    "option": {
+      "required": true,
+      "tsType": {
+        "name": "DataTableFilterOption",
+        "elements": [
+          {
+            "name": "union",
+            "raw": "string | DataTableDateComparisonOperator",
+            "elements": [
+              {
+                "name": "string"
+              },
+              {
+                "name": "DataTableDateComparisonOperator"
+              }
+            ]
+          }
+        ],
+        "raw": "DataTableFilterOption<string | DataTableDateComparisonOperator>"
+      },
+      "description": ""
+    },
+    "isSelected": {
+      "required": true,
+      "tsType": {
+        "name": "boolean"
+      },
+      "description": ""
+    },
+    "isFocused": {
+      "required": true,
+      "tsType": {
+        "name": "boolean"
+      },
+      "description": ""
+    },
+    "onClick": {
+      "required": true,
+      "tsType": {
+        "name": "signature",
+        "type": "function",
+        "raw": "() => void",
+        "signature": {
+          "arguments": [],
+          "return": {
+            "name": "void"
+          }
+        }
+      },
+      "description": ""
+    },
+    "onMouseEvent": {
+      "required": true,
+      "tsType": {
+        "name": "signature",
+        "type": "function",
+        "raw": "(idx: number) => void",
+        "signature": {
+          "arguments": [
+            {
+              "type": {
+                "name": "number"
+              },
+              "name": "idx"
+            }
+          ],
+          "return": {
+            "name": "void"
+          }
+        }
+      },
+      "description": ""
+    },
+    "icon": {
+      "required": true,
+      "tsType": {
+        "name": "ReactElementType",
+        "raw": "React.ElementType"
+      },
+      "description": ""
+    }
+  }
+}