From c575a23be505e083878d12dcb8992cc1bde5fc4c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Beno=C3=AEt=20Gr=C3=A9lard?= <benoit.grelard@gmail.com>
Date: Fri, 10 Jun 2022 15:07:47 +0100
Subject: [PATCH] Document latest Select changes (#415)

* Document latest Select changes

https://github.com/radix-ui/primitives/pull/1459

* Add missing prop
---
 components/demos/Select.jsx                 |  10 +-
 data/primitives/components/select/0.1.2.mdx | 231 +++++++++++++-------
 data/primitives/overview/releases.mdx       |   2 +
 package.json                                |   2 +-
 yarn.lock                                   | 197 ++++++++++++++---
 5 files changed, 327 insertions(+), 115 deletions(-)

diff --git a/components/demos/Select.jsx b/components/demos/Select.jsx
index dddc49bca..5591370b2 100644
--- a/components/demos/Select.jsx
+++ b/components/demos/Select.jsx
@@ -39,6 +39,14 @@ const StyledViewport = styled(SelectPrimitive.Viewport, {
   padding: 5,
 });
 
+function Content({ children, ...props }) {
+  return (
+    <SelectPrimitive.Portal>
+      <StyledContent {...props}>{children}</StyledContent>
+    </SelectPrimitive.Portal>
+  );
+}
+
 const StyledItem = styled(SelectPrimitive.Item, {
   all: 'unset',
   fontSize: 13,
@@ -104,7 +112,7 @@ export const Select = SelectPrimitive.Root;
 export const SelectTrigger = StyledTrigger;
 export const SelectValue = SelectPrimitive.Value;
 export const SelectIcon = StyledIcon;
-export const SelectContent = StyledContent;
+export const SelectContent = Content;
 export const SelectViewport = StyledViewport;
 export const SelectGroup = SelectPrimitive.Group;
 export const SelectItem = StyledItem;
diff --git a/data/primitives/components/select/0.1.2.mdx b/data/primitives/components/select/0.1.2.mdx
index 53c0e311b..74bbb84ed 100644
--- a/data/primitives/components/select/0.1.2.mdx
+++ b/data/primitives/components/select/0.1.2.mdx
@@ -53,26 +53,28 @@ export default () => (
       <Select.Icon />
     </Select.Trigger>
 
-    <Select.Content>
-      <Select.ScrollUpButton />
-      <Select.Viewport>
-        <Select.Item>
-          <Select.ItemText />
-          <Select.ItemIndicator />
-        </Select.Item>
-
-        <Select.Group>
-          <Select.Label />
+    <Select.Portal>
+      <Select.Content>
+        <Select.ScrollUpButton />
+        <Select.Viewport>
           <Select.Item>
             <Select.ItemText />
             <Select.ItemIndicator />
           </Select.Item>
-        </Select.Group>
 
-        <Select.Separator />
-      </Select.Viewport>
-      <Select.ScrollDownButton />
-    </Select.Content>
+          <Select.Group>
+            <Select.Label />
+            <Select.Item>
+              <Select.ItemText />
+              <Select.ItemIndicator />
+            </Select.Item>
+          </Select.Group>
+
+          <Select.Separator />
+        </Select.Viewport>
+        <Select.ScrollDownButton />
+      </Select.Content>
+    </Select.Portal>
   </Select.Root>
 );
 ```
@@ -155,6 +157,31 @@ Contains all the parts of a select.
       description:
         'The name of the select. Submitted with its owning form as part of a name/value pair.',
     },
+    {
+      name: 'allowPinchZoom',
+      required: false,
+      type: 'boolean',
+      default: 'false',
+      description: (
+        <span>
+          The <Code>allowPinchZoom</Code> prop from{' '}
+          <Link
+            variant="blue"
+            href="https://github.com/theKashey/react-remove-scroll"
+            target="_blank"
+          >
+            react-remove-scroll
+          </Link>
+          . See <Link
+            variant="blue"
+            href="https://github.com/theKashey/react-remove-scroll#usage"
+            target="_blank"
+          >
+            their docs
+          </Link> for information on functionality and limitations.
+        </span>
+      ),
+    },
   ]}
 />
 
@@ -220,6 +247,21 @@ A small icon often displayed next to the value as a visual affordance for the fa
   ]}
 />
 
+### Portal
+
+When used, portals the content part into the `body`.
+
+<PropsTable
+  data={[
+    {
+      name: 'container',
+      type: 'HTMLElement',
+      default: 'document.body',
+      description: 'Specify a container element to portal the content into.',
+    },
+  ]}
+/>
+
 ### Content
 
 The component that pops out when the select is open.
@@ -462,7 +504,7 @@ Used to visually separate items in the select.
 
 You can add special styles to disabled items via the `data-disabled` attribute.
 
-```jsx line=4-6,13
+```jsx line=4-6,14
 import { styled } from '@stitches/react';
 import * as Select from '@radix-ui/react-select';
 
@@ -473,13 +515,15 @@ const StyledItem = styled(Select.Item, {
 export default () => (
   <Select.Root>
     <Select.Trigger>…</Select.Trigger>
-    <Select.Content>
-      <Select.Viewport>
-        <StyledItem __disabled__>…</StyledItem>
-        <StyledItem>…</StyledItem>
-        <StyledItem>…</StyledItem>
-      </Select.Viewport>
-    </Select.Content>
+    <Select.Portal>
+      <Select.Content>
+        <Select.Viewport>
+          <StyledItem __disabled__>…</StyledItem>
+          <StyledItem>…</StyledItem>
+          <StyledItem>…</StyledItem>
+        </Select.Viewport>
+      </Select.Content>
+    </Select.Portal>
   </Select.Root>
 );
 ```
@@ -502,7 +546,9 @@ export default () => (
       <Select.Value __placeholder__="Pick an option" />
       <Select.Icon />
     </SelectTrigger>
-    <Select.Content>…</Select.Content>
+    <Select.Portal>
+      <Select.Content>…</Select.Content>
+    </Select.Portal>
   </Select.Root>
 );
 ```
@@ -511,19 +557,21 @@ export default () => (
 
 Use the `Separator` part to add a separator between items.
 
-```jsx line=8
+```jsx line=9
 <Select.Root>
   <Select.Trigger>…</Select.Trigger>
-  <Select.Content>
-    <Select.Viewport>
-      <Select.Item>…</Select.Item>
-      <Select.Item>…</Select.Item>
-      <Select.Item>…</Select.Item>
-      <Select.Separator />
-      <Select.Item>…</Select.Item>
-      <Select.Item>…</Select.Item>
-    </Select.Viewport>
-  </Select.Content>
+  <Select.Portal>
+    <Select.Content>
+      <Select.Viewport>
+        <Select.Item>…</Select.Item>
+        <Select.Item>…</Select.Item>
+        <Select.Item>…</Select.Item>
+        <Select.Separator />
+        <Select.Item>…</Select.Item>
+        <Select.Item>…</Select.Item>
+      </Select.Viewport>
+    </Select.Content>
+  </Select.Portal>
 </Select.Root>
 ```
 
@@ -531,19 +579,21 @@ Use the `Separator` part to add a separator between items.
 
 Use the `Group` and `Label` parts to group items in a section.
 
-```jsx line=5-6,10
+```jsx line=6-7,11
 <Select.Root>
   <Select.Trigger>…</Select.Trigger>
-  <Select.Content>
-    <Select.Viewport>
-      <Select.Group>
-        <Select.Label>Label</Select.Label>
-        <Select.Item>…</Select.Item>
-        <Select.Item>…</Select.Item>
-        <Select.Item>…</Select.Item>
-      </Select.Group>
-    </Select.Viewport>
-  </Select.Content>
+  <Select.Portal>
+    <Select.Content>
+      <Select.Viewport>
+        <Select.Group>
+          <Select.Label>Label</Select.Label>
+          <Select.Item>…</Select.Item>
+          <Select.Item>…</Select.Item>
+          <Select.Item>…</Select.Item>
+        </Select.Group>
+      </Select.Viewport>
+    </Select.Content>
+  </Select.Portal>
 </Select.Root>
 ```
 
@@ -551,7 +601,7 @@ Use the `Group` and `Label` parts to group items in a section.
 
 You can use custom content in your items.
 
-```jsx line=4-7,16
+```jsx line=4-7,17
 import { styled } from '@stitches/react';
 import * as Select from '@radix-ui/react-select';
 
@@ -563,19 +613,21 @@ const Image = styled('img', {
 export default () => (
   <Select.Root>
     <Select.Trigger>…</Select.Trigger>
-    <Select.Content>
-      <Select.Viewport>
-        <Select.Item>
-          <Select.ItemText>
-            <Image src="…" />
-            Adolfo Hess
-          </Select.ItemText>
-          <Select.ItemIndicator>…</Select.ItemIndicator>
-        </Select.Item>
-        <Select.Item>…</Select.Item>
-        <Select.Item>…</Select.Item>
-      </Select.Viewport>
-    </Select.Content>
+    <Select.Portal>
+      <Select.Content>
+        <Select.Viewport>
+          <Select.Item>
+            <Select.ItemText>
+              <Image src="…" />
+              Adolfo Hess
+            </Select.ItemText>
+            <Select.ItemIndicator>…</Select.ItemIndicator>
+          </Select.Item>
+          <Select.Item>…</Select.Item>
+          <Select.Item>…</Select.Item>
+        </Select.Viewport>
+      </Select.Content>
+    </Select.Portal>
   </Select.Root>
 );
 ```
@@ -599,6 +651,7 @@ export default () => {
         </Select.Value>
         <Select.Icon />
       </Select.Trigger>
+      <Select.Portal>
       <Select.Content>
         <Select.Viewport>
           <Select.Item value="france">
@@ -615,6 +668,7 @@ export default () => {
           </Select.Item>
         </Select.Viewport>
       </Select.Content>
+      </Select.Portal>
     </Select.Root>
   );
 };
@@ -624,7 +678,7 @@ export default () => {
 
 The native scrollbar is hidden by default as we recommend using the `ScrollUpButton` and `ScrollDownButton` parts for the best UX. If you do not want to use these parts, compose your select with our [Scroll Area](scroll-area) primitive.
 
-```jsx line=5-8,10-13,15-18,20-23,29,31,35,37-40
+```jsx line=5-8,10-13,15-18,20-23,30,32,36,38-41
 import { styled } from '@stitches/react';
 import * as Select from '@radix-ui/react-select';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
@@ -652,20 +706,22 @@ const ScrollAreaThumb = styled(ScrollAreaPrimitive.Thumb, {
 export default () => (
   <Select.Root>
     <Select.Trigger>…</Select.Trigger>
-    <Select.Content>
-      <ScrollArea type="auto">
-        <Select.Viewport __asChild__>
-          <ScrollAreaViewport>
-            <StyledItem>…</StyledItem>
-            <StyledItem>…</StyledItem>
-            <StyledItem>…</StyledItem>
-          </ScrollAreaViewport>
-        </Select.Viewport>
-        <ScrollAreaScrollbar orientation="vertical">
-          <ScrollAreaThumb />
-        </ScrollAreaScrollbar>
-      </ScrollArea>
-    </Select.Content>
+    <Select.Portal>
+      <Select.Content>
+        <ScrollArea type="auto">
+          <Select.Viewport __asChild__>
+            <ScrollAreaViewport>
+              <StyledItem>…</StyledItem>
+              <StyledItem>…</StyledItem>
+              <StyledItem>…</StyledItem>
+            </ScrollAreaViewport>
+          </Select.Viewport>
+          <ScrollAreaScrollbar orientation="vertical">
+            <ScrollAreaThumb />
+          </ScrollAreaScrollbar>
+        </ScrollArea>
+      </Select.Content>
+    </Select.Portal>
   </Select.Root>
 );
 ```
@@ -752,7 +808,10 @@ export default () => (
 
     <Label htmlFor="country">Country</Label>
     <Select.Root>
-      <Select.Trigger __id__="country">…</Select.Trigger>…
+      <Select.Trigger __id__="country">…</Select.Trigger>
+      <Select.Portal>
+        <Select.Content>…</Select.Content>
+      </Select.Portal>
     </Select.Root>
   </>
 );
@@ -802,15 +861,17 @@ export const Select = React.forwardRef(
             <ChevronDownIcon />
           </SelectPrimitive.Icon>
         </SelectPrimitive.Trigger>
-        <SelectPrimitive.Content>
-          <SelectPrimitive.ScrollUpButton>
-            <ChevronUpIcon />
-          </SelectPrimitive.ScrollUpButton>
-          <SelectPrimitive.Viewport>{children}</SelectPrimitive.Viewport>
-          <SelectPrimitive.ScrollDownButton>
-            <ChevronDownIcon />
-          </SelectPrimitive.ScrollDownButton>
-        </SelectPrimitive.Content>
+        <SelectPrimitive.Portal>
+          <SelectPrimitive.Content>
+            <SelectPrimitive.ScrollUpButton>
+              <ChevronUpIcon />
+            </SelectPrimitive.ScrollUpButton>
+            <SelectPrimitive.Viewport>{children}</SelectPrimitive.Viewport>
+            <SelectPrimitive.ScrollDownButton>
+              <ChevronDownIcon />
+            </SelectPrimitive.ScrollDownButton>
+          </SelectPrimitive.Content>
+        </SelectPrimitive.Portal>
       </SelectPrimitive.Root>
     );
   }
diff --git a/data/primitives/overview/releases.mdx b/data/primitives/overview/releases.mdx
index cf48375a1..074334051 100644
--- a/data/primitives/overview/releases.mdx
+++ b/data/primitives/overview/releases.mdx
@@ -73,6 +73,8 @@ metaDescription: Radix Primitives releases and their changelogs.
 - [**Breaking**] Renamed `data-state` values from `active|inactive` to `checked|unchecked` <PRLink id={1388} />
 - Add support for placeholder via `placeholder` prop on `Select.Value` <PRLink id={1384} />
 - Resolve value mismatch with underlying native select <PRLink id={1421} />
+- [**Breaking**] Add new `Portal` part. To avoid regressions, use this part if you want portalling behavior. Note that `z-index` isn't managed anymore so you have full control of layering. <PRLink id={1459} />
+- Add pinch to zoom support via `allowPinchZoom` prop on `Select.Root` <PRLink id={1459} />
 
 <PackageRelease name="Slot" version="0.1.3" />
 
diff --git a/package.json b/package.json
index 188bcc078..89de60512 100644
--- a/package.json
+++ b/package.json
@@ -31,7 +31,7 @@
     "@radix-ui/react-progress": "0.1.5-rc.22",
     "@radix-ui/react-radio-group": "0.1.6-rc.29",
     "@radix-ui/react-scroll-area": "0.1.5-rc.25",
-    "@radix-ui/react-select": "0.1.2-rc.36",
+    "@radix-ui/react-select": "0.1.2-rc.45",
     "@radix-ui/react-separator": "0.1.5-rc.22",
     "@radix-ui/react-slider": "0.1.5-rc.25",
     "@radix-ui/react-slot": "0.1.3-rc.22",
diff --git a/yarn.lock b/yarn.lock
index 8b8328075..881d7c955 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -705,6 +705,17 @@
     "@radix-ui/react-primitive" "0.1.5-rc.35"
     "@radix-ui/react-slot" "0.1.3-rc.35"
 
+"@radix-ui/react-collection@0.1.5-rc.36":
+  version "0.1.5-rc.36"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-collection/-/react-collection-0.1.5-rc.36.tgz#900baf80f28ef34b1f8c1236cb6611c3a04e0d64"
+  integrity sha512-Aipp2uUAsH49rQmTqCLIwdHPdN8Hp7IW9KoN8smQFcENuW/PQqD3sNZjZQjWWwVZUxp190aFCdSg1T1iZjWMbg==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/react-compose-refs" "0.1.1-rc.36"
+    "@radix-ui/react-context" "0.1.2-rc.36"
+    "@radix-ui/react-primitive" "0.1.5-rc.36"
+    "@radix-ui/react-slot" "0.1.3-rc.36"
+
 "@radix-ui/react-compose-refs@0.1.0":
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/@radix-ui/react-compose-refs/-/react-compose-refs-0.1.0.tgz#cff6e780a0f73778b976acff2c2a5b6551caab95"
@@ -747,6 +758,13 @@
   dependencies:
     "@babel/runtime" "^7.13.10"
 
+"@radix-ui/react-compose-refs@0.1.1-rc.36":
+  version "0.1.1-rc.36"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-compose-refs/-/react-compose-refs-0.1.1-rc.36.tgz#9bd149816e9161dd4f8caa7e02d327871d51c3ce"
+  integrity sha512-wpuiuo/tmaEsdgCL8TjCcOjFPJHxxu1/tmzVEtOu7nRtPm9+FIny2Gh4ZifzmczS0auaWMUJhY8oPFn4J5JN+g==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+
 "@radix-ui/react-context-menu@0.1.1":
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/@radix-ui/react-context-menu/-/react-context-menu-0.1.1.tgz#1b87478ba741a812505c87df74a7a8aabdc3e5f9"
@@ -814,6 +832,13 @@
   dependencies:
     "@babel/runtime" "^7.13.10"
 
+"@radix-ui/react-context@0.1.2-rc.36":
+  version "0.1.2-rc.36"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-context/-/react-context-0.1.2-rc.36.tgz#52592dfc51fa708f12f9143805032088f149e2dd"
+  integrity sha512-iWlC+70uX61fEx/iPWnS8O5KVpIIwTYIO0lBbWyYsNkxbl7tW/perAlsVUyVL2TlrGpmP2o0jNHpLZ/dTJFPtg==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+
 "@radix-ui/react-dialog@0.1.1":
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/@radix-ui/react-dialog/-/react-dialog-0.1.1.tgz#515bcda3ab6a3a9b1cc20237eedc38b6c5921a7d"
@@ -890,6 +915,13 @@
   dependencies:
     "@babel/runtime" "^7.13.10"
 
+"@radix-ui/react-direction@0.1.0-rc.39":
+  version "0.1.0-rc.39"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-direction/-/react-direction-0.1.0-rc.39.tgz#89faf3b2654d0b0c9069f87ba4a0f6e152e9f1f0"
+  integrity sha512-Txz0YX833b/XZUqYpy1OOqM9eaeMFwa4UiBfaC2YAOVhNpTcxREMwJHfxrp3sirqcJ5iMS74JNnVfCV7Tf6QNg==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+
 "@radix-ui/react-dismissable-layer@0.1.1":
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-0.1.1.tgz#1be9d1c6945b27a69dfd6742928904a526d1d345"
@@ -939,6 +971,18 @@
     "@radix-ui/react-use-callback-ref" "0.1.1-rc.35"
     "@radix-ui/react-use-escape-keydown" "0.1.1-rc.35"
 
+"@radix-ui/react-dismissable-layer@0.1.6-rc.36":
+  version "0.1.6-rc.36"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-0.1.6-rc.36.tgz#670c3ca41997ea5b0dd2f5d0723d4e321e450bed"
+  integrity sha512-/KT2NBaZKwuVYNh+NeYsta4VIbWnWcvcKU15bBHEGk3DuYiejX+yRRtaPAPzI21gtigS/g+knzBfyPJvOkHZsw==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/primitive" "0.1.0"
+    "@radix-ui/react-compose-refs" "0.1.1-rc.36"
+    "@radix-ui/react-primitive" "0.1.5-rc.36"
+    "@radix-ui/react-use-callback-ref" "0.1.1-rc.36"
+    "@radix-ui/react-use-escape-keydown" "0.1.1-rc.36"
+
 "@radix-ui/react-dropdown-menu@0.1.1":
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/@radix-ui/react-dropdown-menu/-/react-dropdown-menu-0.1.1.tgz#a596ff9f37e1eeb11f337bec3d7bf5763e059dfb"
@@ -995,6 +1039,13 @@
   dependencies:
     "@babel/runtime" "^7.13.10"
 
+"@radix-ui/react-focus-guards@0.1.1-rc.36":
+  version "0.1.1-rc.36"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-focus-guards/-/react-focus-guards-0.1.1-rc.36.tgz#04fea476e6161992d45dd2b201436a3a0a54202f"
+  integrity sha512-jTbPlHfPO2Wz7qLemLt/mEY5Yx77qf0Fpjx9Oe0j44nKPblqh0E4vYp8agvW2nZMAxUXLO0vDHJYW4SP1BHmUw==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+
 "@radix-ui/react-focus-scope@0.1.1":
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/@radix-ui/react-focus-scope/-/react-focus-scope-0.1.1.tgz#2639a2abd268bc435348313cfd90026241deb58c"
@@ -1035,6 +1086,16 @@
     "@radix-ui/react-primitive" "0.1.5-rc.35"
     "@radix-ui/react-use-callback-ref" "0.1.1-rc.35"
 
+"@radix-ui/react-focus-scope@0.1.5-rc.36":
+  version "0.1.5-rc.36"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-focus-scope/-/react-focus-scope-0.1.5-rc.36.tgz#a4b0bc4760404c6e59189a059f56881587f73561"
+  integrity sha512-K2j+i0LUcg8JW92iqx3cYW4ZJK24vaoqI7+r/50o7NxSNWUGQinjPCW2fgtqq9NqtM+iJycG9SGzD1pXVdOF7A==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/react-compose-refs" "0.1.1-rc.36"
+    "@radix-ui/react-primitive" "0.1.5-rc.36"
+    "@radix-ui/react-use-callback-ref" "0.1.1-rc.36"
+
 "@radix-ui/react-hover-card@0.1.6-rc.34":
   version "0.1.6-rc.34"
   resolved "https://registry.yarnpkg.com/@radix-ui/react-hover-card/-/react-hover-card-0.1.6-rc.34.tgz#9286de9a0db71cd9e40b65fa7d6518e1753227e9"
@@ -1109,6 +1170,14 @@
     "@babel/runtime" "^7.13.10"
     "@radix-ui/react-use-layout-effect" "0.1.1-rc.35"
 
+"@radix-ui/react-id@0.1.6-rc.36":
+  version "0.1.6-rc.36"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-id/-/react-id-0.1.6-rc.36.tgz#4c9a1f61676524feb7cdebf14f2d04ed9ac0e214"
+  integrity sha512-Vcat2dLJh/iRZk/g9h0nnbcHHwxjuQHO46NL7zP8exkSeCsLTVRnU9ygVL9WD045wGm+yDQeiB2PLUPU49JRdg==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/react-use-layout-effect" "0.1.1-rc.36"
+
 "@radix-ui/react-label@0.1.1":
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/@radix-ui/react-label/-/react-label-0.1.1.tgz#c2970b19214248c2b3a0425c3c0d299290b559a5"
@@ -1142,16 +1211,16 @@
     "@radix-ui/react-id" "0.1.6-rc.26"
     "@radix-ui/react-primitive" "0.1.5-rc.26"
 
-"@radix-ui/react-label@0.1.6-rc.27":
-  version "0.1.6-rc.27"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-label/-/react-label-0.1.6-rc.27.tgz#696e5e06f28a014d52951dfbf96d5157c78abe8a"
-  integrity sha512-KB6z2P9BhqEfTCqI8h26tIy1yatAI4ubHTLW7VWh87eRZzFWTAZtfd0e0e3sn8ZgLr0++7jDlZvHBnZQ9VXD8w==
+"@radix-ui/react-label@0.1.6-rc.36":
+  version "0.1.6-rc.36"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-label/-/react-label-0.1.6-rc.36.tgz#42ad2644b5f02f9160e799674a92140911be0b4d"
+  integrity sha512-fVObxiGHd05xlOM/8/dVUEtofYfjunjavdoxyiQ2/MAZzsVydJo5aDELeoXR1oaUzBSRDXeB3IHjtobtM+ybsg==
   dependencies:
     "@babel/runtime" "^7.13.10"
-    "@radix-ui/react-compose-refs" "0.1.1-rc.27"
-    "@radix-ui/react-context" "0.1.2-rc.27"
-    "@radix-ui/react-id" "0.1.6-rc.27"
-    "@radix-ui/react-primitive" "0.1.5-rc.27"
+    "@radix-ui/react-compose-refs" "0.1.1-rc.36"
+    "@radix-ui/react-context" "0.1.2-rc.36"
+    "@radix-ui/react-id" "0.1.6-rc.36"
+    "@radix-ui/react-primitive" "0.1.5-rc.36"
 
 "@radix-ui/react-menu@0.1.1":
   version "0.1.1"
@@ -1374,6 +1443,15 @@
     "@radix-ui/react-primitive" "0.1.5-rc.35"
     "@radix-ui/react-use-layout-effect" "0.1.1-rc.35"
 
+"@radix-ui/react-portal@0.1.5-rc.36":
+  version "0.1.5-rc.36"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-portal/-/react-portal-0.1.5-rc.36.tgz#7fde79aedfa3e9a4e593ec958d50a22c8c30202f"
+  integrity sha512-V2ihZdxix9fGdXCCE9hY0FzD2c33eyATlMeOQ9JwqJfAnw7crpFMkindbrLwKUs5EjRDrJ6NWJs+LWEjSO3IEA==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/react-primitive" "0.1.5-rc.36"
+    "@radix-ui/react-use-layout-effect" "0.1.1-rc.36"
+
 "@radix-ui/react-presence@0.1.1":
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/@radix-ui/react-presence/-/react-presence-0.1.1.tgz#2088dec6f4f8042f83dd2d6bf9e8ef09dadbbc15"
@@ -1476,6 +1554,14 @@
     "@babel/runtime" "^7.13.10"
     "@radix-ui/react-slot" "0.1.3-rc.35"
 
+"@radix-ui/react-primitive@0.1.5-rc.36":
+  version "0.1.5-rc.36"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-primitive/-/react-primitive-0.1.5-rc.36.tgz#7775b250f172ddfb0730d23c65c5083cba157080"
+  integrity sha512-gqmmMpfqfKC9pFMkc0IdNZhyjLdJd/UW8rhBOgz6l2ZYqD15+xyrUzXg8dlmCSPhZ+usbUE52UC5z4kV6H+zeQ==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/react-slot" "0.1.3-rc.36"
+
 "@radix-ui/react-progress@0.1.1":
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/@radix-ui/react-progress/-/react-progress-0.1.1.tgz#37e98cd1a933b75f456d2c3337daee744458b9bd"
@@ -1624,31 +1710,33 @@
     "@radix-ui/react-use-callback-ref" "0.1.1-rc.22"
     "@radix-ui/react-use-layout-effect" "0.1.1-rc.22"
 
-"@radix-ui/react-select@0.1.2-rc.36":
-  version "0.1.2-rc.36"
-  resolved "https://registry.yarnpkg.com/@radix-ui/react-select/-/react-select-0.1.2-rc.36.tgz#1bc0d7ef04a965bc16ee8431ec9774d8195af03d"
-  integrity sha512-u/Vn4WsHgOOPJzadUoxcIs02HeHWDjL0kfVAaFlMuekWMc+yiT1k58mwSS2HNAiN0w7YdSXZoles/NXl2FsUrQ==
+"@radix-ui/react-select@0.1.2-rc.45":
+  version "0.1.2-rc.45"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-select/-/react-select-0.1.2-rc.45.tgz#2f303c99e18d53ff8816e14a3c1e6abfedb2de3c"
+  integrity sha512-7mLs+Y9305LL3ZJmjHmUEDLB/VkoW7R+HAIwqW/i+sKeyEp6+FC8u8qZQq+C7oKMaEDSezzclCk1FiKZPuYteQ==
   dependencies:
     "@babel/runtime" "^7.13.10"
     "@radix-ui/number" "0.1.0"
     "@radix-ui/primitive" "0.1.0"
-    "@radix-ui/react-collection" "0.1.5-rc.27"
-    "@radix-ui/react-compose-refs" "0.1.1-rc.27"
-    "@radix-ui/react-context" "0.1.2-rc.27"
-    "@radix-ui/react-direction" "0.1.0-rc.30"
-    "@radix-ui/react-dismissable-layer" "0.1.6-rc.27"
-    "@radix-ui/react-focus-scope" "0.1.5-rc.27"
-    "@radix-ui/react-id" "0.1.6-rc.27"
-    "@radix-ui/react-label" "0.1.6-rc.27"
-    "@radix-ui/react-portal" "0.1.5-rc.27"
-    "@radix-ui/react-primitive" "0.1.5-rc.27"
-    "@radix-ui/react-use-callback-ref" "0.1.1-rc.27"
-    "@radix-ui/react-use-controllable-state" "0.1.1-rc.27"
-    "@radix-ui/react-use-layout-effect" "0.1.1-rc.27"
-    "@radix-ui/react-use-previous" "0.1.2-rc.27"
-    "@radix-ui/react-visually-hidden" "0.1.5-rc.27"
+    "@radix-ui/react-collection" "0.1.5-rc.36"
+    "@radix-ui/react-compose-refs" "0.1.1-rc.36"
+    "@radix-ui/react-context" "0.1.2-rc.36"
+    "@radix-ui/react-direction" "0.1.0-rc.39"
+    "@radix-ui/react-dismissable-layer" "0.1.6-rc.36"
+    "@radix-ui/react-focus-guards" "0.1.1-rc.36"
+    "@radix-ui/react-focus-scope" "0.1.5-rc.36"
+    "@radix-ui/react-id" "0.1.6-rc.36"
+    "@radix-ui/react-label" "0.1.6-rc.36"
+    "@radix-ui/react-portal" "0.1.5-rc.36"
+    "@radix-ui/react-primitive" "0.1.5-rc.36"
+    "@radix-ui/react-slot" "0.1.3-rc.36"
+    "@radix-ui/react-use-callback-ref" "0.1.1-rc.36"
+    "@radix-ui/react-use-controllable-state" "0.1.1-rc.36"
+    "@radix-ui/react-use-layout-effect" "0.1.1-rc.36"
+    "@radix-ui/react-use-previous" "0.1.2-rc.36"
+    "@radix-ui/react-visually-hidden" "0.1.5-rc.36"
     aria-hidden "^1.1.1"
-    react-remove-scroll "^2.4.0"
+    react-remove-scroll "2.5.4"
 
 "@radix-ui/react-separator@0.1.1":
   version "0.1.1"
@@ -1750,6 +1838,14 @@
     "@babel/runtime" "^7.13.10"
     "@radix-ui/react-compose-refs" "0.1.1-rc.35"
 
+"@radix-ui/react-slot@0.1.3-rc.36":
+  version "0.1.3-rc.36"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-slot/-/react-slot-0.1.3-rc.36.tgz#79601a1b4437e949bbb9a91512c3994ea8c7cd9e"
+  integrity sha512-5cF1GNYulRDsJwKRMdQOuBIRChUIBEWoXtQPpGEh832wL7xAEUMfI6FPil2YEKJTmLZK7vK6BlsgKpPQrKWwKg==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/react-compose-refs" "0.1.1-rc.36"
+
 "@radix-ui/react-switch@0.1.1":
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/@radix-ui/react-switch/-/react-switch-0.1.1.tgz#a60090a26387fc018feecb0eb8ae108e2d693472"
@@ -1966,6 +2062,13 @@
   dependencies:
     "@babel/runtime" "^7.13.10"
 
+"@radix-ui/react-use-callback-ref@0.1.1-rc.36":
+  version "0.1.1-rc.36"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-0.1.1-rc.36.tgz#b1b4d5f943fd9bcb492d90329d86821679478efc"
+  integrity sha512-9WHD0hrkENvhun3ZhVjB3AClTYqKXKH+5H3UPE+UoFhf0PRuKxyaDN/naSnEf2UoV1NwQGTHt8G6kE7ZV+Rplw==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+
 "@radix-ui/react-use-controllable-state@0.1.0":
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-0.1.0.tgz#4fced164acfc69a4e34fb9d193afdab973a55de1"
@@ -2014,6 +2117,14 @@
     "@babel/runtime" "^7.13.10"
     "@radix-ui/react-use-callback-ref" "0.1.1-rc.35"
 
+"@radix-ui/react-use-controllable-state@0.1.1-rc.36":
+  version "0.1.1-rc.36"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-0.1.1-rc.36.tgz#5a342026665b12d3b2c9b3b483b996dac7db1cc0"
+  integrity sha512-aBxudTSB4xh5VHDD1A0krpSLznUJiz1akT6+1lMVLqVOz5a7lYAmgX83E+ELumsw25YHJMm+W30GMAQgpU7Jsw==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/react-use-callback-ref" "0.1.1-rc.36"
+
 "@radix-ui/react-use-direction@0.1.0":
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/@radix-ui/react-use-direction/-/react-use-direction-0.1.0.tgz#97ac1d52e497c974389e7988f809238ed72e7df7"
@@ -2053,6 +2164,14 @@
     "@babel/runtime" "^7.13.10"
     "@radix-ui/react-use-callback-ref" "0.1.1-rc.35"
 
+"@radix-ui/react-use-escape-keydown@0.1.1-rc.36":
+  version "0.1.1-rc.36"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-0.1.1-rc.36.tgz#ba94844a9e5e1447e8eb612527b6de59f93b9620"
+  integrity sha512-xZ1ruRRQZ2IgWRydFSWTKtOz0jamyOvxzWqRLeeVVGd38wnaeHfHEWgXeLO4ot+mgjewSupIvLESfkBejzAmnA==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/react-use-callback-ref" "0.1.1-rc.36"
+
 "@radix-ui/react-use-layout-effect@0.1.0":
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-0.1.0.tgz#ebf71bd6d2825de8f1fbb984abf2293823f0f223"
@@ -2095,6 +2214,13 @@
   dependencies:
     "@babel/runtime" "^7.13.10"
 
+"@radix-ui/react-use-layout-effect@0.1.1-rc.36":
+  version "0.1.1-rc.36"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-0.1.1-rc.36.tgz#165cfff875b540bdc7d03e93f248bbbd1531b9e9"
+  integrity sha512-mczYcJ9cGpIFd9UoQymetEUSvvPLJY6h3GXwWhQcdinaivDrDxrNpbsMVdP8VLGjY1l8u0MjLRxqSQKAwXyMIA==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+
 "@radix-ui/react-use-previous@0.1.0":
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/@radix-ui/react-use-previous/-/react-use-previous-0.1.0.tgz#fed880d41187d0fdd1e19c4588402765f342777e"
@@ -2123,6 +2249,13 @@
   dependencies:
     "@babel/runtime" "^7.13.10"
 
+"@radix-ui/react-use-previous@0.1.2-rc.36":
+  version "0.1.2-rc.36"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-use-previous/-/react-use-previous-0.1.2-rc.36.tgz#c0b157ceca8f99535156bba3ede2f3238ef94ada"
+  integrity sha512-Dt/fMRWPhiWedTfT6O9TEZzkf4gb4F96mS9ybe0cTbhnjIC8yPH8ePhsglsWjLXD1R4Z9JB50398lrk9jjsjiw==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+
 "@radix-ui/react-use-rect@0.1.1":
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/@radix-ui/react-use-rect/-/react-use-rect-0.1.1.tgz#6c15384beee59c086e75b89a7e66f3d2e583a856"
@@ -2214,6 +2347,14 @@
     "@babel/runtime" "^7.13.10"
     "@radix-ui/react-primitive" "0.1.5-rc.34"
 
+"@radix-ui/react-visually-hidden@0.1.5-rc.36":
+  version "0.1.5-rc.36"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-visually-hidden/-/react-visually-hidden-0.1.5-rc.36.tgz#e580a1accbd6744d42920f4fc5c9e4e75b636f88"
+  integrity sha512-GOZxHX/S8FsXe6+bMFmaBb9B6FHWi06ukJAokv+StSxpwjPbCze626G7hw6HiFPREiJFLr7FVKBR0z3DRQaMqQ==
+  dependencies:
+    "@babel/runtime" "^7.13.10"
+    "@radix-ui/react-primitive" "0.1.5-rc.36"
+
 "@radix-ui/rect@0.1.1":
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/@radix-ui/rect/-/rect-0.1.1.tgz#95b5ba51f469bea6b1b841e2d427e17e37d38419"