docs: fix broken links and styling (#8292)

* update RAC complex-items links to be text-slots

* RAC Combobox: fix button wrapping to new line on small screens

Author: reidbarber

packages/react-aria-components/docs/ComboBox.mdx

@@ -87,6 +87,11 @@ import {ComboBox, Label, Input, Button, Popover, ListBox, ListBoxItem} from 'rea
 .react-aria-ComboBox {
   color: var(--text-color);
 
+  > div:has(.react-aria-Input) {
+    display: flex;
+    align-items: center;
+  }
+
   .react-aria-Input {
     margin: 0;
     font-size: 1.072rem;
@@ -97,6 +102,7 @@ import {ComboBox, Label, Input, Button, Popover, ListBox, ListBoxItem} from 'rea
     padding: 0.286rem 2rem 0.286rem 0.571rem;
     vertical-align: middle;
     outline: none;
+    min-width: 0;
 
     &[data-focused] {
       outline: 2px solid var(--focus-ring-color);
@@ -116,6 +122,7 @@ import {ComboBox, Label, Input, Button, Popover, ListBox, ListBoxItem} from 'rea
     padding: 0;
     font-size: 0.857rem;
     cursor: default;
+    flex-shrink: 0;
 
     &[data-pressed] {
       box-shadow: none;
@@ -1277,7 +1284,7 @@ A `ListBoxItem` can be targeted with the `.react-aria-ListBoxItem` CSS selector,
 
 <StateTable properties={docs.exports.ListBoxItemRenderProps.properties} />
 
-Items also support two slots: a label, and a description. When provided using the `<Text>` element, the item will have `aria-labelledby` and `aria-describedby` attributes pointing to these slots, improving screen reader announcement. See [complex items](#complex-items) for an example.
+Items also support two slots: a label, and a description. When provided using the `<Text>` element, the item will have `aria-labelledby` and `aria-describedby` attributes pointing to these slots, improving screen reader announcement. See [text slots](#text-slots) for an example.
 
 Note that items may not contain interactive children such as buttons, as screen readers will not be able to access them.
 

packages/react-aria-components/docs/Menu.mdx

@@ -1109,7 +1109,7 @@ A `MenuItem` can be targeted with the `.react-aria-MenuItem` CSS selector, or by
 
 <StateTable properties={docs.exports.MenuItemRenderProps.properties} />
 
-MenuItems also support two slots: a label, and a description. When provided using the `<Text>` element, the item will have `aria-labelledby` and `aria-describedby` attributes pointing to these slots, improving screen reader announcement. See [complex items](#complex-items) for an example.
+MenuItems also support two slots: a label, and a description. When provided using the `<Text>` element, the item will have `aria-labelledby` and `aria-describedby` attributes pointing to these slots, improving screen reader announcement. See [text slots](#text-slots) for an example.
 
 Note that items may not contain interactive children such as buttons, as screen readers will not be able to access them.
 

packages/react-aria-components/docs/Select.mdx

@@ -1062,7 +1062,7 @@ A `ListBoxItem` can be targeted with the `.react-aria-ListBoxItem` CSS selector,
 
 <StateTable properties={docs.exports.ListBoxItemRenderProps.properties} />
 
-Items also support two slots: a label, and a description. When provided using the `<Text>` element, the item will have `aria-labelledby` and `aria-describedby` attributes pointing to these slots, improving screen reader announcement. See [complex items](#complex-items) for an example.
+Items also support two slots: a label, and a description. When provided using the `<Text>` element, the item will have `aria-labelledby` and `aria-describedby` attributes pointing to these slots, improving screen reader announcement. See [text slots](#text-slots) for an example.
 
 Note that items may not contain interactive children such as buttons, as screen readers will not be able to access them.