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
+    }
+  }
+}

www/apps/ui/specs/components/Select/Select.Group.json

@@ -0,0 +1,6 @@
+{
+  "description": "Groups multiple items together.",
+  "methods": [],
+  "displayName": "Select.Group",
+  "props": {}
+}

www/apps/ui/specs/components/Select/Select.Item.json

@@ -0,0 +1,6 @@
+{
+  "description": "An item in the select. It's based on [Radix UI Select Item](https://www.radix-ui.com/primitives/docs/components/select#item)\nand accepts its props.",
+  "methods": [],
+  "displayName": "Select.Item",
+  "props": {}
+}

www/apps/ui/specs/components/Select/Select.Label.json

@@ -0,0 +1,6 @@
+{
+  "description": "Used to label a group of items.\nIt's based on [Radix UI Select Label](https://www.radix-ui.com/primitives/docs/components/select#label).",
+  "methods": [],
+  "displayName": "Select.Label",
+  "props": {}
+}

www/apps/ui/specs/components/Select/Select.Separator.json

@@ -0,0 +1,6 @@
+{
+  "description": "",
+  "methods": [],
+  "displayName": "Select.Separator",
+  "props": {}
+}

www/apps/ui/specs/components/Select/Select.Trigger.json

@@ -0,0 +1,6 @@
+{
+  "description": "The trigger that toggles the select.\nIt's based on [Radix UI Select Trigger](https://www.radix-ui.com/primitives/docs/components/select#trigger).",
+  "methods": [],
+  "displayName": "Select.Trigger",
+  "props": {}
+}

www/apps/ui/specs/components/Select/Select.Value.json

@@ -0,0 +1,6 @@
+{
+  "description": "Displays the selected value, or a placeholder if no value is selected.\nIt's based on [Radix UI Select Value](https://www.radix-ui.com/primitives/docs/components/select#value).",
+  "methods": [],
+  "displayName": "Select.Value",
+  "props": {}
+}

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

@@ -0,0 +1,29 @@
+{
+  "description": "This component is based on [Radix UI Select](https://www.radix-ui.com/primitives/docs/components/select).\nIt also accepts all props of the HTML `select` component.",
+  "methods": [],
+  "displayName": "Select",
+  "props": {
+    "size": {
+      "required": false,
+      "tsType": {
+        "name": "union",
+        "raw": "\"base\" | \"small\"",
+        "elements": [
+          {
+            "name": "literal",
+            "value": "\"base\""
+          },
+          {
+            "name": "literal",
+            "value": "\"small\""
+          }
+        ]
+      },
+      "description": "The select's size.",
+      "defaultValue": {
+        "value": "\"base\"",
+        "computed": false
+      }
+    }
+  }
+}