diff --git a/packages/react/src/components/alert/Alert.tsx b/packages/react/src/components/alert/Alert.tsx
index d89cf98..9418eb7 100644
--- a/packages/react/src/components/alert/Alert.tsx
+++ b/packages/react/src/components/alert/Alert.tsx
@@ -3,24 +3,25 @@
 import type { AlertVariantProps } from '@giantnodes/theme'
 import React from 'react'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { AlertContext, useAlertValue } from '~/components/alert/use-alert.hook'
 
 const __ELEMENT_TYPE__ = 'div'
 
 type ComponentOwnProps = AlertVariantProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, color, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__
@@ -45,5 +46,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Alert.Root'
+
 export type { ComponentOwnProps as AlertOwnProps, ComponentProps as AlertProps }
 export default Component
diff --git a/packages/react/src/components/alert/AlertBody.tsx b/packages/react/src/components/alert/AlertBody.tsx
index 0432940..dd2760e 100644
--- a/packages/react/src/components/alert/AlertBody.tsx
+++ b/packages/react/src/components/alert/AlertBody.tsx
@@ -2,24 +2,25 @@
 
 import React from 'react'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useAlert } from '~/components/alert/use-alert.hook'
 
 const __ELEMENT_TYPE__ = 'div'
 
 type ComponentOwnProps = object
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__
@@ -42,5 +43,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Alert.Body'
+
 export type { ComponentOwnProps as AlertBodyOwnProps, ComponentProps as AlertBodyProps }
 export default Component
diff --git a/packages/react/src/components/alert/AlertHeading.tsx b/packages/react/src/components/alert/AlertHeading.tsx
index f9ea4a8..7537032 100644
--- a/packages/react/src/components/alert/AlertHeading.tsx
+++ b/packages/react/src/components/alert/AlertHeading.tsx
@@ -4,24 +4,25 @@ import type { HeadingProps } from 'react-aria-components'
 import React from 'react'
 import { Heading } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useAlert } from '~/components/alert/use-alert.hook'
 
 const __ELEMENT_TYPE__ = 'h1'
 
 type ComponentOwnProps = HeadingProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, level = 3, ...rest } = props
 
     const Element = as ?? Heading
@@ -45,5 +46,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Alert.Heading'
+
 export type { ComponentOwnProps as AlertHeadingOwnProps, ComponentProps as AlertHeadingProps }
 export default Component
diff --git a/packages/react/src/components/alert/AlertItem.tsx b/packages/react/src/components/alert/AlertItem.tsx
index e7db640..3e2d808 100644
--- a/packages/react/src/components/alert/AlertItem.tsx
+++ b/packages/react/src/components/alert/AlertItem.tsx
@@ -2,24 +2,25 @@
 
 import React from 'react'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useAlert } from '~/components/alert/use-alert.hook'
 
 const __ELEMENT_TYPE__ = 'li'
 
 type ComponentOwnProps = object
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__
@@ -42,5 +43,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Alert.Item'
+
 export type { ComponentOwnProps as AlertItemOwnProps, ComponentProps as AlertItemProps }
 export default Component
diff --git a/packages/react/src/components/alert/AlertList.tsx b/packages/react/src/components/alert/AlertList.tsx
index ebe6f46..cf33b61 100644
--- a/packages/react/src/components/alert/AlertList.tsx
+++ b/packages/react/src/components/alert/AlertList.tsx
@@ -2,24 +2,25 @@
 
 import React from 'react'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useAlert } from '~/components/alert/use-alert.hook'
 
 const __ELEMENT_TYPE__ = 'ul'
 
 type ComponentOwnProps = object
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__
@@ -42,5 +43,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Alert.List'
+
 export type { ComponentOwnProps as AlertListOwnProps, ComponentProps as AlertListProps }
 export default Component
diff --git a/packages/react/src/components/avatar/Avatar.tsx b/packages/react/src/components/avatar/Avatar.tsx
index 0df360f..eeec8b4 100644
--- a/packages/react/src/components/avatar/Avatar.tsx
+++ b/packages/react/src/components/avatar/Avatar.tsx
@@ -3,24 +3,25 @@
 import type { AvatarVariantProps } from '@giantnodes/theme'
 import React from 'react'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { AvatarContext, useAvatar, useAvatarValue } from '~/components/avatar/use-avatar.hook'
 
 const __ELEMENT_TYPE__ = 'span'
 
 type ComponentOwnProps = AvatarVariantProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, color, radius, size, zoomed, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__
@@ -51,5 +52,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Avatar.Root'
+
 export type { ComponentOwnProps as AvatarOwnProps, ComponentProps as AvatarProps }
 export default Component
diff --git a/packages/react/src/components/avatar/AvatarGroup.tsx b/packages/react/src/components/avatar/AvatarGroup.tsx
index 331d585..bd721b9 100644
--- a/packages/react/src/components/avatar/AvatarGroup.tsx
+++ b/packages/react/src/components/avatar/AvatarGroup.tsx
@@ -3,24 +3,25 @@
 import type { AvatarVariantProps } from '@giantnodes/theme'
 import React from 'react'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { AvatarContext, useAvatarValue } from '~/components/avatar/use-avatar.hook'
 
 const __ELEMENT_TYPE__ = 'span'
 
 type ComponentOwnProps = AvatarVariantProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, color, radius, size, zoomed, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__
@@ -45,5 +46,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Avatar.Group'
+
 export type { ComponentOwnProps as AvatarGroupOwnProps, ComponentProps as AvatarGroupProps }
 export default Component
diff --git a/packages/react/src/components/avatar/AvatarIcon.tsx b/packages/react/src/components/avatar/AvatarIcon.tsx
index 59823af..375ab99 100644
--- a/packages/react/src/components/avatar/AvatarIcon.tsx
+++ b/packages/react/src/components/avatar/AvatarIcon.tsx
@@ -2,7 +2,7 @@
 
 import React from 'react'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useAvatar } from '~/components/avatar/use-avatar.hook'
 
 const __ELEMENT_TYPE__ = 'span'
@@ -11,17 +11,18 @@ type ComponentOwnProps = {
   icon: React.ReactNode
 }
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, className, icon, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__
@@ -44,5 +45,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Avatar.Icon'
+
 export type { ComponentOwnProps as AvatarIconOwnProps, ComponentProps as AvatarIconProps }
 export default Component
diff --git a/packages/react/src/components/avatar/AvatarImage.tsx b/packages/react/src/components/avatar/AvatarImage.tsx
index 8499f2b..7632589 100644
--- a/packages/react/src/components/avatar/AvatarImage.tsx
+++ b/packages/react/src/components/avatar/AvatarImage.tsx
@@ -2,24 +2,25 @@
 
 import React from 'react'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useAvatar } from '~/components/avatar/use-avatar.hook'
 
 const __ELEMENT_TYPE__ = 'img'
 
 type ComponentOwnProps = object
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__
@@ -42,5 +43,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Avatar.Image'
+
 export type { ComponentOwnProps as AvatarImageOwnProps, ComponentProps as AvatarImageProps }
 export default Component
diff --git a/packages/react/src/components/avatar/AvatarNotification.tsx b/packages/react/src/components/avatar/AvatarNotification.tsx
index 261d4be..c3fa37f 100644
--- a/packages/react/src/components/avatar/AvatarNotification.tsx
+++ b/packages/react/src/components/avatar/AvatarNotification.tsx
@@ -3,24 +3,25 @@
 import type { AvatarVariantProps } from '@giantnodes/theme'
 import React from 'react'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useAvatar } from '~/components/avatar/use-avatar.hook'
 
 const __ELEMENT_TYPE__ = 'span'
 
 type ComponentOwnProps = Pick<AvatarVariantProps, 'color'>
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, color, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__
@@ -43,5 +44,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Avatar.Notification'
+
 export type { ComponentOwnProps as AvatarNotificationOwnProps, ComponentProps as AvatarNotificationProps }
 export default Component
diff --git a/packages/react/src/components/breadcrumb/Breadcrumb.tsx b/packages/react/src/components/breadcrumb/Breadcrumb.tsx
index 828e4bc..1509415 100644
--- a/packages/react/src/components/breadcrumb/Breadcrumb.tsx
+++ b/packages/react/src/components/breadcrumb/Breadcrumb.tsx
@@ -5,7 +5,7 @@ import type { BreadcrumbsProps } from 'react-aria-components'
 import React from 'react'
 import { Breadcrumbs } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { BreadcrumbContext, useBreadcrumbValue } from '~/components/breadcrumb/use-breadcrumb.hook'
 
 const __ELEMENT_TYPE__ = 'ol'
@@ -15,16 +15,17 @@ type ComponentOwnProps<TData extends object> = BreadcrumbsProps<TData> & Breadcr
 type ComponentProps<
   TData extends object,
   TElement extends React.ElementType = typeof __ELEMENT_TYPE__,
-> = Polymophic.ComponentPropsWithRef<TElement, ComponentOwnProps<TData>>
+> = Polymorphic.ComponentPropsWithRef<TElement, ComponentOwnProps<TData>>
 
