diff --git a/packages/canon/css/components.css b/packages/canon/css/components.css
index 74e678f845..b080e11f82 100644
--- a/packages/canon/css/components.css
+++ b/packages/canon/css/components.css
@@ -272,6 +272,13 @@
   min-width: 10.5rem;
 }
 
+.canon-FieldError {
+  color: var(--canon-fg-danger);
+  font-size: var(--canon-font-size-2);
+  font-weight: var(--canon-font-weight-regular);
+  margin-top: var(--canon-space-2);
+}
+
 .canon-FieldLabel {
   margin-bottom: var(--canon-space-3);
   gap: var(--canon-space-1);
@@ -985,13 +992,6 @@
   border: 1px solid var(--canon-border-disabled);
 }
 
-.canon-TextFieldError {
-  color: var(--canon-fg-danger);
-  font-size: var(--canon-font-size-2);
-  font-weight: var(--canon-font-weight-regular);
-  margin-top: var(--canon-space-2);
-}
-
 .canon-TooltipPopup {
   box-sizing: border-box;
   transform-origin: var(--transform-origin);
diff --git a/packages/canon/css/fielderror.css b/packages/canon/css/fielderror.css
new file mode 100644
index 0000000000..816eb3c35e
--- /dev/null
+++ b/packages/canon/css/fielderror.css
@@ -0,0 +1,6 @@
+.canon-FieldError {
+  color: var(--canon-fg-danger);
+  font-size: var(--canon-font-size-2);
+  font-weight: var(--canon-font-weight-regular);
+  margin-top: var(--canon-space-2);
+}
diff --git a/packages/canon/css/styles.css b/packages/canon/css/styles.css
index 55effe9948..806ee771d2 100644
--- a/packages/canon/css/styles.css
+++ b/packages/canon/css/styles.css
@@ -9496,6 +9496,13 @@
   min-width: 10.5rem;
 }
 
+.canon-FieldError {
+  color: var(--canon-fg-danger);
+  font-size: var(--canon-font-size-2);
+  font-weight: var(--canon-font-weight-regular);
+  margin-top: var(--canon-space-2);
+}
+
 .canon-FieldLabel {
   margin-bottom: var(--canon-space-3);
   gap: var(--canon-space-1);
@@ -10209,13 +10216,6 @@
   border: 1px solid var(--canon-border-disabled);
 }
 
-.canon-TextFieldError {
-  color: var(--canon-fg-danger);
-  font-size: var(--canon-font-size-2);
-  font-weight: var(--canon-font-weight-regular);
-  margin-top: var(--canon-space-2);
-}
-
 .canon-TooltipPopup {
   box-sizing: border-box;
   transform-origin: var(--transform-origin);
diff --git a/packages/canon/css/textfield.css b/packages/canon/css/textfield.css
index fdb3621016..45759c1c4c 100644
--- a/packages/canon/css/textfield.css
+++ b/packages/canon/css/textfield.css
@@ -85,10 +85,3 @@
   cursor: not-allowed;
   border: 1px solid var(--canon-border-disabled);
 }
-
-.canon-TextFieldError {
-  color: var(--canon-fg-danger);
-  font-size: var(--canon-font-size-2);
-  font-weight: var(--canon-font-weight-regular);
-  margin-top: var(--canon-space-2);
-}
diff --git a/packages/canon/report.api.md b/packages/canon/report.api.md
index 97b547a66a..34e5379156 100644
--- a/packages/canon/report.api.md
+++ b/packages/canon/report.api.md
@@ -14,6 +14,7 @@ import { Context } from 'react';
 import type { CSSProperties } from 'react';
 import type { ElementType } from 'react';
 import { FC } from 'react';
+import { FieldErrorProps } from 'react-aria-components';
 import { FocusEvent as FocusEvent_2 } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } from 'react';
@@ -388,6 +389,11 @@ export type EnumPropDef<T> = {
   required?: boolean;
 };
 
+// @public (undocumented)
+export const FieldError: ForwardRefExoticComponent<
+  FieldErrorProps & RefAttributes<HTMLDivElement>
+>;
+
 // @public (undocumented)
 export const FieldLabel: ForwardRefExoticComponent<
   FieldLabelProps & RefAttributes<HTMLDivElement>