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/Button/Button.json

@@ -0,0 +1,92 @@
+{
+  "description": "This component is based on the `button` element and supports all of its props",
+  "methods": [],
+  "displayName": "Button",
+  "props": {
+    "isLoading": {
+      "required": false,
+      "tsType": {
+        "name": "boolean"
+      },
+      "description": "Whether to show a loading spinner.",
+      "defaultValue": {
+        "value": "false",
+        "computed": false
+      }
+    },
+    "asChild": {
+      "required": false,
+      "tsType": {
+        "name": "boolean"
+      },
+      "description": "Whether to remove the wrapper `button` element and use the\npassed child element instead.",
+      "defaultValue": {
+        "value": "false",
+        "computed": false
+      }
+    },
+    "variant": {
+      "defaultValue": {
+        "value": "\"primary\"",
+        "computed": false
+      },
+      "description": "The button's style.",
+      "tsType": {
+        "name": "union",
+        "raw": "\"primary\" \\| \"transparent\" \\| \"secondary\" \\| \"danger\"",
+        "elements": [
+          {
+            "name": "literal",
+            "value": "\"primary\""
+          },
+          {
+            "name": "literal",
+            "value": "\"transparent\""
+          },
+          {
+            "name": "literal",
+            "value": "\"secondary\""
+          },
+          {
+            "name": "literal",
+            "value": "\"danger\""
+          }
+        ]
+      },
+      "required": false
+    },
+    "size": {
+      "defaultValue": {
+        "value": "\"base\"",
+        "computed": false
+      },
+      "description": "The button's size.",
+      "tsType": {
+        "name": "union",
+        "raw": "\"small\" \\| \"base\" \\| \"large\" \\| \"xlarge\"",
+        "elements": [
+          {
+            "name": "literal",
+            "value": "\"small\""
+          },
+          {
+            "name": "literal",
+            "value": "\"base\""
+          },
+          {
+            "name": "literal",
+            "value": "\"large\""
+          },
+          {
+            "name": "literal",
+            "value": "\"xlarge\""
+          }
+        ]
+      },
+      "required": false
+    }
+  },
+  "composes": [
+    "VariantProps"
+  ]
+}