-type ComponentType = <TData extends object, TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TData extends object, TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TData, TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef(
   <TData extends object, TElement extends React.ElementType>(
     props: ComponentProps<TData, TElement>,
-    ref: Polymophic.Ref<TElement>
+    ref: Polymorphic.Ref<TElement>
   ) => {
     const { as, children, className, size, separator, ...rest } = props
 
@@ -50,5 +51,7 @@ const Component: ComponentType = React.forwardRef(
   }
 )
 
+Component.displayName = 'Breadcrumb.Root'
+
 export type { ComponentOwnProps as BreadcrumbOwnProps, ComponentProps as BreadcrumbProps }
 export default Component
diff --git a/packages/react/src/components/breadcrumb/BreadcrumbItem.tsx b/packages/react/src/components/breadcrumb/BreadcrumbItem.tsx
index ff93112..149bca7 100644
--- a/packages/react/src/components/breadcrumb/BreadcrumbItem.tsx
+++ b/packages/react/src/components/breadcrumb/BreadcrumbItem.tsx
@@ -4,7 +4,7 @@ import type { BreadcrumbProps } from 'react-aria-components'
 import React from 'react'
 import { Breadcrumb, Link } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useBreadcrumb } from '~/components/breadcrumb/use-breadcrumb.hook'
 import { cn } from '~/utilities'
 
@@ -14,17 +14,18 @@ type ComponentOwnProps = BreadcrumbProps & {
   href?: string
 }
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, href, ...rest } = props
 
     const Element = as ?? Breadcrumb
@@ -53,5 +54,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Breadcrumb.Item'
+
 export type { ComponentOwnProps as BreadcrumbItemOwnProps, ComponentProps as BreadcrumbItemProps }
 export default Component
diff --git a/packages/react/src/components/button/Button.tsx b/packages/react/src/components/button/Button.tsx
index ea34d5e..0b39fa5 100644
--- a/packages/react/src/components/button/Button.tsx
+++ b/packages/react/src/components/button/Button.tsx
@@ -6,7 +6,7 @@ import React from 'react'
 import { button } from '@giantnodes/theme'
 import { Button } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import Spinner from '~/components/spinner/Spinner'
 
 const __ELEMENT_TYPE__ = 'button'
@@ -16,17 +16,18 @@ type ComponentOwnProps = ButtonProps &
     isLoading?: boolean
   }
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, isLoading = false, isDisabled = false, color, size, ...rest } = props
 
     const Element = as ?? Button
@@ -55,5 +56,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Button'
+
 export type { ComponentOwnProps as ButtonOwnProps, ComponentProps as ButtonProps }
 export default Component
diff --git a/packages/react/src/components/card/Card.tsx b/packages/react/src/components/card/Card.tsx
index 894373e..ba40a22 100644
--- a/packages/react/src/components/card/Card.tsx
+++ b/packages/react/src/components/card/Card.tsx
@@ -3,24 +3,25 @@
 import type { CardVariantProps } from '@giantnodes/theme'
 import React from 'react'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { CardContext, useCardValue } from '~/components/card/use-card.hook'
 
 const __ELEMENT_TYPE__ = 'div'
 
 type ComponentOwnProps = CardVariantProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, size, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__
@@ -45,5 +46,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Card.Root'
+
 export type { ComponentOwnProps as CardOwnProps, ComponentProps as CardProps }
 export default Component
diff --git a/packages/react/src/components/card/CardBody.tsx b/packages/react/src/components/card/CardBody.tsx
index 2f25f7d..57f74a2 100644
--- a/packages/react/src/components/card/CardBody.tsx
+++ b/packages/react/src/components/card/CardBody.tsx
@@ -2,24 +2,25 @@
 
 import React from 'react'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useCard } from '~/components/card/use-card.hook'
 
 const __ELEMENT_TYPE__ = 'div'
 
 type ComponentOwnProps = object
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__
@@ -42,5 +43,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Card.Body'
+
 export type { ComponentOwnProps as CardBodyOwnProps, ComponentProps as CardBodyProps }
 export default Component
diff --git a/packages/react/src/components/card/CardFooter.tsx b/packages/react/src/components/card/CardFooter.tsx
index 3021f75..776e6c4 100644
--- a/packages/react/src/components/card/CardFooter.tsx
+++ b/packages/react/src/components/card/CardFooter.tsx
@@ -2,24 +2,25 @@
 
 import React from 'react'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useCard } from '~/components/card/use-card.hook'
 
 const __ELEMENT_TYPE__ = 'div'
 
 type ComponentOwnProps = object
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__
@@ -42,5 +43,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Card.Footer'
+
 export type { ComponentOwnProps as CardFooterOwnProps, ComponentProps as CardFooterProps }
 export default Component
diff --git a/packages/react/src/components/card/CardHeader.tsx b/packages/react/src/components/card/CardHeader.tsx
index ace2ce0..a583982 100644
--- a/packages/react/src/components/card/CardHeader.tsx
+++ b/packages/react/src/components/card/CardHeader.tsx
@@ -2,24 +2,25 @@
 
 import React from 'react'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useCard } from '~/components/card/use-card.hook'
 
 const __ELEMENT_TYPE__ = 'div'
 
 type ComponentOwnProps = object
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__
@@ -42,5 +43,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Card.Header'
+
 export type { ComponentOwnProps as CardHeaderOwnProps, ComponentProps as CardHeaderProps }
 export default Component
diff --git a/packages/react/src/components/checkbox/Checkbox.tsx b/packages/react/src/components/checkbox/Checkbox.tsx
index 704c274..ad78dfc 100644
--- a/packages/react/src/components/checkbox/Checkbox.tsx
+++ b/packages/react/src/components/checkbox/Checkbox.tsx
@@ -6,23 +6,24 @@ import React from 'react'
 import { checkbox } from '@giantnodes/theme'
 import { Checkbox } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 
 const __ELEMENT_TYPE__ = 'label'
 
 type ComponentOwnProps = CheckboxProps & CheckboxVariantProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, className, color, size, ...rest } = props
 
     const Element = as ?? Checkbox
@@ -58,5 +59,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Checkbox'
+
 export type { ComponentOwnProps as CheckboxOwnProps, ComponentProps as CheckboxProps }
 export default Component
diff --git a/packages/react/src/components/chip/Chip.tsx b/packages/react/src/components/chip/Chip.tsx
index 47dfb51..2f7ac05 100644
--- a/packages/react/src/components/chip/Chip.tsx
+++ b/packages/react/src/components/chip/Chip.tsx
@@ -4,23 +4,24 @@ import type { ChipVariantProps } from '@giantnodes/theme'
 import React from 'react'
 import { chip } from '@giantnodes/theme'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 
 const __ELEMENT_TYPE__ = 'span'
 
 type ComponentOwnProps = ChipVariantProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, color, size, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__
@@ -43,5 +44,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Chip'
+
 export type { ComponentOwnProps as ChipOwnProps, ComponentProps as ChipProps }
 export default Component
diff --git a/packages/react/src/components/combo-box/ComboBox.tsx b/packages/react/src/components/combo-box/ComboBox.tsx
index 1dd88d6..5a27c14 100644
--- a/packages/react/src/components/combo-box/ComboBox.tsx
+++ b/packages/react/src/components/combo-box/ComboBox.tsx
@@ -5,7 +5,7 @@ import type { ComboBoxProps } from 'react-aria-components'
 import React from 'react'
 import { ComboBox } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { ComboBoxContext, useComboBoxValue } from '~/components/combo-box/use-combo-box.hook'
 
 const __ELEMENT_TYPE__ = 'div'
@@ -15,16 +15,17 @@ type ComponentOwnProps<TData extends object> = ComboBoxProps<TData> & ComboBoxVa
 type ComponentProps<
   TData extends object,
   TElement extends React.ElementType = typeof __ELEMENT_TYPE__,
-> = Polymophic.ComponentPropsWithRef<TElement, ComponentOwnProps<TData>>
+> = Polymorphic.ComponentPropsWithRef<TElement, ComponentOwnProps<TData>>
 
-type ComponentType = <TData extends object, TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TData extends object, TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TData, TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef(
   <TData extends object, TElement extends React.ElementType>(
     props: ComponentProps<TData, TElement>,
-    ref: Polymophic.Ref<TElement>
+    ref: Polymorphic.Ref<TElement>
   ) => {
     const { as, children, className, size, status, ...rest } = props
 
@@ -50,5 +51,7 @@ const Component: ComponentType = React.forwardRef(
   }
 )
 
+Component.displayName = 'ComboBox.Root'
+
 export type { ComponentOwnProps as ComboBoxOwnProps, ComponentProps as ComboBoxProps }
 export default Component
diff --git a/packages/react/src/components/combo-box/ComboBoxItem.tsx b/packages/react/src/components/combo-box/ComboBoxItem.tsx
index 326f60e..66d50e2 100644
--- a/packages/react/src/components/combo-box/ComboBoxItem.tsx
+++ b/packages/react/src/components/combo-box/ComboBoxItem.tsx
@@ -4,24 +4,25 @@ import type { ListBoxItemProps } from 'react-aria-components'
 import React from 'react'
 import { ListBoxItem } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useComboBox } from '~/components/combo-box/use-combo-box.hook'
 
 const __ELEMENT_TYPE__ = 'div'
 
 type ComponentOwnProps = ListBoxItemProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? ListBoxItem
@@ -44,5 +45,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'ComboBox.Item'
+
 export type { ComponentOwnProps as ComboBoxItemOwnProps, ComponentProps as ComboBoxItemProps }
 export default Component
