From 0f165a36c89a3f0879a8ed3da114da799e8fb8d0 Mon Sep 17 00:00:00 2001
From: WK <wingkwong.code@gmail.com>
Date: Wed, 3 Dec 2025 01:18:40 +0800
Subject: [PATCH] fix(components): typos (#5958)

---
 packages/components/input-otp/__tests__/input-otp.test.tsx | 2 +-
 packages/components/input/src/textarea.tsx                 | 2 +-
 packages/components/tabs/__tests__/tabs.test.tsx           | 4 ++--
 packages/components/toast/stories/toast.stories.tsx        | 4 ++--
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/components/input-otp/__tests__/input-otp.test.tsx b/packages/components/input-otp/__tests__/input-otp.test.tsx
index e8e8669f1..331c5e828 100644
--- a/packages/components/input-otp/__tests__/input-otp.test.tsx
+++ b/packages/components/input-otp/__tests__/input-otp.test.tsx
@@ -293,7 +293,7 @@ describe("InputOtp with react-hook-form", () => {
     expect(onSubmit).toHaveBeenCalledTimes(1);
   });
 
-  it("should work correctly wiht react-hook-form controller", async () => {
+  it("should work correctly with react-hook-form controller", async () => {
     const {result} = renderHook(() =>
       useForm({
         defaultValues: {
diff --git a/packages/components/input/src/textarea.tsx b/packages/components/input/src/textarea.tsx
index 4aa101f54..ba316071a 100644
--- a/packages/components/input/src/textarea.tsx
+++ b/packages/components/input/src/textarea.tsx
@@ -24,7 +24,7 @@ export type TextareaHeightChangeMeta = {
 
 export interface TextAreaProps extends Omit<UseInputProps<HTMLTextAreaElement>, OmittedInputProps> {
   /**
-   * Whether the textarea should automatically grow vertically to accomodate content.
+   * Whether the textarea should automatically grow vertically to accommodate content.
    * @default false
    */
   disableAutosize?: boolean;
diff --git a/packages/components/tabs/__tests__/tabs.test.tsx b/packages/components/tabs/__tests__/tabs.test.tsx
index d852341fe..253ace40f 100644
--- a/packages/components/tabs/__tests__/tabs.test.tsx
+++ b/packages/components/tabs/__tests__/tabs.test.tsx
@@ -341,7 +341,7 @@ describe("Tabs", () => {
     expect(tabWrapper).toHaveAttribute("data-vertical", "horizontal");
   });
 
-  test("should destory inactive tab panels", () => {
+  test("should destroy inactive tab panels", () => {
     const {container} = render(
       <Tabs aria-label="Tabs test (destroyInactiveTabPanel=true)">
         <Tab key="tab1" data-testid="item1" title="Tab 1">
@@ -356,7 +356,7 @@ describe("Tabs", () => {
     expect(container.querySelectorAll("[data-slot='panel']")).toHaveLength(1);
   });
 
-  test("should not destory inactive tab panels", async () => {
+  test("should not destroy inactive tab panels", async () => {
     const wrapper = render(
       <Tabs aria-label="Tabs test (destroyInactiveTabPanel=false)" destroyInactiveTabPanel={false}>
         <Tab key="tab1" data-testid="item1" title="Tab 1">
diff --git a/packages/components/toast/stories/toast.stories.tsx b/packages/components/toast/stories/toast.stories.tsx
index ae1656af9..03a7552f9 100644
--- a/packages/components/toast/stories/toast.stories.tsx
+++ b/packages/components/toast/stories/toast.stories.tsx
@@ -309,8 +309,8 @@ const CustomToastComponent = (args) => {
         variant="bordered"
         onPress={() => {
           addToast({
-            title: "Sucessful!",
-            description: "Document uploaded to cloud successful.",
+            title: "Successful!",
+            description: "Document uploaded to cloud successfully.",
             classNames: {
               base: cn([
                 "bg-default-50 dark:bg-background shadow-sm",