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/Select/Select.Content.json

@@ -0,0 +1,62 @@
+{
+  "description": "The content that appears when the select is open.\nIt's based on [Radix UI Select Content](https://www.radix-ui.com/primitives/docs/components/select#content).",
+  "methods": [],
+  "displayName": "Select.Content",
+  "props": {
+    "position": {
+      "defaultValue": {
+        "value": "\"popper\"",
+        "computed": false
+      },
+      "description": "Whether to show the select items below (`popper`) or over (`item-aligned`) the select input.",
+      "tsType": {
+        "name": "union",
+        "raw": "\"item-aligned\" \\| \"popper\"",
+        "elements": [
+          {
+            "name": "literal",
+            "value": "\"item-aligned\""
+          },
+          {
+            "name": "literal",
+            "value": "\"popper\""
+          }
+        ]
+      },
+      "required": false
+    },
+    "sideOffset": {
+      "defaultValue": {
+        "value": "8",
+        "computed": false
+      },
+      "description": "The distance of the content pop-up in pixels from the select input. Only available when position is set to popper.",
+      "tsType": {
+        "name": "number"
+      },
+      "required": false
+    },
+    "collisionPadding": {
+      "defaultValue": {
+        "value": "24",
+        "computed": false
+      },
+      "description": "The distance in pixels from the boundary edges where collision detection should occur. Only available when position is set to popper.",
+      "tsType": {
+        "name": "union",
+        "raw": "number \\| Partial<Record<\"top\" \\| \"right\" \\| \"bottom\" \\| \"left\", number>>",
+        "elements": [
+          {
+            "name": "number"
+          },
+          {
+            "name": "Partial",
+            "elements": [],
+            "raw": "Partial<Record<\"top\" \\| \"right\" \\| \"bottom\" \\| \"left\", number>>"
+          }
+        ]
+      },
+      "required": false
+    }
+  }
+}