diff --git a/packages/react/src/components/combo-box/ComboBoxList.tsx b/packages/react/src/components/combo-box/ComboBoxList.tsx
index e463d90..5a8ef62 100644
--- a/packages/react/src/components/combo-box/ComboBoxList.tsx
+++ b/packages/react/src/components/combo-box/ComboBoxList.tsx
@@ -4,7 +4,7 @@ import type { ListBoxProps } from 'react-aria-components'
 import React from 'react'
 import { ListBox } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useComboBox } from '~/components/combo-box/use-combo-box.hook'
 
 const __ELEMENT_TYPE__ = 'div'
@@ -14,16 +14,17 @@ type ComponentOwnProps<TData extends object> = ListBoxProps<TData>
 type ComponentProps<
   TData extends object,
   TElement extends React.ElementType = typeof __ELEMENT_TYPE__,
-> = Polymophic.ComponentPropsWithRef<TElement, ComponentOwnProps<TData>>
+> = Polymorphic.ComponentPropsWithRef<TElement, ComponentOwnProps<TData>>
 
-type ComponentType = <TData extends object, TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TData extends object, TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TData, TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef(
   <D extends object, TElement extends React.ElementType>(
     props: ComponentProps<D, TElement>,
-    ref: Polymophic.Ref<TElement>
+    ref: Polymorphic.Ref<TElement>
   ) => {
     const { as, children, className, ...rest } = props
 
@@ -47,5 +48,7 @@ const Component: ComponentType = React.forwardRef(
   }
 )
 
+Component.displayName = 'ComboBox.List'
+
 export type { ComponentOwnProps as ComboBoxListOwnProps, ComponentProps as ComboBoxListProps }
 export default Component
diff --git a/packages/react/src/components/combo-box/ComboBoxPopover.tsx b/packages/react/src/components/combo-box/ComboBoxPopover.tsx
index 706102b..f5db814 100644
--- a/packages/react/src/components/combo-box/ComboBoxPopover.tsx
+++ b/packages/react/src/components/combo-box/ComboBoxPopover.tsx
@@ -4,24 +4,25 @@ import type { PopoverProps } from 'react-aria-components'
 import React from 'react'
 import { Popover } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useComboBox } from '~/components/combo-box/use-combo-box.hook'
 
 const __ELEMENT_TYPE__ = 'div'
 
 type ComponentOwnProps = PopoverProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? Popover
@@ -44,5 +45,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'ComboBox.Popover'
+
 export type { ComponentOwnProps as ComboBoxPopoverOwnProps, ComponentProps as ComboBoxPopoverProps }
 export default Component
diff --git a/packages/react/src/components/dialog/Dialog.tsx b/packages/react/src/components/dialog/Dialog.tsx
index ad38e58..10721ac 100644
--- a/packages/react/src/components/dialog/Dialog.tsx
+++ b/packages/react/src/components/dialog/Dialog.tsx
@@ -4,24 +4,25 @@ import type { DialogProps } from 'react-aria-components'
 import React from 'react'
 import { Dialog } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { DialogContext, useDialogValue } from '~/components/dialog/use-dialog.hook'
 
 const __ELEMENT_TYPE__ = 'div'
 
 type ComponentOwnProps = DialogProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? Dialog
@@ -46,5 +47,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Dialog.Root'
+
 export type { ComponentOwnProps as DialogOwnProps, ComponentProps as DialogProps }
 export default Component
diff --git a/packages/react/src/components/dialog/DialogTrigger.tsx b/packages/react/src/components/dialog/DialogTrigger.tsx
index 35b006f..6c16b93 100644
--- a/packages/react/src/components/dialog/DialogTrigger.tsx
+++ b/packages/react/src/components/dialog/DialogTrigger.tsx
@@ -5,28 +5,33 @@ import type { DialogTriggerProps } from 'react-aria-components'
 import React from 'react'
 import { DialogTrigger } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 
 const __ELEMENT_TYPE__ = 'div'
 
 type ComponentOwnProps = DialogTriggerProps & DialogVariantProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentProps<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentProps<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
-const Component: ComponentType = <TElement extends React.ElementType>(props: ComponentProps<TElement>) => {
-  const { as, children, ...component } = props
+const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, _: Polymorphic.Ref<TElement>) => {
+    const { as, children, ...component } = props
 
-  const Element = as ?? DialogTrigger
+    const Element = as ?? DialogTrigger
 
-  return <Element {...component}>{children}</Element>
-}
+    return <Element {...component}>{children}</Element>
+  }
+)
+
+Component.displayName = 'Dialog.Trigger'
 
 export type { ComponentOwnProps as DialogTriggerOwnProps, ComponentProps as DialogTriggerProps }
 export default Component
diff --git a/packages/react/src/components/divider/Divider.tsx b/packages/react/src/components/divider/Divider.tsx
index d6d9531..a8f3c7e 100644
--- a/packages/react/src/components/divider/Divider.tsx
+++ b/packages/react/src/components/divider/Divider.tsx
@@ -4,23 +4,24 @@ import type { DividerVariantProps } from '@giantnodes/theme'
 import React from 'react'
 import { divider } from '@giantnodes/theme'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 
 const __ELEMENT_TYPE__ = 'hr'
 
 type ComponentOwnProps = DividerVariantProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, orientation, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__
@@ -45,5 +46,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Divider'
+
 export type { ComponentOwnProps as DividerOwnProps, ComponentProps as DividerProps }
 export default Component
diff --git a/packages/react/src/components/form/Form.tsx b/packages/react/src/components/form/Form.tsx
index 6384a91..31689b0 100644
--- a/packages/react/src/components/form/Form.tsx
+++ b/packages/react/src/components/form/Form.tsx
@@ -6,23 +6,24 @@ import React from 'react'
 import { form } from '@giantnodes/theme'
 import { Form } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 
 const __ELEMENT_TYPE__ = 'form'
 
 type ComponentOwnProps = FormProps & FormVariantProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, color, ...rest } = props
 
     const Element = as ?? Form
@@ -45,5 +46,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Form.Root'
+
 export type { ComponentOwnProps as FormOwnProps, ComponentProps as FormProps }
 export default Component
diff --git a/packages/react/src/components/form/FormCaption.tsx b/packages/react/src/components/form/FormCaption.tsx
index f6e2293..31d7a71 100644
--- a/packages/react/src/components/form/FormCaption.tsx
+++ b/packages/react/src/components/form/FormCaption.tsx
@@ -2,24 +2,25 @@
 
 import React from 'react'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useFormGroup } from '~/components/form/use-form-group.hook'
 
 const __ELEMENT_TYPE__ = 'span'
 
 type ComponentOwnProps = object
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__
@@ -42,5 +43,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Form.Caption'
+
 export type { ComponentOwnProps as FormCaptionOwnProps, ComponentProps as FormCaptionProps }
 export default Component
diff --git a/packages/react/src/components/form/FormFeedback.tsx b/packages/react/src/components/form/FormFeedback.tsx
index 41f6487..f748c71 100644
--- a/packages/react/src/components/form/FormFeedback.tsx
+++ b/packages/react/src/components/form/FormFeedback.tsx
@@ -3,7 +3,7 @@
 import React from 'react'
 
 import type { FeedbackType } from '~/components/form/use-form-group.hook'
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useFormGroup } from '~/components/form/use-form-group.hook'
 import { cn } from '~/utilities'
 
@@ -13,17 +13,18 @@ type ComponentOwnProps = {
   type: FeedbackType
 }
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, type, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__
@@ -49,5 +50,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Form.Feedback'
+
 export type { ComponentOwnProps as FormFeedbackOwnProps, ComponentProps as FormFeedbackProps }
 export default Component
diff --git a/packages/react/src/components/form/FormFieldSet.tsx b/packages/react/src/components/form/FormFieldSet.tsx
index cf3505f..b6c2b7e 100644
--- a/packages/react/src/components/form/FormFieldSet.tsx
+++ b/packages/react/src/components/form/FormFieldSet.tsx
@@ -3,23 +3,24 @@
 import React from 'react'
 import { form } from '@giantnodes/theme'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 
 const __ELEMENT_TYPE__ = 'fieldset'
 
 type ComponentOwnProps = object
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__
@@ -42,5 +43,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Form.FieldSet'
+
 export type { ComponentOwnProps as FormFieldSetOwnProps, ComponentProps as FormFieldSetProps }
 export default Component
diff --git a/packages/react/src/components/form/FormGroup.tsx b/packages/react/src/components/form/FormGroup.tsx
index d40a87f..a066101 100644
--- a/packages/react/src/components/form/FormGroup.tsx
+++ b/packages/react/src/components/form/FormGroup.tsx
@@ -3,7 +3,7 @@
 import React from 'react'
 import { useField } from 'react-aria'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { FormGroupContext, useFormGroupValue } from '~/components/form/use-form-group.hook'
 
 const __ELEMENT_TYPE__ = 'span'
@@ -15,17 +15,18 @@ type ComponentOwnProps = {
   error?: boolean
 }
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, name, success, info, warning, error, onChange, onBlur, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__
@@ -68,5 +69,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Form.Group'
+
 export type { ComponentOwnProps as FormGroupOwnProps, ComponentProps as FormGroupProps }
 export default Component
