From b8a80bbc63fe3b5571af0fe1f8a0ff8aafce4723 Mon Sep 17 00:00:00 2001
From: DGiannaris <mtsgiannaris@gmail.com>
Date: Thu, 1 Aug 2024 19:34:42 +0300
Subject: [PATCH 1/2] fix: Form.Message to be used in and out of Form.Field
 context, as the docs describe

---
 packages/react/context/src/createContext.tsx | 10 ++++++++--
 packages/react/form/src/Form.stories.tsx     |  3 ++-
 packages/react/form/src/Form.tsx             | 10 +++++++++-
 3 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/packages/react/context/src/createContext.tsx b/packages/react/context/src/createContext.tsx
index e3ca734f7..aa2cf530a 100644
--- a/packages/react/context/src/createContext.tsx
+++ b/packages/react/context/src/createContext.tsx
@@ -63,12 +63,18 @@ function createContextScope(scopeName: string, createContextScopeDeps: CreateSco
       return <Context.Provider value={value}>{children}</Context.Provider>;
     }
 
-    function useContext(consumerName: string, scope: Scope<ContextValueType | undefined>) {
+    function useContext(
+      consumerName: string,
+      scope: Scope<ContextValueType | undefined>,
+      options: { isOptional?: boolean } = {}
+    ) {
       const Context = scope?.[scopeName][index] || BaseContext;
       const context = React.useContext(Context);
+      const { isOptional } = options;
+      if (isOptional) return {} as ContextValueType;
       if (context) return context;
       if (defaultContext !== undefined) return defaultContext;
-      // if a defaultContext wasn't specified, it's a required context.
+      // if a defaultContext wasn't specified and isOptional is false, it's a required context.
       throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
     }
 
diff --git a/packages/react/form/src/Form.stories.tsx b/packages/react/form/src/Form.stories.tsx
index 3d6e20245..5dd30fe59 100644
--- a/packages/react/form/src/Form.stories.tsx
+++ b/packages/react/form/src/Form.stories.tsx
@@ -107,10 +107,11 @@ export const Cypress = () => {
         <Form.Field name="name">
           <Form.Label>Name (required)</Form.Label>
           <Form.Control type="text" required />
-          <Form.Message match="valueMissing" />
           <Form.Message match="valid">valid!</Form.Message>
         </Form.Field>
 
+        {/* This Form.Message is used out of the Form.Field context */}
+        <Form.Message match="valueMissing" name="name" />
         <Form.Field name="age">
           <Form.Label>Age (0-99)</Form.Label>
           <Form.Control type="number" min="0" max="99" step="1" />
diff --git a/packages/react/form/src/Form.tsx b/packages/react/form/src/Form.tsx
index 834bc4147..ebe7d813f 100644
--- a/packages/react/form/src/Form.tsx
+++ b/packages/react/form/src/Form.tsx
@@ -462,9 +462,17 @@ interface FormMessageProps extends Omit<FormMessageImplProps, 'name'> {
 const FormMessage = React.forwardRef<FormMessageElement, FormMessageProps>(
   (props: ScopedProps<FormMessageProps>, forwardedRef) => {
     const { match, name: nameProp, ...messageProps } = props;
-    const fieldContext = useFormFieldContext(MESSAGE_NAME, props.__scopeForm);
+    const fieldContext = useFormFieldContext(MESSAGE_NAME, props.__scopeForm, {
+      isOptional: !!nameProp,
+    });
     const name = nameProp ?? fieldContext.name;
 
+    if (!nameProp && !fieldContext?.name) {
+      throw new Error(
+        `\`${MESSAGE_NAME}\` must be used within \`${FIELD_NAME}\` or specify the \`name\` prop`
+      );
+    }
+
     if (match === undefined) {
       return (
         <FormMessageImpl {...messageProps} ref={forwardedRef} name={name}>

From 1ebb10644d3ab1fc1ed3a4ace16bb3c33ea4d3fa Mon Sep 17 00:00:00 2001
From: DGiannaris <mtsgiannaris@gmail.com>
Date: Thu, 1 Aug 2024 19:59:30 +0300
Subject: [PATCH 2/2] chore: add versions yml

---
 .yarn/versions/52f80f42.yml | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 .yarn/versions/52f80f42.yml

diff --git a/.yarn/versions/52f80f42.yml b/.yarn/versions/52f80f42.yml
new file mode 100644
index 000000000..6ba30a2d7
--- /dev/null
+++ b/.yarn/versions/52f80f42.yml
@@ -0,0 +1,33 @@
+releases:
+  "@radix-ui/react-context": patch
+  "@radix-ui/react-form": patch
+
+declined:
+  - primitives
+  - "@radix-ui/react-accordion"
+  - "@radix-ui/react-alert-dialog"
+  - "@radix-ui/react-avatar"
+  - "@radix-ui/react-checkbox"
+  - "@radix-ui/react-collapsible"
+  - "@radix-ui/react-collection"
+  - "@radix-ui/react-context-menu"
+  - "@radix-ui/react-dialog"
+  - "@radix-ui/react-dropdown-menu"
+  - "@radix-ui/react-hover-card"
+  - "@radix-ui/react-menu"
+  - "@radix-ui/react-menubar"
+  - "@radix-ui/react-navigation-menu"
+  - "@radix-ui/react-popover"
+  - "@radix-ui/react-popper"
+  - "@radix-ui/react-progress"
+  - "@radix-ui/react-radio-group"
+  - "@radix-ui/react-roving-focus"
+  - "@radix-ui/react-scroll-area"
+  - "@radix-ui/react-select"
+  - "@radix-ui/react-slider"
+  - "@radix-ui/react-switch"
+  - "@radix-ui/react-tabs"
+  - "@radix-ui/react-toast"
+  - "@radix-ui/react-toggle-group"
+  - "@radix-ui/react-toolbar"
+  - "@radix-ui/react-tooltip"