From 2dbbdc21f2860f979f55f4cdfdd6830da3bc6a79 Mon Sep 17 00:00:00 2001
From: luzpaz <luzpaz@users.noreply.github.com>
Date: Mon, 12 May 2025 04:49:35 -0400
Subject: [PATCH] fix: typos in apps/ui-playground (#21223)

Found via codespell

Co-authored-by: Alex van Andel <me@alexvanandel.com>
---
 apps/ui-playground/content/design/components/button.mdx         | 2 +-
 apps/ui-playground/content/design/components/textarea.sizes.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/ui-playground/content/design/components/button.mdx b/apps/ui-playground/content/design/components/button.mdx
index 711b322588..cf7a55bb7a 100644
--- a/apps/ui-playground/content/design/components/button.mdx
+++ b/apps/ui-playground/content/design/components/button.mdx
@@ -58,7 +58,7 @@ Buttons can be grouped together using the ButtonGroup component. The ButtonGroup
 
 ### Button Group Sizes
 
-#### Seperated
+#### Separated
 
 <ButtonGroupSizes/>
 
diff --git a/apps/ui-playground/content/design/components/textarea.sizes.tsx b/apps/ui-playground/content/design/components/textarea.sizes.tsx
index 73062b7484..58ad6c4d38 100644
--- a/apps/ui-playground/content/design/components/textarea.sizes.tsx
+++ b/apps/ui-playground/content/design/components/textarea.sizes.tsx
@@ -9,7 +9,7 @@ export const SizesExample: React.FC = () => (
     <div className="space-y-4 md:w-80">
       <div className="space-y-2">
         <h3 className="text-emphasis text-sm">Default Height</h3>
-        <TextAreaField name="deafult" placeholder="Default height textarea..." />
+        <TextAreaField name="default" placeholder="Default height textarea..." />
       </div>
 
       <div className="space-y-2">