diff --git a/packages/react/src/components/form/FormLabel.tsx b/packages/react/src/components/form/FormLabel.tsx
index 7badd65..6cde112 100644
--- a/packages/react/src/components/form/FormLabel.tsx
+++ b/packages/react/src/components/form/FormLabel.tsx
@@ -4,24 +4,25 @@ import type { LabelProps } from 'react-aria-components'
 import React from 'react'
 import { Label } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useFormGroup } from '~/components/form/use-form-group.hook'
 
 const __ELEMENT_TYPE__ = 'label'
 
 type ComponentOwnProps = LabelProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? Label
@@ -45,5 +46,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Form.Label'
+
 export type { ComponentOwnProps as FormLabelOwnProps, ComponentProps as FormLabelProps }
 export default Component
diff --git a/packages/react/src/components/form/FormLegend.tsx b/packages/react/src/components/form/FormLegend.tsx
index 9cce61d..234fc8c 100644
--- a/packages/react/src/components/form/FormLegend.tsx
+++ b/packages/react/src/components/form/FormLegend.tsx
@@ -3,23 +3,24 @@
 import React from 'react'
 import { form } from '@giantnodes/theme'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 
 const __ELEMENT_TYPE__ = 'legend'
 
 type ComponentOwnProps = object
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__
@@ -42,5 +43,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Form.Legend'
+
 export type { ComponentOwnProps as FormLegendOwnProps, ComponentProps as FormLegendSetProps }
 export default Component
diff --git a/packages/react/src/components/input/InputAddon.tsx b/packages/react/src/components/input/InputAddon.tsx
index 636bd3b..174a087 100644
--- a/packages/react/src/components/input/InputAddon.tsx
+++ b/packages/react/src/components/input/InputAddon.tsx
@@ -2,24 +2,25 @@
 
 import React from 'react'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useInput } from '~/components/input/use-input.hook'
 
 const __ELEMENT_TYPE__ = 'span'
 
 type ComponentOwnProps = object
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__
@@ -42,5 +43,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Input.Addon'
+
 export type { ComponentProps as InputAddonProps, ComponentOwnProps as InputAddonOwnProps }
 export default Component
diff --git a/packages/react/src/components/input/InputGroup.tsx b/packages/react/src/components/input/InputGroup.tsx
index dfa6641..0385c33 100644
--- a/packages/react/src/components/input/InputGroup.tsx
+++ b/packages/react/src/components/input/InputGroup.tsx
@@ -5,7 +5,7 @@ import type { GroupProps } from 'react-aria-components'
 import React from 'react'
 import { Group } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useFormGroup } from '~/components/form/use-form-group.hook'
 import { InputContext, useInputValue } from '~/components/input/use-input.hook'
 
@@ -13,17 +13,18 @@ const __ELEMENT_TYPE__ = 'div'
 
 type ComponentOwnProps = GroupProps & InputVariantProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, color, size, shape, variant, ...rest } = props
 
     const Element = as ?? Group
@@ -49,5 +50,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Input.Root'
+
 export type { ComponentProps as InputProps, ComponentOwnProps as InputOwnProps }
 export default Component
diff --git a/packages/react/src/components/input/InputPhone.tsx b/packages/react/src/components/input/InputPhone.tsx
index 0103e67..25070a2 100644
--- a/packages/react/src/components/input/InputPhone.tsx
+++ b/packages/react/src/components/input/InputPhone.tsx
@@ -8,7 +8,7 @@ import { getExampleNumber, parsePhoneNumber } from 'libphonenumber-js/min'
 import examples from 'libphonenumber-js/mobile/examples'
 import { Input, TextField } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useFormGroup } from '~/components/form/use-form-group.hook'
 import { Addon } from '~/components/input/component.parts'
 import { useInput, useInputValue } from '~/components/input/use-input.hook'
@@ -22,17 +22,18 @@ type ComponentOwnProps = InputVariantProps &
     onTemplateChange?: (template: string) => void
   }
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, className, country, color, size, shape, variant, onTemplateChange, ...rest } = props
 
     const Element = as ?? TextField
@@ -187,5 +188,8 @@ const CountryFlag: React.FC<PhoneFlagProps> = ({ country }) => {
   return <img alt={`${country.toLowerCase()}-flag-icon`} height={24} src={source} width={24} />
 }
 
+CountryFlag.displayName = 'Input.PhoneCountryFlag'
+Component.displayName = 'Input.Phone'
+
 export type { ComponentOwnProps as InputPhoneOwnProps, ComponentProps as InputPhoneProps }
 export default Component
diff --git a/packages/react/src/components/input/InputText.tsx b/packages/react/src/components/input/InputText.tsx
index 195c246..519af50 100644
--- a/packages/react/src/components/input/InputText.tsx
+++ b/packages/react/src/components/input/InputText.tsx
@@ -5,7 +5,7 @@ import type { InputProps, TextFieldProps } from 'react-aria-components'
 import React from 'react'
 import { Input, TextField } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useFormGroup } from '~/components/form/use-form-group.hook'
 import { useInput, useInputValue } from '~/components/input/use-input.hook'
 import { cn } from '~/utilities'
@@ -17,17 +17,18 @@ type ComponentOwnProps = InputVariantProps &
     directory?: boolean
   }
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, className, color, size, shape, variant, directory, ...rest } = props
 
     const Element = as ?? TextField
@@ -75,5 +76,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Input.Text'
+
 export type { ComponentOwnProps as InputTextOwnProps, ComponentProps as InputTextProps }
 export default Component
diff --git a/packages/react/src/components/input/InputTextArea.tsx b/packages/react/src/components/input/InputTextArea.tsx
index cbf0e2f..1c4eba0 100644
--- a/packages/react/src/components/input/InputTextArea.tsx
+++ b/packages/react/src/components/input/InputTextArea.tsx
@@ -5,7 +5,7 @@ import type { TextAreaProps, TextFieldProps } from 'react-aria-components'
 import React from 'react'
 import { TextArea, TextField } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useFormGroup } from '~/components/form/use-form-group.hook'
 import { useInput, useInputValue } from '~/components/input/use-input.hook'
 import { cn } from '~/utilities'
@@ -14,17 +14,18 @@ const __ELEMENT_TYPE__ = 'textarea'
 
 type ComponentOwnProps = InputVariantProps & TextAreaProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, className, color, size, shape, variant, ...rest } = props
 
     const Element = as ?? TextField
@@ -70,5 +71,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Input.TextArea'
+
 export type { ComponentOwnProps as InputTextAreaOwnProps, ComponentProps as InputTextAreaProps }
 export default Component
diff --git a/packages/react/src/components/link/Link.tsx b/packages/react/src/components/link/Link.tsx
index c8c2811..01ca46b 100644
--- a/packages/react/src/components/link/Link.tsx
+++ b/packages/react/src/components/link/Link.tsx
@@ -6,23 +6,24 @@ import React from 'react'
 import { link } from '@giantnodes/theme'
 import { Link } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 
 const __ELEMENT_TYPE__ = 'a'
 
 type ComponentOwnProps = LinkVariantProps & LinkProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, underline, ...rest } = props
 
     const Element = as ?? Link
@@ -45,5 +46,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Link'
+
 export type { ComponentOwnProps as LinkOwnProps, ComponentProps as LinkProps }
 export default Component
diff --git a/packages/react/src/components/menu/Menu.tsx b/packages/react/src/components/menu/Menu.tsx
index 1e0bcd3..3985bfe 100644
--- a/packages/react/src/components/menu/Menu.tsx
+++ b/packages/react/src/components/menu/Menu.tsx
@@ -5,43 +5,48 @@ import type { MenuTriggerProps } from 'react-aria-components'
 import React from 'react'
 import { MenuTrigger } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { MenuContext, useMenuValue } from '~/components/menu/use-menu.hook'
 
 const __ELEMENT_TYPE__ = 'div'
 
 type ComponentOwnProps = MenuTriggerProps & MenuVariantProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentProps<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentProps<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
-
-const Component: ComponentType = <TElement extends React.ElementType>(props: ComponentProps<TElement>) => {
-  const { as, children, className, size, color, ...rest } = props
-
-  const Element = as ?? MenuTrigger
-
-  const context = useMenuValue({ size, color })
-
-  const component = React.useMemo<Omit<MenuTriggerProps, 'children'>>(
-    () => ({
-      className: context.slots.menu({ className }),
-      ...rest,
-    }),
-    [className, context.slots, rest]
-  )
-
-  return (
-    <MenuContext.Provider value={context}>
-      <Element {...component}>{children}</Element>
-    </MenuContext.Provider>
-  )
-}
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
+
+const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, _: Polymorphic.Ref<TElement>) => {
+    const { as, children, className, size, color, ...rest } = props
+
+    const Element = as ?? MenuTrigger
+
+    const context = useMenuValue({ size, color })
+
+    const component = React.useMemo<Omit<MenuTriggerProps, 'children'>>(
+      () => ({
+        className: context.slots.menu({ className }),
+        ...rest,
+      }),
+      [className, context.slots, rest]
+    )
+
+    return (
+      <MenuContext.Provider value={context}>
+        <Element {...component}>{children}</Element>
+      </MenuContext.Provider>
+    )
+  }
+)
+
+Component.displayName = 'Menu.Root'
 
 export type { ComponentOwnProps as MenuOwnProps, ComponentProps as MenuProps }
 export default Component
diff --git a/packages/react/src/components/menu/MenuItem.tsx b/packages/react/src/components/menu/MenuItem.tsx
index 8e0c368..040a9fa 100644
--- a/packages/react/src/components/menu/MenuItem.tsx
+++ b/packages/react/src/components/menu/MenuItem.tsx
@@ -4,24 +4,25 @@ import type { MenuItemProps } from 'react-aria-components'
 import React from 'react'
 import { MenuItem } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useMenu } from '~/components/menu/use-menu.hook'
 
 const __ELEMENT_TYPE__ = 'div'
 
 type ComponentOwnProps = MenuItemProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? MenuItem
@@ -44,5 +45,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Menu.Item'
+
 export type { ComponentOwnProps as MenuItemOwnProps, ComponentProps as MenuItemProps }
 export default Component
diff --git a/packages/react/src/components/menu/MenuList.tsx b/packages/react/src/components/menu/MenuList.tsx
index e3910b2..53faa3b 100644
--- a/packages/react/src/components/menu/MenuList.tsx
+++ b/packages/react/src/components/menu/MenuList.tsx
@@ -4,7 +4,7 @@ import type { MenuProps } from 'react-aria-components'
 import React from 'react'
 import { Menu } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useMenu } from '~/components/menu/use-menu.hook'
 
 const __ELEMENT_TYPE__ = 'div'
@@ -14,16 +14,17 @@ type ComponentOwnProps<TData extends object> = MenuProps<TData>
 type ComponentProps<
   TData extends object,
   TElement extends React.ElementType = typeof __ELEMENT_TYPE__,
-> = Polymophic.ComponentPropsWithRef<TElement, ComponentOwnProps<TData>>
+> = Polymorphic.ComponentPropsWithRef<TElement, ComponentOwnProps<TData>>
 
-type ComponentType = <TData extends object, TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TData extends object, TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TData, TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef(
   <TData extends object, TElement extends React.ElementType>(
     props: ComponentProps<TData, TElement>,
-    ref: Polymophic.Ref<TElement>
+    ref: Polymorphic.Ref<TElement>
   ) => {
     const { as, children, className, ...rest } = props
 
@@ -47,5 +48,7 @@ const Component: ComponentType = React.forwardRef(
   }
 )
 
+Component.displayName = 'Menu.List'
+
 export type { ComponentOwnProps as MenuListOwnProps, ComponentProps as MenuListProps }
 export default Component
diff --git a/packages/react/src/components/menu/MenuPopover.tsx b/packages/react/src/components/menu/MenuPopover.tsx
index 986cbe9..9cbf394 100644
--- a/packages/react/src/components/menu/MenuPopover.tsx
+++ b/packages/react/src/components/menu/MenuPopover.tsx
@@ -4,24 +4,25 @@ import type { PopoverProps } from 'react-aria-components'
 import React from 'react'
 import { Popover } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useMenu } from '~/components/menu/use-menu.hook'
 
 const __ELEMENT_TYPE__ = 'div'
 
 type ComponentOwnProps = PopoverProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? Popover
@@ -44,5 +45,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Menu.Popover'
+
 export type { ComponentOwnProps as MenuPopoverOwnProps, ComponentProps as MenuPopoverProps }
 export default Component
diff --git a/packages/react/src/components/menu/MenuTrigger.tsx b/packages/react/src/components/menu/MenuTrigger.tsx
index 8c11432..b356786 100644
--- a/packages/react/src/components/menu/MenuTrigger.tsx
+++ b/packages/react/src/components/menu/MenuTrigger.tsx
@@ -4,24 +4,25 @@ import type { ButtonProps } from 'react-aria-components'
 import React from 'react'
 import { Button } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useMenu } from '~/components/menu/use-menu.hook'
 
 const __ELEMENT_TYPE__ = 'button'
 
 type ComponentOwnProps = ButtonProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? Button
@@ -44,5 +45,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Menu.Trigger'
+
 export type { ComponentOwnProps as MenuTriggerOwnProps, ComponentProps as MenuTriggerProps }
 export default Component
diff --git a/packages/react/src/components/modal/Modal.tsx b/packages/react/src/components/modal/Modal.tsx
index 6fc532d..904d4e6 100644
--- a/packages/react/src/components/modal/Modal.tsx
+++ b/packages/react/src/components/modal/Modal.tsx
@@ -5,7 +5,7 @@ import type { ModalOverlayProps } from 'react-aria-components'
 import React from 'react'
 import { ModalOverlay } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { ModalContext, useModalValue } from '~/components/modal/use-modal.hook'
 import { cn } from '~/utilities'
 
@@ -13,17 +13,18 @@ const __ELEMENT_TYPE__ = 'div'
 
 type ComponentOwnProps = ModalOverlayProps & ModalVariantProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, blur, placement, position, ...rest } = props
 
     const Element = as ?? ModalOverlay
@@ -48,5 +49,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Modal.Root'
+
 export type { ComponentOwnProps as ModalOwnProps, ComponentProps as ModalProps }
 export default Component
diff --git a/packages/react/src/components/modal/ModalContent.tsx b/packages/react/src/components/modal/ModalContent.tsx
index e32b0bf..dc20c19 100644
--- a/packages/react/src/components/modal/ModalContent.tsx
+++ b/packages/react/src/components/modal/ModalContent.tsx
@@ -5,7 +5,7 @@ import type { ModalOverlayProps } from 'react-aria-components'
 import React from 'react'
 import { Modal } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useModal } from '~/components/modal/use-modal.hook'
 import { cn } from '~/utilities'
 
@@ -13,17 +13,18 @@ const __ELEMENT_TYPE__ = 'div'
 
 type ComponentOwnProps = ModalOverlayProps & ModalVariantProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? Modal
@@ -46,5 +47,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Modal.Content'
+
 export type { ComponentOwnProps as ModalContentOwnProps, ComponentProps as ModalContentProps }
 export default Component
diff --git a/packages/react/src/components/navigation/Navigation.tsx b/packages/react/src/components/navigation/Navigation.tsx
index a3f14d2..ba711af 100644
--- a/packages/react/src/components/navigation/Navigation.tsx
+++ b/packages/react/src/components/navigation/Navigation.tsx
@@ -3,24 +3,25 @@
 import type { NavigationVariantProps } from '@giantnodes/theme'
 import React from 'react'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { NavigationContext, useNavigationValue } from '~/components/navigation/use-navigation.hook'
 
 const __ELEMENT_TYPE__ = 'nav'
 
 type ComponentOwnProps = NavigationVariantProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, orientation, position, size, variant, isBordered, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__
@@ -51,5 +52,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Navigation.Root'
+
 export type { ComponentOwnProps as NavigationOwnProps, ComponentProps as NavigationProps }
 export default Component
diff --git a/packages/react/src/components/navigation/NavigationBrand.tsx b/packages/react/src/components/navigation/NavigationBrand.tsx
index 29c647d..8ab9b5b 100644
--- a/packages/react/src/components/navigation/NavigationBrand.tsx
+++ b/packages/react/src/components/navigation/NavigationBrand.tsx
@@ -2,24 +2,25 @@
 
 import React from 'react'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useNavigation } from '~/components/navigation/use-navigation.hook'
 
 const __ELEMENT_TYPE__ = 'div'
 
 type ComponentOwnProps = object
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__
@@ -42,5 +43,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Navigation.Brand'
+
 export type { ComponentOwnProps as NavigationBrandOwnProps, ComponentProps as NavigationBrandProps }
 export default Component
diff --git a/packages/react/src/components/navigation/NavigationDivider.tsx b/packages/react/src/components/navigation/NavigationDivider.tsx
index 835ea72..9ddf8d4 100644
--- a/packages/react/src/components/navigation/NavigationDivider.tsx
+++ b/packages/react/src/components/navigation/NavigationDivider.tsx
@@ -2,24 +2,25 @@
 
 import React from 'react'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useNavigation } from '~/components/navigation/use-navigation.hook'
 
 const __ELEMENT_TYPE__ = 'hr'
 
 type ComponentOwnProps = object
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__
@@ -42,5 +43,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Navigation.Divider'
+
 export type { ComponentOwnProps as NavigationDividerOwnProps, ComponentProps as NavigationDividerProps }
 export default Component
diff --git a/packages/react/src/components/navigation/NavigationItem.tsx b/packages/react/src/components/navigation/NavigationItem.tsx
index 6722832..9e9415d 100644
--- a/packages/react/src/components/navigation/NavigationItem.tsx
+++ b/packages/react/src/components/navigation/NavigationItem.tsx
@@ -3,7 +3,7 @@
 import type { NavigationVariantProps } from '@giantnodes/theme'
 import React from 'react'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useNavigation } from '~/components/navigation/use-navigation.hook'
 
 const __ELEMENT_TYPE__ = 'li'
@@ -12,17 +12,18 @@ type ComponentOwnProps = Pick<NavigationVariantProps, 'variant'> & {
   isSelected?: boolean
 }
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, variant, isSelected, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__
@@ -45,5 +46,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Navigation.Item'
+
 export type { ComponentOwnProps as NavigationItemOwnProps, ComponentProps as NavigationItemProps }
 export default Component
diff --git a/packages/react/src/components/navigation/NavigationLink.tsx b/packages/react/src/components/navigation/NavigationLink.tsx
index a681df1..c9bd76e 100644
--- a/packages/react/src/components/navigation/NavigationLink.tsx
+++ b/packages/react/src/components/navigation/NavigationLink.tsx
@@ -4,24 +4,25 @@ import type { LinkProps } from 'react-aria-components'
 import React from 'react'
 import { Link } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useNavigation } from '~/components/navigation/use-navigation.hook'
 
 const __ELEMENT_TYPE__ = 'a'
 
 type ComponentOwnProps = LinkProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? Link
@@ -44,5 +45,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Navigation.Link'
+
 export type { ComponentOwnProps as NavigationLinkOwnProps, ComponentProps as NavigationLinkProps }
 export default Component
diff --git a/packages/react/src/components/navigation/NavigationSegment.tsx b/packages/react/src/components/navigation/NavigationSegment.tsx
index bb3fdcf..1655939 100644
--- a/packages/react/src/components/navigation/NavigationSegment.tsx
+++ b/packages/react/src/components/navigation/NavigationSegment.tsx
@@ -2,24 +2,25 @@
 
 import React from 'react'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useNavigation } from '~/components/navigation/use-navigation.hook'
 
 const __ELEMENT_TYPE__ = 'ul'
 
 type ComponentOwnProps = object
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__
@@ -42,5 +43,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Navigation.Segment'
+
 export type { ComponentOwnProps as NavigationSegmentOwnProps, ComponentProps as NavigationSegmentProps }
 export default Component
diff --git a/packages/react/src/components/navigation/NavigationTitle.tsx b/packages/react/src/components/navigation/NavigationTitle.tsx
index 640d3b7..52737d9 100644
--- a/packages/react/src/components/navigation/NavigationTitle.tsx
+++ b/packages/react/src/components/navigation/NavigationTitle.tsx
@@ -2,24 +2,25 @@
 
 import React from 'react'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useNavigation } from '~/components/navigation/use-navigation.hook'
 
 const __ELEMENT_TYPE__ = 'span'
 
 type ComponentOwnProps = object
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__
@@ -42,5 +43,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Navigation.Title'
+
 export type { ComponentOwnProps as NavigationTitleOwnProps, ComponentProps as NavigationTitleProps }
 export default Component
diff --git a/packages/react/src/components/navigation/NavigationTrigger.tsx b/packages/react/src/components/navigation/NavigationTrigger.tsx
index 9d52bd7..8099c81 100644
--- a/packages/react/src/components/navigation/NavigationTrigger.tsx
+++ b/packages/react/src/components/navigation/NavigationTrigger.tsx
@@ -4,24 +4,25 @@ import type { ButtonProps } from 'react-aria-components'
 import React from 'react'
 import { Button } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useNavigation } from '~/components/navigation/use-navigation.hook'
 
 const __ELEMENT_TYPE__ = 'button'
 
 type ComponentOwnProps = ButtonProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? Button
@@ -44,5 +45,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Navigation.Trigger'
+
 export type { ComponentOwnProps as NavigationTriggerOwnProps, ComponentProps as NavigationTriggerProps }
 export default Component
diff --git a/packages/react/src/components/progress/Progress.tsx b/packages/react/src/components/progress/Progress.tsx
index 20bb322..5834ece 100644
--- a/packages/react/src/components/progress/Progress.tsx
+++ b/packages/react/src/components/progress/Progress.tsx
@@ -3,24 +3,25 @@
 import type { ProgressVariantProps } from '@giantnodes/theme'
 import React from 'react'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { ProgressContext, useProgressValue } from '~/components/progress/use-progress.hook'
 
 const __ELEMENT_TYPE__ = 'div'
 
 type ComponentOwnProps = ProgressVariantProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, radius, size, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__
@@ -45,5 +46,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Progress.Root'
+
 export type { ComponentOwnProps as ProgressOwnProps, ComponentProps as ProgressProps }
 export default Component
diff --git a/packages/react/src/components/progress/ProgressBar.tsx b/packages/react/src/components/progress/ProgressBar.tsx
index ab25d88..5a21bf2 100644
--- a/packages/react/src/components/progress/ProgressBar.tsx
+++ b/packages/react/src/components/progress/ProgressBar.tsx
@@ -2,7 +2,7 @@
 
 import React from 'react'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useProgress } from '~/components/progress/use-progress.hook'
 
 const __ELEMENT_TYPE__ = 'span'
@@ -12,17 +12,18 @@ type ComponentOwnProps = {
   width: number
 }
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, style, color, width, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__
@@ -50,5 +51,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Progress.Bar'
+
 export type { ComponentOwnProps as ProgressBarOwnProps, ComponentProps as ProgressBarProps }
 export default Component
diff --git a/packages/react/src/components/select/Select.tsx b/packages/react/src/components/select/Select.tsx
index 47509fb..bb2d285 100644
--- a/packages/react/src/components/select/Select.tsx
+++ b/packages/react/src/components/select/Select.tsx
@@ -5,7 +5,7 @@ import type { ButtonProps, ListBoxProps, PopoverProps, SelectProps } from 'react
 import React from 'react'
 import { Button, ListBox, Popover, Select } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import type { Override } from '~/utilities/types'
 import { useFormGroup } from '~/components/form/use-form-group.hook'
 import SelectValue from '~/components/select/SelectValue'
@@ -37,16 +37,17 @@ type ComponentOwnProps<TData extends object> = SelectVariantProps &
 type ComponentProps<
   TData extends object,
   TElement extends React.ElementType = typeof __ELEMENT_TYPE__,
-> = Polymophic.ComponentPropsWithRef<TElement, ComponentOwnProps<TData>>
+> = Polymorphic.ComponentPropsWithRef<TElement, ComponentOwnProps<TData>>
 
-type ComponentType = <TData extends object, TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TData extends object, TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TData, TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef(
   <TData extends object, TElement extends React.ElementType>(
     props: ComponentProps<TData, TElement>,
-    ref: Polymophic.Ref<TElement>
+    ref: Polymorphic.Ref<TElement>
   ) => {
     const {
       as,
@@ -176,5 +177,7 @@ const Component: ComponentType = React.forwardRef(
   }
 )
 
+Component.displayName = 'Select.Root'
+
 export type { ComponentOwnProps as SelectOwnProps, ComponentProps as SelectProps }
 export default Component
diff --git a/packages/react/src/components/select/SelectOption.tsx b/packages/react/src/components/select/SelectOption.tsx
index 6348b64..2747717 100644
--- a/packages/react/src/components/select/SelectOption.tsx
+++ b/packages/react/src/components/select/SelectOption.tsx
@@ -4,24 +4,25 @@ import type { ListBoxItemProps } from 'react-aria-components'
 import React from 'react'
 import { ListBoxItem } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useSelect } from '~/components/select/use-select.hook'
 
 const __ELEMENT_TYPE__ = 'option'
 
 type ComponentOwnProps = ListBoxItemProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? ListBoxItem
@@ -66,5 +67,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Select.Option'
+
 export type { ComponentOwnProps as SelectOptionOwnProps, ComponentProps as SelectOptionProps }
 export default Component
diff --git a/packages/react/src/components/select/SelectValue.tsx b/packages/react/src/components/select/SelectValue.tsx
index 4272f85..d7e2cce 100644
--- a/packages/react/src/components/select/SelectValue.tsx
+++ b/packages/react/src/components/select/SelectValue.tsx
@@ -4,7 +4,7 @@ import type { SelectValueProps } from 'react-aria-components'
 import React from 'react'
 import { SelectStateContext, SelectValue } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useSelect } from '~/components/select/use-select.hook'
 
 const __ELEMENT_TYPE__ = 'span'
@@ -14,16 +14,17 @@ type ComponentOwnProps<TData extends object> = SelectValueProps<TData>
 type ComponentProps<
   TData extends object,
   TElement extends React.ElementType = typeof __ELEMENT_TYPE__,
-> = Polymophic.ComponentPropsWithRef<TElement, ComponentOwnProps<TData>>
+> = Polymorphic.ComponentPropsWithRef<TElement, ComponentOwnProps<TData>>
 
-type ComponentType = <TData extends object, TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TData extends object, TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TData, TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef(
   <TData extends object, TElement extends React.ElementType>(
     props: ComponentProps<TData, TElement>,
-    ref: Polymophic.Ref<TElement>
+    ref: Polymorphic.Ref<TElement>
   ) => {
     const { as, className, ...rest } = props
 
@@ -50,5 +51,7 @@ const Component: ComponentType = React.forwardRef(
   }
 )
 
+Component.displayName = 'Select.Value'
+
 export type { ComponentOwnProps as SelectValueOwnProps, ComponentProps as SelectValueProps }
 export default Component
diff --git a/packages/react/src/components/spinner/Spinner.tsx b/packages/react/src/components/spinner/Spinner.tsx
index 7e267c7..ef3221f 100644
--- a/packages/react/src/components/spinner/Spinner.tsx
+++ b/packages/react/src/components/spinner/Spinner.tsx
@@ -4,23 +4,24 @@ import type { SpinnerVariantProps } from '@giantnodes/theme'
 import React from 'react'
 import { spinner } from '@giantnodes/theme'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 
 const __ELEMENT_TYPE__ = 'svg'
 
 type ComponentOwnProps = SpinnerVariantProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, className, size, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__
@@ -48,5 +49,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Spinner'
+
 export type { ComponentOwnProps as SpinnerOwnProps, ComponentProps as SpinnerProps }
 export default Component
diff --git a/packages/react/src/components/switch/Switch.tsx b/packages/react/src/components/switch/Switch.tsx
index 06d1552..6b177bb 100644
--- a/packages/react/src/components/switch/Switch.tsx
+++ b/packages/react/src/components/switch/Switch.tsx
@@ -6,24 +6,25 @@ import React from 'react'
 import { toggle } from '@giantnodes/theme'
 import { Switch } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useFormGroup } from '~/components/form/use-form-group.hook'
 
 const __ELEMENT_TYPE__ = 'label'
 
 type ComponentOwnProps = SwitchProps & ToggleVariantProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, className, color, size, ...rest } = props
 
     const Element = as ?? Switch
@@ -52,5 +53,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Switch'
+
 export type { ComponentOwnProps as SwitchOwnProps, ComponentProps as SwitchProps }
 export default Component
diff --git a/packages/react/src/components/table/Table.tsx b/packages/react/src/components/table/Table.tsx
index 289ec70..49b82d0 100644
--- a/packages/react/src/components/table/Table.tsx
+++ b/packages/react/src/components/table/Table.tsx
@@ -5,7 +5,7 @@ import type { TableProps } from 'react-aria-components'
 import React from 'react'
 import { Table } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { TableContext, useTableValue } from '~/components/table/use-table.hook'
 
 const __ELEMENT_TYPE__ = 'table'
@@ -16,17 +16,18 @@ type ComponentOwnProps = Omit<TableProps, 'selectionMode' | 'selectionBehavior'>
     mode?: 'none' | 'single' | 'multiple'
   }
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, behavior, mode, size, sticky, striped, headingless, ...rest } = props
 
     const Element = as ?? Table
@@ -53,5 +54,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Table.Root'
+
 export type { ComponentOwnProps as TableOwnProps, ComponentProps as TableProps }
 export default Component
diff --git a/packages/react/src/components/table/TableBody.tsx b/packages/react/src/components/table/TableBody.tsx
index e688e13..ff773e8 100644
--- a/packages/react/src/components/table/TableBody.tsx
+++ b/packages/react/src/components/table/TableBody.tsx
@@ -4,7 +4,7 @@ import type { TableBodyProps } from 'react-aria-components'
 import React from 'react'
 import { TableBody } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useTable } from '~/components/table/use-table.hook'
 
 const __ELEMENT_TYPE__ = 'tbody'
@@ -14,16 +14,17 @@ type ComponentOwnProps<TData extends object> = TableBodyProps<TData>
 type ComponentProps<
   TData extends object,
   TElement extends React.ElementType = typeof __ELEMENT_TYPE__,
-> = Polymophic.ComponentPropsWithRef<TElement, ComponentOwnProps<TData>>
+> = Polymorphic.ComponentPropsWithRef<TElement, ComponentOwnProps<TData>>
 
-type ComponentType = <TData extends object, TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TData extends object, TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TData, TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef(
   <TData extends object, TElement extends React.ElementType>(
     props: ComponentProps<TData, TElement>,
-    ref: Polymophic.Ref<TElement>
+    ref: Polymorphic.Ref<TElement>
   ) => {
     const { as, children, className, ...rest } = props
 
@@ -47,5 +48,7 @@ const Component: ComponentType = React.forwardRef(
   }
 )
 
+Component.displayName = 'Table.Body'
+
 export type { ComponentOwnProps as TableBodyOwnProps, ComponentProps as TableBodyProps }
 export default Component
diff --git a/packages/react/src/components/table/TableCell.tsx b/packages/react/src/components/table/TableCell.tsx
index d76fbe2..3765654 100644
--- a/packages/react/src/components/table/TableCell.tsx
+++ b/packages/react/src/components/table/TableCell.tsx
@@ -5,24 +5,25 @@ import type { CellProps } from 'react-aria-components'
 import React from 'react'
 import { Cell } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useTable } from '~/components/table/use-table.hook'
 
 const __ELEMENT_TYPE__ = 'td'
 
 type ComponentOwnProps = CellProps & Pick<TableVariantProps, 'size'>
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, size, ...rest } = props
 
     const Element = as ?? Cell
@@ -45,5 +46,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Table.Cell'
+
 export type { ComponentOwnProps as TableCellOwnProps, ComponentProps as TableCellProps }
 export default Component
diff --git a/packages/react/src/components/table/TableColumn.tsx b/packages/react/src/components/table/TableColumn.tsx
index 6050a9c..2ac7346 100644
--- a/packages/react/src/components/table/TableColumn.tsx
+++ b/packages/react/src/components/table/TableColumn.tsx
@@ -5,24 +5,25 @@ import type { ColumnProps } from 'react-aria-components'
 import React from 'react'
 import { Column } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useTable } from '~/components/table/use-table.hook'
 
 const __ELEMENT_TYPE__ = 'th'
 
 type ComponentOwnProps = ColumnProps & Pick<TableVariantProps, 'size'>
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, size, ...rest } = props
 
     const Element = as ?? Column
@@ -45,5 +46,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Table.Column'
+
 export type { ComponentOwnProps as TableColumnOwnProps, ComponentProps as TableColumnProps }
 export default Component
diff --git a/packages/react/src/components/table/TableHead.tsx b/packages/react/src/components/table/TableHead.tsx
index fd747ab..b69ea07 100644
--- a/packages/react/src/components/table/TableHead.tsx
+++ b/packages/react/src/components/table/TableHead.tsx
@@ -4,7 +4,7 @@ import type { TableHeaderProps } from 'react-aria-components'
 import React from 'react'
 import { Collection, TableHeader, useTableOptions } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import Checkbox from '~/components/checkbox/Checkbox'
 import TableColumn from '~/components/table/TableColumn'
 import { useTable } from '~/components/table/use-table.hook'
@@ -13,19 +13,20 @@ const __ELEMENT_TYPE__ = 'thead'
 
 type ComponentOwnProps<TData extends object> = TableHeaderProps<TData>
 
-type ComponentProps<TData extends object, TElement extends React.ElementType> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TData extends object, TElement extends React.ElementType> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps<TData>
 >
 
-type ComponentType = <TData extends object, T extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TData extends object, T extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TData, T>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef(
   <TData extends object, TElement extends React.ElementType>(
     props: ComponentProps<TData, TElement>,
-    ref: Polymophic.Ref<TElement>
+    ref: Polymorphic.Ref<TElement>
   ) => {
     const { as, children, className, columns, ...rest } = props
 
@@ -56,5 +57,7 @@ const Component: ComponentType = React.forwardRef(
   }
 )
 
+Component.displayName = 'Table.Head'
+
 export type { ComponentOwnProps as TableHeadOwnProps, ComponentProps as TableHeadProps }
 export default Component
diff --git a/packages/react/src/components/table/TableRow.tsx b/packages/react/src/components/table/TableRow.tsx
index 779af11..55aaacb 100644
--- a/packages/react/src/components/table/TableRow.tsx
+++ b/packages/react/src/components/table/TableRow.tsx
@@ -4,7 +4,7 @@ import type { RowProps } from 'react-aria-components'
 import React from 'react'
 import { Button, Collection, Row, useTableOptions } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import Checkbox from '~/components/checkbox/Checkbox'
 import TableCell from '~/components/table/TableCell'
 import { useTable } from '~/components/table/use-table.hook'
@@ -16,16 +16,17 @@ type ComponentOwnProps<TData extends object> = RowProps<TData>
 type ComponentProps<
   TData extends object,
   TElement extends React.ElementType = typeof __ELEMENT_TYPE__,
-> = Polymophic.ComponentPropsWithRef<TElement, ComponentOwnProps<TData>>
+> = Polymorphic.ComponentPropsWithRef<TElement, ComponentOwnProps<TData>>
 
-type ComponentType = <TData extends object, TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TData extends object, TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TData, TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef(
   <TData extends object, TElement extends React.ElementType>(
     props: ComponentProps<TData, TElement>,
-    ref: Polymophic.Ref<TElement>
+    ref: Polymorphic.Ref<TElement>
   ) => {
     const { as, children, className, columns, ...rest } = props
 
@@ -62,5 +63,7 @@ const Component: ComponentType = React.forwardRef(
   }
 )
 
+Component.displayName = 'Table.Row'
+
 export type { ComponentOwnProps as TableRowOwnProps, ComponentProps as TableRowProps }
 export default Component
diff --git a/packages/react/src/components/tooltip/Tooltip.tsx b/packages/react/src/components/tooltip/Tooltip.tsx
index 20fd58c..2ab003d 100644
--- a/packages/react/src/components/tooltip/Tooltip.tsx
+++ b/packages/react/src/components/tooltip/Tooltip.tsx
@@ -5,7 +5,7 @@ import type { TooltipTriggerComponentProps } from 'react-aria-components'
 import React from 'react'
 import { TooltipTrigger } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { TooltipContext, useTooltipValue } from '~/components/tooltip/use-tooltip.hook'
 import { cn } from '~/utilities'
 
@@ -13,36 +13,41 @@ const __ELEMENT_TYPE__ = 'div'
 
 type ComponentOwnProps = TooltipVariantProps & TooltipTriggerComponentProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentProps<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentProps<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
-
-const Component: ComponentType = <TElement extends React.ElementType>(props: ComponentProps<TElement>) => {
-  const { as, children, className, ...rest } = props
-
-  const Element = as ?? TooltipTrigger
-
-  const context = useTooltipValue({})
-
-  const component = React.useMemo<Omit<TooltipTriggerComponentProps, 'children'>>(
-    () => ({
-      className: context.slots.root({ className: cn(className) }),
-      ...rest,
-    }),
-    [className, context.slots, rest]
-  )
-
-  return (
-    <TooltipContext.Provider value={context}>
-      <Element {...component}>{children}</Element>
-    </TooltipContext.Provider>
-  )
-}
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
+
+const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, _: Polymorphic.Ref<TElement>) => {
+    const { as, children, className, ...rest } = props
+
+    const Element = as ?? TooltipTrigger
+
+    const context = useTooltipValue({})
+
+    const component = React.useMemo<Omit<TooltipTriggerComponentProps, 'children'>>(
+      () => ({
+        className: context.slots.root({ className: cn(className) }),
+        ...rest,
+      }),
+      [className, context.slots, rest]
+    )
+
+    return (
+      <TooltipContext.Provider value={context}>
+        <Element {...component}>{children}</Element>
+      </TooltipContext.Provider>
+    )
+  }
+)
+
+Component.displayName = 'Tooltip.Root'
 
 export type { ComponentOwnProps as TooltipOwnProps, ComponentProps as TooltipProps }
 export default Component
diff --git a/packages/react/src/components/tooltip/TooltipArrow.tsx b/packages/react/src/components/tooltip/TooltipArrow.tsx
index 1c4dccc..632a392 100644
--- a/packages/react/src/components/tooltip/TooltipArrow.tsx
+++ b/packages/react/src/components/tooltip/TooltipArrow.tsx
@@ -4,24 +4,25 @@ import type { OverlayArrowProps } from 'react-aria-components'
 import React from 'react'
 import { OverlayArrow } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useTooltip } from '~/components/tooltip/use-tooltip.hook'
 
 const __ELEMENT_TYPE__ = 'div'
 
 type ComponentOwnProps = OverlayArrowProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, className, ...rest } = props
 
     const Element = as ?? OverlayArrow
@@ -38,5 +39,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Tooltip.Arrow'
+
 export type { ComponentOwnProps as TableCellOwnProps, ComponentProps as TableCellProps }
 export default Component
diff --git a/packages/react/src/components/tooltip/TooltipPopover.tsx b/packages/react/src/components/tooltip/TooltipPopover.tsx
index aa27460..c75cb7b 100644
--- a/packages/react/src/components/tooltip/TooltipPopover.tsx
+++ b/packages/react/src/components/tooltip/TooltipPopover.tsx
@@ -4,7 +4,7 @@ import type { TooltipProps } from 'react-aria-components'
 import React from 'react'
 import { Tooltip } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import TooltipArrow from '~/components/tooltip/TooltipArrow'
 import { useTooltip } from '~/components/tooltip/use-tooltip.hook'
 
@@ -12,17 +12,18 @@ const __ELEMENT_TYPE__ = 'div'
 
 type ComponentOwnProps = TooltipProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? Tooltip
@@ -49,5 +50,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Tooltip.Popover'
+
 export type { ComponentOwnProps as TooltipPopoverOwnProps, ComponentProps as TooltipPopoverProps }
 export default Component
diff --git a/packages/react/src/components/tooltip/TooltipTrigger.tsx b/packages/react/src/components/tooltip/TooltipTrigger.tsx
index 8fe3900..763198e 100644
--- a/packages/react/src/components/tooltip/TooltipTrigger.tsx
+++ b/packages/react/src/components/tooltip/TooltipTrigger.tsx
@@ -4,24 +4,25 @@ import type { ButtonProps } from 'react-aria-components'
 import React from 'react'
 import { Button } from 'react-aria-components'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { useTooltip } from '~/components/tooltip/use-tooltip.hook'
 
 const __ELEMENT_TYPE__ = 'button'
 
 type ComponentOwnProps = ButtonProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, ...rest } = props
 
     const Element = as ?? Button
@@ -44,5 +45,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Tooltip.Trigger'
+
 export type { ComponentOwnProps as TooltipTriggerOwnProps, ComponentProps as TooltipTriggerProps }
 export default Component
diff --git a/packages/react/src/components/typography/TypographyHeading.tsx b/packages/react/src/components/typography/TypographyHeading.tsx
index f928f59..af0b1f3 100644
--- a/packages/react/src/components/typography/TypographyHeading.tsx
+++ b/packages/react/src/components/typography/TypographyHeading.tsx
@@ -6,7 +6,7 @@ import { heading } from '@giantnodes/theme'
 import { Heading } from 'react-aria-components'
 
 import type { HeadingLevel } from '~/components/typography/use-heading-level.hook'
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 import { HeadingLevelContext } from '~/components/typography/use-heading-level.hook'
 
 const __ELEMENT_TYPE__ = 'h1'
@@ -15,17 +15,18 @@ type ComponentOwnProps = HeadingProps & {
   level?: HeadingLevel
 }
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, level, ...rest } = props
 
     const Element = as ?? Heading
@@ -58,5 +59,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Typography.Heading'
+
 export type { ComponentOwnProps as TypographyHeadingOwnProps, ComponentProps as TypographyHeadingProps }
 export default Component
diff --git a/packages/react/src/components/typography/TypographyParagraph.tsx b/packages/react/src/components/typography/TypographyParagraph.tsx
index e42d14e..1845d0f 100644
--- a/packages/react/src/components/typography/TypographyParagraph.tsx
+++ b/packages/react/src/components/typography/TypographyParagraph.tsx
@@ -4,23 +4,24 @@ import type { TypographyVariantProps } from '@giantnodes/theme'
 import React from 'react'
 import { typography } from '@giantnodes/theme'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 
 const __ELEMENT_TYPE__ = 'p'
 
 type ComponentOwnProps = TypographyVariantProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, size, variant, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__
@@ -43,5 +44,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Typography.Paragraph'
+
 export type { ComponentOwnProps as TypographyParagraphOwnProps, ComponentProps as TypographyParagraphProps }
 export default Component
diff --git a/packages/react/src/components/typography/TypographyText.tsx b/packages/react/src/components/typography/TypographyText.tsx
index 17588d5..e500d04 100644
--- a/packages/react/src/components/typography/TypographyText.tsx
+++ b/packages/react/src/components/typography/TypographyText.tsx
@@ -4,23 +4,24 @@ import type { TypographyVariantProps } from '@giantnodes/theme'
 import React from 'react'
 import { typography } from '@giantnodes/theme'
 
-import type * as Polymophic from '~/utilities/polymorphic'
+import type * as Polymorphic from '~/utilities/polymorphic'
 
 const __ELEMENT_TYPE__ = 'span'
 
 type ComponentOwnProps = TypographyVariantProps
 
-type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymophic.ComponentPropsWithRef<
+type ComponentProps<TElement extends React.ElementType = typeof __ELEMENT_TYPE__> = Polymorphic.ComponentPropsWithRef<
   TElement,
   ComponentOwnProps
 >
 
-type ComponentType = <TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
+type ComponentType = (<TElement extends React.ElementType = typeof __ELEMENT_TYPE__>(
   props: ComponentProps<TElement>
-) => React.ReactNode
+) => Polymorphic.ExoticComponentReturn) &
+  Polymorphic.NamedExoticComponentType
 
 const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOwnProps>, ComponentOwnProps>(
-  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymophic.Ref<TElement>) => {
+  <TElement extends React.ElementType>(props: ComponentProps<TElement>, ref: Polymorphic.Ref<TElement>) => {
     const { as, children, className, size, variant, ...rest } = props
 
     const Element = as ?? __ELEMENT_TYPE__
@@ -43,5 +44,7 @@ const Component: ComponentType = React.forwardRef<React.ReactElement<ComponentOw
   }
 )
 
+Component.displayName = 'Typography.Text'
+
 export type { ComponentOwnProps as TypographyTextProps, ComponentProps as TypographyTextOwnProps }
 export default Component
diff --git a/packages/react/src/utilities/polymorphic.ts b/packages/react/src/utilities/polymorphic.ts
index f4c6c89..b12fe41 100644
--- a/packages/react/src/utilities/polymorphic.ts
+++ b/packages/react/src/utilities/polymorphic.ts
@@ -30,32 +30,3 @@ export type NamedExoticComponentType = { [K in keyof React.NamedExoticComponent]
 export type PolymorphicElement<TComponent extends React.ElementType> = TComponent extends keyof HTMLElementTagNameMap
   ? HTMLElementTagNameMap[TComponent]
   : TComponent
-
-// import type React from 'react'
-//
-// type PropsOf<C extends React.ElementType> = React.ComponentPropsWithoutRef<C>
-//
-// type AsProp<C extends React.ElementType> = {
-//   as?: C
-// }
-//
-// type ExtendableProps<ExtendedProps = Record<string, unknown>, OverrideProps = Record<string, unknown>> = OverrideProps &
-//   Omit<ExtendedProps, keyof OverrideProps>
-//
-// type InheritableElementProps<C extends React.ElementType, Props = Record<string, unknown>> = ExtendableProps<
-//   PropsOf<C>,
-//   Props
-// >
-//
-// type ComponentProps<C extends React.ElementType, Props = Record<string, unknown>> = InheritableElementProps<
-//   C,
-//   Props & AsProp<C>
-// >
-//
-// type Ref<C extends React.ElementType> = React.ComponentPropsWithRef<C>['ref']
-//
-// type ComponentPropsWithRef<C extends React.ElementType, Props = Record<string, unknown>> = ComponentProps<C, Props> & {
-//   ref?: Ref<C>
-// }
-//
-// export type { ComponentPropsWithRef, ComponentProps, Ref }