diff --git a/.changeset/dry-jobs-cough.md b/.changeset/dry-jobs-cough.md
new file mode 100644
index 0000000000..7db40a0455
--- /dev/null
+++ b/.changeset/dry-jobs-cough.md
@@ -0,0 +1,5 @@
+---
+"@heroui/checkbox": patch
+---
+
+inherit stroke in CheckboxIcon (#4802)
diff --git a/.changeset/fresh-windows-check.md b/.changeset/fresh-windows-check.md
new file mode 100644
index 0000000000..228e03f472
--- /dev/null
+++ b/.changeset/fresh-windows-check.md
@@ -0,0 +1,5 @@
+---
+"@heroui/table": patch
+---
+
+Virtualization support added to Table component (#3697)
diff --git a/.changeset/large-bears-poke.md b/.changeset/large-bears-poke.md
new file mode 100644
index 0000000000..8e8bce528d
--- /dev/null
+++ b/.changeset/large-bears-poke.md
@@ -0,0 +1,5 @@
+---
+"@heroui/button": patch
+---
+
+export PressEvent for onPress event typing (#4818)
diff --git a/.changeset/light-hairs-draw.md b/.changeset/light-hairs-draw.md
new file mode 100644
index 0000000000..0bb2f12ee0
--- /dev/null
+++ b/.changeset/light-hairs-draw.md
@@ -0,0 +1,7 @@
+---
+"@heroui/autocomplete": patch
+"@heroui/listbox": patch
+"@heroui/select": patch
+---
+
+Fix SelectItem, ListboxItem, and AutocompleteItem not to accept value props (#2283)
diff --git a/.changeset/nine-ties-bake.md b/.changeset/nine-ties-bake.md
new file mode 100644
index 0000000000..7a0f6d1d56
--- /dev/null
+++ b/.changeset/nine-ties-bake.md
@@ -0,0 +1,5 @@
+---
+"@heroui/listbox": patch
+---
+
+pass missing press events to usePress (#4798)
diff --git a/.changeset/shaggy-beers-breathe.md b/.changeset/shaggy-beers-breathe.md
new file mode 100644
index 0000000000..2b643c4369
--- /dev/null
+++ b/.changeset/shaggy-beers-breathe.md
@@ -0,0 +1,7 @@
+---
+"@heroui/shared-icons": patch
+"@heroui/toast": patch
+"@heroui/theme": patch
+---
+
+Introducing the toast component(#2560)
diff --git a/apps/docs/components/scripts/script-providers.tsx b/apps/docs/components/scripts/script-providers.tsx
index 1a399abb1e..5b8f34a868 100644
--- a/apps/docs/components/scripts/script-providers.tsx
+++ b/apps/docs/components/scripts/script-providers.tsx
@@ -9,6 +9,7 @@ export function ScriptProviders({isKapaEnabled = true}: {isKapaEnabled?: boolean
     <>
       <Script
         defer
+        data-button-position-left="20px"
         data-modal-disclaimer="This is a custom LLM for HeroUI with access to all developer docs (heroui.com/docs) and GitHub Issues and PRs (github.com/heroui-inc/heroui)."
         data-modal-example-questions="How do I install for Next.js?,How do I customize primary color?"
         data-project-color="#000000"
diff --git a/apps/docs/config/routes.json b/apps/docs/config/routes.json
index cbf86f8f6b..32ae712b6d 100644
--- a/apps/docs/config/routes.json
+++ b/apps/docs/config/routes.json
@@ -423,7 +423,8 @@
           "key": "table",
           "title": "Table",
           "keywords": "table, data display, grid, spreadsheet",
-          "path": "/docs/components/table.mdx"
+          "path": "/docs/components/table.mdx",
+          "updated": true
         },
         {
           "key": "tabs",
@@ -436,7 +437,7 @@
           "title": "Toast",
           "keywords": "toast, notification, message",
           "path": "/docs/components/toast.mdx",
-          "comingSoon": true
+          "newPost": true
         },
         {
           "key": "textarea",
diff --git a/apps/docs/content/components/form/demo.raw.jsx b/apps/docs/content/components/form/demo.raw.jsx
index b2b14d2a2e..1b16b42c48 100644
--- a/apps/docs/content/components/form/demo.raw.jsx
+++ b/apps/docs/content/components/form/demo.raw.jsx
@@ -116,21 +116,11 @@ export default function App() {
           name="country"
           placeholder="Select country"
         >
-          <SelectItem key="ar" value="ar">
-            Argentina
-          </SelectItem>
-          <SelectItem key="us" value="us">
-            United States
-          </SelectItem>
-          <SelectItem key="ca" value="ca">
-            Canada
-          </SelectItem>
-          <SelectItem key="uk" value="uk">
-            United Kingdom
-          </SelectItem>
-          <SelectItem key="au" value="au">
-            Australia
-          </SelectItem>
+          <SelectItem key="ar">Argentina</SelectItem>
+          <SelectItem key="us">United States</SelectItem>
+          <SelectItem key="ca">Canada</SelectItem>
+          <SelectItem key="uk">United Kingdom</SelectItem>
+          <SelectItem key="au">Australia</SelectItem>
         </Select>
 
         <Checkbox
diff --git a/apps/docs/content/components/scroll-shadow/horizontal.raw.jsx b/apps/docs/content/components/scroll-shadow/horizontal.raw.jsx
index 58ed3e607a..9fe00a70ef 100644
--- a/apps/docs/content/components/scroll-shadow/horizontal.raw.jsx
+++ b/apps/docs/content/components/scroll-shadow/horizontal.raw.jsx
@@ -68,7 +68,9 @@ export const Content = () => (
 export default function App() {
   return (
     <ScrollShadow className="max-w-[400px] max-h-[300px]" orientation="horizontal">
-      <Content className="w-[800px]" />
+      <div className="w-[800px]">
+        <Content />
+      </div>
     </ScrollShadow>
   );
 }
diff --git a/apps/docs/content/components/select/virtualization-custom-item-height.raw.jsx b/apps/docs/content/components/select/virtualization-custom-item-height.raw.jsx
index be7286d7c3..cc0292efd3 100644
--- a/apps/docs/content/components/select/virtualization-custom-item-height.raw.jsx
+++ b/apps/docs/content/components/select/virtualization-custom-item-height.raw.jsx
@@ -45,10 +45,8 @@ export default function App() {
         maxListboxHeight={400}
         placeholder="Select..."
       >
-        {items.map((item, index) => (
-          <SelectItem key={index} value={item.value}>
-            {item.label}
-          </SelectItem>
+        {items.map((item) => (
+          <SelectItem key={item.value}>{item.label}</SelectItem>
         ))}
       </Select>
     </div>
diff --git a/apps/docs/content/components/select/virtualization-max-listbox-height.raw.jsx b/apps/docs/content/components/select/virtualization-max-listbox-height.raw.jsx
index d4b4e70f42..d33d30db26 100644
--- a/apps/docs/content/components/select/virtualization-max-listbox-height.raw.jsx
+++ b/apps/docs/content/components/select/virtualization-max-listbox-height.raw.jsx
@@ -44,10 +44,8 @@ export default function App() {
         maxListboxHeight={400}
         placeholder="Select..."
       >
-        {items.map((item, index) => (
-          <SelectItem key={index} value={item.value}>
-            {item.label}
-          </SelectItem>
+        {items.map((item) => (
+          <SelectItem key={item.value}>{item.label}</SelectItem>
         ))}
       </Select>
     </div>
diff --git a/apps/docs/content/components/select/virtualization-ten-thousand.raw.jsx b/apps/docs/content/components/select/virtualization-ten-thousand.raw.jsx
index b01659b6cd..f8844e5549 100644
--- a/apps/docs/content/components/select/virtualization-ten-thousand.raw.jsx
+++ b/apps/docs/content/components/select/virtualization-ten-thousand.raw.jsx
@@ -44,9 +44,7 @@ export default function App() {
         placeholder="Select..."
       >
         {items.map((item, index) => (
-          <SelectItem key={index} value={item.value}>
-            {item.label}
-          </SelectItem>
+          <SelectItem key={index}>{item.label}</SelectItem>
         ))}
       </Select>
     </div>
diff --git a/apps/docs/content/components/select/virtualization.raw.jsx b/apps/docs/content/components/select/virtualization.raw.jsx
index 61a01f19fa..fa14c7400e 100644
--- a/apps/docs/content/components/select/virtualization.raw.jsx
+++ b/apps/docs/content/components/select/virtualization.raw.jsx
@@ -43,10 +43,8 @@ export default function App() {
         label={"Select from 1000 items"}
         placeholder="Select..."
       >
-        {items.map((item, index) => (
-          <SelectItem key={index} value={item.value}>
-            {item.label}
-          </SelectItem>
+        {items.map((item) => (
+          <SelectItem key={item.value}>{item.label}</SelectItem>
         ))}
       </Select>
     </div>
diff --git a/apps/docs/content/components/table/index.ts b/apps/docs/content/components/table/index.ts
index 8bdffc3829..19a8fbe483 100644
--- a/apps/docs/content/components/table/index.ts
+++ b/apps/docs/content/components/table/index.ts
@@ -19,6 +19,10 @@ import asyncPagination from "./async-pagination";
 import infinitePagination from "./infinite-pagination";
 import useCase from "./use-case";
 import customStyles from "./custom-styles";
+import virtualization from "./virtualization";
+import virtualizationCustomItemHeight from "./virtualization-custom-row-height";
+import virtualizationCustomMaxTableHeight from "./virtualization-custom-max-table-height";
+import virtualizationTenThousand from "./virtualization-ten-thousand";
 
 export const tableContent = {
   usage,
@@ -42,4 +46,8 @@ export const tableContent = {
   infinitePagination,
   useCase,
   customStyles,
+  virtualization,
+  virtualizationCustomItemHeight,
+  virtualizationCustomMaxTableHeight,
+  virtualizationTenThousand,
 };
diff --git a/apps/docs/content/components/table/virtualization-custom-max-table-height.raw.jsx b/apps/docs/content/components/table/virtualization-custom-max-table-height.raw.jsx
new file mode 100644
index 0000000000..407c0b2c6b
--- /dev/null
+++ b/apps/docs/content/components/table/virtualization-custom-max-table-height.raw.jsx
@@ -0,0 +1,37 @@
+import {Table, TableBody, TableCell, TableColumn, TableHeader, TableRow} from "@nextui-org/react";
+
+function generateRows(count) {
+  return Array.from({length: count}, (_, index) => ({
+    key: index.toString(),
+    name: `Item ${index + 1}`,
+    value: `Value ${index + 1}`,
+  }));
+}
+
+export default function App() {
+  const rows = generateRows(500);
+  const columns = [
+    {key: "name", label: "Name"},
+    {key: "value", label: "Value"},
+  ];
+
+  return (
+    <Table
+      isVirtualized
+      aria-label="Example of virtualized table with a large dataset"
+      maxTableHeight={300}
+      rowHeight={40}
+    >
+      <TableHeader columns={columns}>
+        {(column) => <TableColumn key={column.key}>{column.label}</TableColumn>}
+      </TableHeader>
+      <TableBody items={rows}>
+        {(item) => (
+          <TableRow key={item.key}>
+            {(columnKey) => <TableCell>{item[columnKey]}</TableCell>}
+          </TableRow>
+        )}
+      </TableBody>
+    </Table>
+  );
+}
diff --git a/apps/docs/content/components/table/virtualization-custom-max-table-height.ts b/apps/docs/content/components/table/virtualization-custom-max-table-height.ts
new file mode 100644
index 0000000000..ee7782ee1b
--- /dev/null
+++ b/apps/docs/content/components/table/virtualization-custom-max-table-height.ts
@@ -0,0 +1,9 @@
+import App from "./virtualization-custom-max-table-height.raw.jsx?raw";
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/table/virtualization-custom-row-height.raw.jsx b/apps/docs/content/components/table/virtualization-custom-row-height.raw.jsx
new file mode 100644
index 0000000000..4a879b9d84
--- /dev/null
+++ b/apps/docs/content/components/table/virtualization-custom-row-height.raw.jsx
@@ -0,0 +1,37 @@
+import {Table, TableBody, TableCell, TableColumn, TableHeader, TableRow} from "@nextui-org/react";
+
+function generateRows(count) {
+  return Array.from({length: count}, (_, index) => ({
+    key: index.toString(),
+    name: `Item ${index + 1}`,
+    value: `Value ${index + 1}`,
+  }));
+}
+
+export default function App() {
+  const rows = generateRows(500);
+  const columns = [
+    {key: "name", label: "Name"},
+    {key: "value", label: "Value"},
+  ];
+
+  return (
+    <Table
+      isVirtualized
+      aria-label="Example of virtualized table with a large dataset"
+      maxTableHeight={500}
+      rowHeight={70}
+    >
+      <TableHeader columns={columns}>
+        {(column) => <TableColumn key={column.key}>{column.label}</TableColumn>}
+      </TableHeader>
+      <TableBody items={rows}>
+        {(item) => (
+          <TableRow key={item.key}>
+            {(columnKey) => <TableCell>{item[columnKey]}</TableCell>}
+          </TableRow>
+        )}
+      </TableBody>
+    </Table>
+  );
+}
diff --git a/apps/docs/content/components/table/virtualization-custom-row-height.ts b/apps/docs/content/components/table/virtualization-custom-row-height.ts
new file mode 100644
index 0000000000..c80182fa51
--- /dev/null
+++ b/apps/docs/content/components/table/virtualization-custom-row-height.ts
@@ -0,0 +1,9 @@
+import App from "./virtualization-custom-row-height.raw.jsx?raw";
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/table/virtualization-ten-thousand.raw.jsx b/apps/docs/content/components/table/virtualization-ten-thousand.raw.jsx
new file mode 100644
index 0000000000..ace1cb27e8
--- /dev/null
+++ b/apps/docs/content/components/table/virtualization-ten-thousand.raw.jsx
@@ -0,0 +1,37 @@
+import {Table, TableBody, TableCell, TableColumn, TableHeader, TableRow} from "@nextui-org/react";
+
+function generateRows(count) {
+  return Array.from({length: count}, (_, index) => ({
+    key: index.toString(),
+    name: `Item ${index + 1}`,
+    value: `Value ${index + 1}`,
+  }));
+}
+
+export default function App() {
+  const rows = generateRows(10000);
+  const columns = [
+    {key: "name", label: "Name"},
+    {key: "value", label: "Value"},
+  ];
+
+  return (
+    <Table
+      isVirtualized
+      aria-label="Example of virtualized table with a large dataset"
+      maxTableHeight={500}
+      rowHeight={40}
+    >
+      <TableHeader columns={columns}>
+        {(column) => <TableColumn key={column.key}>{column.label}</TableColumn>}
+      </TableHeader>
+      <TableBody items={rows}>
+        {(item) => (
+          <TableRow key={item.key}>
+            {(columnKey) => <TableCell>{item[columnKey]}</TableCell>}
+          </TableRow>
+        )}
+      </TableBody>
+    </Table>
+  );
+}
diff --git a/apps/docs/content/components/table/virtualization-ten-thousand.ts b/apps/docs/content/components/table/virtualization-ten-thousand.ts
new file mode 100644
index 0000000000..1b8e486cb5
--- /dev/null
+++ b/apps/docs/content/components/table/virtualization-ten-thousand.ts
@@ -0,0 +1,9 @@
+import App from "./virtualization-ten-thousand.raw.jsx?raw";
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/table/virtualization.raw.jsx b/apps/docs/content/components/table/virtualization.raw.jsx
new file mode 100644
index 0000000000..2b5de4c41a
--- /dev/null
+++ b/apps/docs/content/components/table/virtualization.raw.jsx
@@ -0,0 +1,37 @@
+import {Table, TableBody, TableCell, TableColumn, TableHeader, TableRow} from "@nextui-org/react";
+
+function generateRows(count) {
+  return Array.from({length: count}, (_, index) => ({
+    key: index.toString(),
+    name: `Item ${index + 1}`,
+    value: `Value ${index + 1}`,
+  }));
+}
+
+export default function App() {
+  const rows = generateRows(500);
+  const columns = [
+    {key: "name", label: "Name"},
+    {key: "value", label: "Value"},
+  ];
+
+  return (
+    <Table
+      isVirtualized
+      aria-label="Example of virtualized table with a large dataset"
+      maxTableHeight={500}
+      rowHeight={40}
+    >
+      <TableHeader columns={columns}>
+        {(column) => <TableColumn key={column.key}>{column.label}</TableColumn>}
+      </TableHeader>
+      <TableBody items={rows}>
+        {(item) => (
+          <TableRow key={item.key}>
+            {(columnKey) => <TableCell>{item[columnKey]}</TableCell>}
+          </TableRow>
+        )}
+      </TableBody>
+    </Table>
+  );
+}
diff --git a/apps/docs/content/components/table/virtualization.ts b/apps/docs/content/components/table/virtualization.ts
new file mode 100644
index 0000000000..e40cbd641f
--- /dev/null
+++ b/apps/docs/content/components/table/virtualization.ts
@@ -0,0 +1,9 @@
+import App from "./virtualization.raw.jsx?raw";
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/toast/color.raw.jsx b/apps/docs/content/components/toast/color.raw.jsx
new file mode 100644
index 0000000000..32c6c8ddaa
--- /dev/null
+++ b/apps/docs/content/components/toast/color.raw.jsx
@@ -0,0 +1,24 @@
+import {addToast, Button} from "@heroui/react";
+
+export default function App() {
+  return (
+    <div className="flex flex-wrap gap-2">
+      {["default", "primary", "secondary", "success", "warning", "danger"].map((color) => (
+        <Button
+          key={color}
+          color={color}
+          variant={"flat"}
+          onPress={() =>
+            addToast({
+              title: "Toast title",
+              description: "Toast displayed successfully",
+              color: color,
+            })
+          }
+        >
+          {color}
+        </Button>
+      ))}
+    </div>
+  );
+}
diff --git a/apps/docs/content/components/toast/color.ts b/apps/docs/content/components/toast/color.ts
new file mode 100644
index 0000000000..6c2d8d6af9
--- /dev/null
+++ b/apps/docs/content/components/toast/color.ts
@@ -0,0 +1,9 @@
+import App from "./color.raw.jsx?raw";
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/toast/custom-close-icon.raw.jsx b/apps/docs/content/components/toast/custom-close-icon.raw.jsx
new file mode 100644
index 0000000000..496a944e63
--- /dev/null
+++ b/apps/docs/content/components/toast/custom-close-icon.raw.jsx
@@ -0,0 +1,44 @@
+import {addToast, Button} from "@heroui/react";
+
+const CustomToastComponent = () => {
+  return (
+    <Button
+      variant="flat"
+      onPress={() => {
+        addToast({
+          hideIcon: true,
+          title: "Toast Title",
+          description: "Toast Description",
+          classNames: {
+            closeButton: "opacity-100 absolute right-4 top-1/2 -translate-y-1/2",
+          },
+          closeIcon: (
+            <svg
+              fill="none"
+              height="32"
+              stroke="currentColor"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              strokeWidth="2"
+              viewBox="0 0 24 24"
+              width="32"
+            >
+              <path d="M18 6 6 18" />
+              <path d="m6 6 12 12" />
+            </svg>
+          ),
+        });
+      }}
+    >
+      Show Toast
+    </Button>
+  );
+};
+
+export default function App() {
+  return (
+    <div className="flex gap-2">
+      <CustomToastComponent />
+    </div>
+  );
+}
diff --git a/apps/docs/content/components/toast/custom-close-icon.ts b/apps/docs/content/components/toast/custom-close-icon.ts
new file mode 100644
index 0000000000..ea4122cd0b
--- /dev/null
+++ b/apps/docs/content/components/toast/custom-close-icon.ts
@@ -0,0 +1,9 @@
+import App from "./custom-close-icon.raw.jsx?raw";
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/toast/custom-styles.raw.jsx b/apps/docs/content/components/toast/custom-styles.raw.jsx
new file mode 100644
index 0000000000..9234037df1
--- /dev/null
+++ b/apps/docs/content/components/toast/custom-styles.raw.jsx
@@ -0,0 +1,50 @@
+import {addToast, Button, cn} from "@heroui/react";
+
+const CustomToastComponent = () => {
+  return (
+    <Button
+      variant="flat"
+      onPress={() => {
+        addToast({
+          title: "Successfull!",
+          description: "Document uploaded to cloud successfully.",
+          classNames: {
+            base: cn([
+              "bg-default-50 dark:bg-background shadow-sm",
+              "border-1",
+              "relative before:content-[''] before:absolute before:z-10",
+              "before:left-0 before:top-[-1px] before:bottom-[-1px] before:w-1",
+              "rounded-l-none border-l-0",
+              "min-w-[350px]",
+              "rounded-md",
+              "flex flex-col items-start",
+              "before:bg-primary border-primary-200 dark:border-primary-100",
+            ]),
+            icon: "w-6 h-6 fill-current",
+          },
+          endContent: (
+            <div className="ms-11 my-2 flex gap-x-2">
+              <Button color={"primary"} size="sm" variant="bordered">
+                View Document
+              </Button>
+              <Button className="underline-offset-2" color={"primary"} size="sm" variant="light">
+                Maybe Later
+              </Button>
+            </div>
+          ),
+          color: "primary",
+        });
+      }}
+    >
+      Show Toast
+    </Button>
+  );
+};
+
+export default function App() {
+  return (
+    <div className="flex gap-2">
+      <CustomToastComponent />
+    </div>
+  );
+}
diff --git a/apps/docs/content/components/toast/custom-styles.ts b/apps/docs/content/components/toast/custom-styles.ts
new file mode 100644
index 0000000000..da3ea9093a
--- /dev/null
+++ b/apps/docs/content/components/toast/custom-styles.ts
@@ -0,0 +1,9 @@
+import App from "./custom-styles.raw.jsx?raw";
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/toast/index.ts b/apps/docs/content/components/toast/index.ts
new file mode 100644
index 0000000000..c884ac0ac2
--- /dev/null
+++ b/apps/docs/content/components/toast/index.ts
@@ -0,0 +1,17 @@
+import color from "./color";
+import variants from "./variants";
+import customStyles from "./custom-styles";
+import radius from "./radius";
+import placement from "./placement";
+import usage from "./usage";
+import customCloseIcon from "./custom-close-icon";
+
+export const toastContent = {
+  color,
+  variants,
+  customStyles,
+  radius,
+  placement,
+  usage,
+  customCloseIcon,
+};
diff --git a/apps/docs/content/components/toast/placement.raw.jsx b/apps/docs/content/components/toast/placement.raw.jsx
new file mode 100644
index 0000000000..a7ab53233d
--- /dev/null
+++ b/apps/docs/content/components/toast/placement.raw.jsx
@@ -0,0 +1,36 @@
+import {addToast, Button, ToastProvider} from "@heroui/react";
+import React from "react";
+
+export default function App() {
+  const [placement, setPlacement] = React.useState("right-bottom");
+
+  return (
+    <>
+      <ToastProvider placement={placement} toastOffset={placement.includes("top") ? 60 : 0} />
+      <div className="flex flex-wrap gap-2">
+        {[
+          "left-top",
+          "right-top",
+          "center-top",
+          "left-bottom",
+          "right-bottom",
+          "center-bottom",
+        ].map((position) => (
+          <Button
+            key={position}
+            variant={"flat"}
+            onPress={() => {
+              setPlacement(position);
+              addToast({
+                title: "Toast title",
+                description: "Toast displayed successfully",
+              });
+            }}
+          >
+            {position}
+          </Button>
+        ))}
+      </div>
+    </>
+  );
+}
diff --git a/apps/docs/content/components/toast/placement.ts b/apps/docs/content/components/toast/placement.ts
new file mode 100644
index 0000000000..eee2244366
--- /dev/null
+++ b/apps/docs/content/components/toast/placement.ts
@@ -0,0 +1,9 @@
+import App from "./placement.raw.jsx?raw";
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/toast/radius.raw.jsx b/apps/docs/content/components/toast/radius.raw.jsx
new file mode 100644
index 0000000000..1414cfb235
--- /dev/null
+++ b/apps/docs/content/components/toast/radius.raw.jsx
@@ -0,0 +1,24 @@
+import {addToast, Button} from "@heroui/react";
+
+export default function App() {
+  return (
+    <div className="flex flex-wrap gap-2">
+      {["none", "sm", "md", "lg", "full"].map((radius) => (
+        <Button
+          key={radius}
+          radius={radius}
+          variant={"flat"}
+          onPress={() =>
+            addToast({
+              title: "Toast title",
+              description: "Toast displayed successfully",
+              radius: radius,
+            })
+          }
+        >
+          {radius}
+        </Button>
+      ))}
+    </div>
+  );
+}
diff --git a/apps/docs/content/components/toast/radius.ts b/apps/docs/content/components/toast/radius.ts
new file mode 100644
index 0000000000..7b78db1ce0
--- /dev/null
+++ b/apps/docs/content/components/toast/radius.ts
@@ -0,0 +1,9 @@
+import App from "./radius.raw.jsx?raw";
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/toast/usage.raw.jsx b/apps/docs/content/components/toast/usage.raw.jsx
new file mode 100644
index 0000000000..f439af4c62
--- /dev/null
+++ b/apps/docs/content/components/toast/usage.raw.jsx
@@ -0,0 +1,117 @@
+import {addToast, Button} from "@heroui/react";
+
+export default function App() {
+  return (
+    <div className="flex flex-wrap gap-2">
+      <Button
+        variant="flat"
+        onPress={() => {
+          addToast({
+            title: "Toast Title",
+          });
+        }}
+      >
+        Default
+      </Button>
+
+      <Button
+        variant="flat"
+        onPress={() => {
+          addToast({
+            title: "Toast Title",
+            description: "Toast Description",
+          });
+        }}
+      >
+        With Description
+      </Button>
+
+      <Button
+        variant="flat"
+        onPress={() => {
+          addToast({
+            title: "Toast Title",
+            description: "Toast Description",
+            hideIcon: true,
+          });
+        }}
+      >
+        Hidden Icon
+      </Button>
+
+      <Button
+        variant="flat"
+        onPress={() => {
+          addToast({
+            title: "Toast Title",
+            description: "Toast Description",
+            promise: new Promise((resolve) => setTimeout(resolve, 3000)),
+          });
+        }}
+      >
+        Promise (3000ms)
+      </Button>
+
+      <Button
+        variant="flat"
+        onPress={() => {
+          addToast({
+            title: "Toast Title",
+            description: "Toast Description",
+            endContent: (
+              <Button size="sm" variant="flat">
+                Upgrade
+              </Button>
+            ),
+          });
+        }}
+      >
+        With endContent
+      </Button>
+
+      <Button
+        variant="flat"
+        onPress={() => {
+          addToast({
+            title: "Toast Title",
+            description: "Toast Description",
+            timeout: 3000,
+            shouldShowTimeoutProgess: true,
+          });
+        }}
+      >
+        Show Timeout Progress (3000ms)
+      </Button>
+
+      <Button
+        variant="flat"
+        onPress={() =>
+          addToast({
+            title: "Toast title",
+            description: "Toast displayed successfully",
+            icon: (
+              <svg height={24} viewBox="0 0 24 24" width={24}>
+                <g
+                  fill="none"
+                  stroke="currentColor"
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                  strokeMiterlimit={10}
+                  strokeWidth={1.5}
+                >
+                  <path
+                    d="M11.845 21.662C8.153 21.662 5 21.088 5 18.787s3.133-4.425 6.845-4.425c3.692 0 6.845 2.1 6.845 4.4s-3.134 2.9-6.845 2.9z"
+                    data-name="Stroke 1"
+                  />
+                  <path d="M11.837 11.174a4.372 4.372 0 10-.031 0z" data-name="Stroke 3" />
+                </g>
+              </svg>
+            ),
+          })
+        }
+      >
+        Custom Icon
+      </Button>
+    </div>
+  );
+}
diff --git a/apps/docs/content/components/toast/usage.ts b/apps/docs/content/components/toast/usage.ts
new file mode 100644
index 0000000000..1118304c37
--- /dev/null
+++ b/apps/docs/content/components/toast/usage.ts
@@ -0,0 +1,9 @@
+import App from "./usage.raw.jsx?raw";
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/components/toast/variants.raw.jsx b/apps/docs/content/components/toast/variants.raw.jsx
new file mode 100644
index 0000000000..7d4d5b9d8d
--- /dev/null
+++ b/apps/docs/content/components/toast/variants.raw.jsx
@@ -0,0 +1,30 @@
+import {addToast, Button} from "@heroui/react";
+
+export default function App() {
+  return (
+    <div className="flex flex-wrap gap-2">
+      {[
+        ["solid", "solid"],
+        ["bordered", "bordered"],
+        ["flat", "faded"],
+      ].map((variant) => (
+        <Button
+          key={variant[0]}
+          // @ts-ignore
+          variant={variant[1]}
+          onPress={() =>
+            addToast({
+              title: "Toast title",
+              description: "Toast displayed successfully",
+              // @ts-ignore
+              variant: variant[0],
+              color: "secondary",
+            })
+          }
+        >
+          {variant[0]}
+        </Button>
+      ))}
+    </div>
+  );
+}
diff --git a/apps/docs/content/components/toast/variants.ts b/apps/docs/content/components/toast/variants.ts
new file mode 100644
index 0000000000..ddea95fb2e
--- /dev/null
+++ b/apps/docs/content/components/toast/variants.ts
@@ -0,0 +1,9 @@
+import App from "./variants.raw.jsx?raw";
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};
diff --git a/apps/docs/content/docs/components/autocomplete.mdx b/apps/docs/content/docs/components/autocomplete.mdx
index d98fd71bcd..039ea50dc1 100644
--- a/apps/docs/content/docs/components/autocomplete.mdx
+++ b/apps/docs/content/docs/components/autocomplete.mdx
@@ -337,6 +337,8 @@ The `maxListboxHeight` prop is used to set the maximum height of the listbox. Th
 
 The `itemHeight` prop is used to set the height of each item in the listbox. This is required when using virtualization. By default, it's set to `32`.
 
+> **Note**: If the height of the list items differs from the default due to `startContent` or other custom content, be sure to pass the correct value to `itemHeight` to prevent layout issues.
+
 <CodeDemo title="Custom Item Height" files={autocompleteContent.virtualizationCustomItemHeight} />
 
 ### With Sections
diff --git a/apps/docs/content/docs/components/listbox.mdx b/apps/docs/content/docs/components/listbox.mdx
index 8a60fe80da..61e7b58a65 100644
--- a/apps/docs/content/docs/components/listbox.mdx
+++ b/apps/docs/content/docs/components/listbox.mdx
@@ -153,7 +153,7 @@ function App() {
 
 ### Virtualization
 
-Select supports virtualization, which allows efficient rendering of large lists by only rendering items that are visible in the viewport. You can enable virtualization by setting the `isVirtualized` prop to `true`.
+Listbox supports virtualization, which allows efficient rendering of large lists by only rendering items that are visible in the viewport. You can enable virtualization by setting the `isVirtualized` prop to `true`.
 
 <CodeDemo
   title="Virtualization"
diff --git a/apps/docs/content/docs/components/select.mdx b/apps/docs/content/docs/components/select.mdx
index b8f9d5c50b..e8819bf01c 100644
--- a/apps/docs/content/docs/components/select.mdx
+++ b/apps/docs/content/docs/components/select.mdx
@@ -241,8 +241,9 @@ The `maxListboxHeight` prop is used to set the maximum height of the listbox. Th
 
 The `itemHeight` prop is used to set the height of each item in the listbox. This is required when using virtualization. By default, it's set to `32`.
 
-<CodeDemo title="Custom Item Height" files={selectContent.virtualizationCustomItemHeight} />
+> **Note**: If the height of the list items differs from the default due to `startContent` or other custom content, be sure to pass the correct value to `itemHeight` to prevent layout issues.
 
+<CodeDemo title="Custom Item Height" files={selectContent.virtualizationCustomItemHeight} />
 
 ### With Sections
 
@@ -294,6 +295,13 @@ the popover and listbox components.
 
 <CodeDemo title="Custom Styles" files={selectContent.customStyles} />
 
+
+### Using `value` attribute in option
+
+The [`value`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option#value) attribute is not directly supported in `SelectItem`. Instead, the `key` property should be used to set the `value` to be submitted in forms.
+
+If you need to submit a specific `value` instead of the `key` during form submission, consider implementing a lookup map in your application.
+
 ## Slots
 
 - **base**: The main wrapper of the select. This wraps the rest of the slots.
diff --git a/apps/docs/content/docs/components/table.mdx b/apps/docs/content/docs/components/table.mdx
index 0305d54927..141eadcca5 100644
--- a/apps/docs/content/docs/components/table.mdx
+++ b/apps/docs/content/docs/components/table.mdx
@@ -317,6 +317,36 @@ import { useAsyncList } from "@react-stately/data";
   iframeSrc="/examples/table/infinite-pagination"
 />
 
+
+### Virtualization
+
+Table supports virtualization, which allows efficient rendering of large lists by only rendering items that are visible in the viewport. You can enable virtualization by setting the `isVirtualized` prop to `true`.
+
+<CodeDemo
+  title="Virtualization"
+  files={tableContent.virtualization}
+/>
+
+> **Note**: The virtualization strategy is based on the [@tanstack/react-virtual](https://tanstack.com/virtual/latest) package, which provides efficient rendering of large lists by only rendering items that are visible in the viewport.
+
+#### Ten Thousand Items
+
+Here's an example of using virtualization with 10,000 items.
+
+<CodeDemo title="Ten Thousand Items" files={tableContent.virtualizationTenThousand} />
+
+#### Max Table Height
+
+The `maxTableHeight` prop is used to set the maximum height of the table. This is required when using virtualization. By default, it's set to `600`.
+
+<CodeDemo title="Max Table Height" files={tableContent.virtualizationCustomMaxTableHeight} />
+
+#### Custom Row Height
+
+The `rowHeight` prop is used to set the height of each row in the table. This is required when using virtualization. By default, it's set to `40`.
+
+<CodeDemo title="Custom Row Height" files={tableContent.virtualizationCustomItemHeight} />
+
 ### Use Case Example
 
 When creating a table, you usually need core functionalities like sorting, pagination, and filtering. In the
@@ -456,6 +486,24 @@ You can customize the `Table` component by passing custom Tailwind CSS classes t
       type: "none | sm | md | lg",
       description: "The shadow size of the table.",
       default: "sm"
+    },
+        {
+      attribute: "maxTableHeight",
+      type: "number",
+      description: "The maximum height of the table in pixels. Required when using virtualization.",
+      default: 600
+    },
+    {
+      attribute: "rowHeight",
+      type: "number", 
+      description: "The fixed height of each row item in pixels. Required when using virtualization.",
+      default: 40
+    },
+    {
+      attribute: "isVirtualized",
+      type: "boolean",
+      description: "Whether to enable virtualization. By default, it's enabled when the number of items exceeds 50.",
+      default: "undefined"
     },
     {
       attribute: "hideHeader",
diff --git a/apps/docs/content/docs/components/tabs.mdx b/apps/docs/content/docs/components/tabs.mdx
index 8b8f339e3e..c88f998b56 100644
--- a/apps/docs/content/docs/components/tabs.mdx
+++ b/apps/docs/content/docs/components/tabs.mdx
@@ -169,10 +169,10 @@ function AppTabs() {
   return (
     <div className="flex flex-col gap-2">
       <Tabs selectedKey={pathname} aria-label="Tabs">
-        <Tab id="/" href="/" title="Home" />
-        <Tab id="/photos" href="/photos" title="Photos" />
-        <Tab id="/music" href="/music" title="Music" />
-        <Tab id="/videos" href="/videos" title="Videos" />
+        <Tab key="/" href="/" title="Home" />
+        <Tab key="/photos" href="/photos" title="Photos" />
+        <Tab key="/music" href="/music" title="Music" />
+        <Tab key="/videos" href="/videos" title="Videos" />
       </Tabs>
       <Routes>
         <Route path="/" element={<HomePage />} />
@@ -356,7 +356,7 @@ You can customize the `Tabs` component by passing custom Tailwind CSS classes to
     },
     {
       attribute: "isVertical",
-      type: "boolean", 
+      type: "boolean",
       description: "Whether the tabs are vertical.",
       default: "false"
     },
diff --git a/apps/docs/content/docs/components/toast.mdx b/apps/docs/content/docs/components/toast.mdx
new file mode 100644
index 0000000000..d7a1c27fea
--- /dev/null
+++ b/apps/docs/content/docs/components/toast.mdx
@@ -0,0 +1,343 @@
+---
+title: "Toast"
+description: "Toast are temporary notifications that provide concise feedback about an action or event."
+---
+
+import {toastContent} from "@/content/components/toast";
+
+# Toast
+
+Toasts are temporary notifications that provide concise feedback about an action or event.
+
+<ComponentLinks component="toast" />
+
+---
+
+<CarbonAd />
+
+## Installation
+
+<PackageManagers
+  showGlobalInstallWarning
+  commands={{
+    cli: "npx heroui-cli@latest add toast",
+    npm: "npm install @heroui/toast",
+    yarn: "yarn add @heroui/toast",
+    pnpm: "pnpm add @heroui/toast",
+    bun: "bun add @heroui/toast",
+  }}
+/>
+
+## Import
+
+<ImportTabs
+  commands={{
+    main: 'import {addToast, ToastProvider} from "@heroui/react";',
+    individual: 'import {addToast, ToastProvider} from "@heroui/toast";',
+  }}
+/>
+
+## Requirement
+
+The `ToastProvider` must be added to the application before using the `addToast` function. This is required to initialize the context for managing toasts.
+
+```jsx {4,9}
+// app/providers.tsx
+
+import {HeroUIProvider} from '@heroui/react'
+import {ToastProvider} from "@heroui/toast";
+
+export default function Providers({children}) {
+  return (
+    <HeroUIProvider>
+      <ToastProvider />
+      {children}
+    </HeroUIProvider>
+  )
+}
+```
+
+<Spacer y={4} />
+
+```jsx {3,9,11}
+// app/layout.tsx
+
+import {Providers} from "./providers";
+
+export default function RootLayout({children}) {
+  return (
+    <html lang="en" className='dark'>
+      <body>
+        <Providers>
+          {children}
+        </Providers>
+      </body>
+    </html>
+  );
+}
+```
+
+
+### Usage
+
+<CodeDemo title="Usage" files={toastContent.usage} />
+
+### Colors
+
+Toast comes with 6 color variants to convey different meanings.
+
+<CodeDemo title="Color" files={toastContent.color} />
+
+### Variants
+
+<CodeDemo
+  title="Variants"
+  files={toastContent.variants}
+/>
+
+### Radius
+
+<CodeDemo
+  title="Radius"
+  files={toastContent.radius}
+/>
+
+### Toast Placement
+
+<CodeDemo
+  title="Placement"
+  files={toastContent.placement}
+/>
+
+### Custom Styles
+
+You can customize the alert by passing custom Tailwind CSS classes to the component slots.
+
+<CodeDemo
+  title="Custom Style"
+  files={toastContent.customStyles}
+/>
+
+### Custom Close Icon
+
+You can pass a custom close icon to the toast by passing the `closeIcon` prop and a custom class name to the `closeButton` slot.
+
+<CodeDemo
+  title="Custom Close Icon"
+  files={toastContent.customCloseIcon}
+/>
+
+### Global Toast Props
+
+You can pass global toast props to the `ToastProvider` to apply to all toasts.
+
+```jsx
+<ToastProvider 
+  toastProps={{
+    radius: "full",
+    color: "primary",
+    variant: "flat",
+    timeout: 1000,
+    hideIcon: true,
+    classNames: {
+      closeButton: "opacity-100 absolute right-4 top-1/2 -translate-y-1/2",
+    },
+  }} 
+/>
+```
+
+<Spacer y={4} />
+
+## Data Attributes
+
+Toast has the following attributes on the `base` element:
+
+- **data-has-title**: When the toast has a title
+- **data-has-description**: When the toast has a description
+- **data-animation**: Shows the current animation of toast ("entering", "queued", "exiting", "undefined")
+- **data-placement**: Where the toast is placed on the view-port.
+- **data-drag-value**: Value by which the toast is dragged from it's original position. (This remains "0" in case of disabledAnimation)
+
+<Spacer y={4} />
+
+### Slots
+
+Toast has the following slots:
+
+- `base`: The main toast container element
+- `title`: The title element
+- `description`: The description element
+- `icon`: The icon element
+- `loadingIcon`: The icon to be displayed until `promise` is resolved/rejected.
+- `content`: The wrapper for the title, description and icon content.
+- `motionDiv`: The motion.div for the FramerMotion.
+- `progressTrack`: The track of the progressBar.
+- `progressIndicator`: The indicator of the progressBar.
+- `closeButton`: The close button element
+- `closeIcon`: The icon which resides in the close button.
+
+
+## Accessibility
+
+- Toast has role of `alert`
+- All Toasts are present in ToastRegion.
+- Close button has aria-label="Close" by default
+- When no toast are present, ToastRegion is removed from the DOM
+
+<Spacer y={4} />
+
+## API
+
+### Toast Props
+
+<APITable
+  data={[
+    {
+      attribute: "title",
+      type: "ReactNode",
+      description: "The alert title",
+      default: "-"
+    },
+    {
+      attribute: "icon", 
+      type: "ReactNode",
+      description: "The alert icon - overrides the default icon",
+      default: "-"
+    },
+    {
+      attribute: "description",
+      type: "ReactNode", 
+      description: "The alert description",
+      default: "-"
+    },
+    {
+      attribute: "color",
+      type: "default | primary | secondary | success | warning | danger",
+      description: "The alert color theme",
+      default: "default"
+    },
+    {
+      attribute: "variant",
+      type: "solid | bordered | flat",
+      description: "The alert variant",
+      default: "flat"
+    },
+    {
+      attribute: "radius",
+      type: "none | sm | md | lg | full",
+      description: "The alert border radius",
+      default: "md"
+    },
+    {
+      attribute: "endContent",
+      type: "ReactNode",
+      description: "The alert end content", 
+      default: "-"
+    },
+    {
+      attribute: "closeIcon",
+      type: "ReactNode",
+      description: "The close icon for the toast - overrides the default close icon",
+      default: "-"
+    },
+    {
+      attribute: "timeout",
+      type: "number",
+      description: "Time in milliseconds after which the toast will be closed", 
+      default: "6000"
+    },
+    {
+      attribute: "promise",
+      type: "Promise | undefined",
+      description: "Promise based on which the notification will be styled",
+      default: "undefined"
+    },
+    {
+      attribute: "loadingIcon", 
+      type: "ReactNode",
+      description: "The loading icon for toasts with promise prop - overrides the default loading icon",
+      default: "-"
+    },
+    {
+      attribute: "priority",
+      type: "number | undefined",
+      description: "Priority at which the toast will be displayed",
+      default: "undefined",
+    },
+    {
+      attribute: "hideIcon",
+      type: "boolean",
+      description: "Hides icon when true",
+      default: "false"
+    },
+    {
+      attribute: "hideCloseButton",
+      type: "boolean",
+      description: "Hides closeButton when true",
+      default: "false"
+    },
+    {
+      attribute: "shouldShowTimeoutProgress",
+      type: "boolean",
+      description: "Whether to indicate the timeout progress or not",
+      default: "false",
+    },
+    {
+      attribute: "classNames",
+      type: "Partial<Record<\"base\" | \"content\" | \"title\" | \"description\" | \"icon\" | \"loadingIcon\" | \"progressTrack\" | \"progressIndicator\ | \"motionDiv\" | \"closeButton\" | \"closeIcon\", string>>",
+      description: "Allows to set custom class names for the toast slots.",
+      default: "-"
+    }
+  ]}
+/>
+
+### ToastProvider Props
+
+<APITable
+  data={[
+    {
+      attribute: "maxVisibleToasts",
+      type: "number",
+      description: "Maximum toasts which will be visible",
+      default: "5"
+    },
+    {
+      attribute: "placement", 
+      type: "right-bottom" | "left-bottom" | "center-bottom" | "right-top" | "left-top" | "center-top",
+      description: "The placement of the toast.",
+      default: "right-bottom"
+    },
+    {
+      attribute: "disableAnimation", 
+      type: "boolean",
+      description: "Disables the animation.",
+      default: "false"
+    },
+    {
+      attribute: "toastOffset",
+      type: "number",
+      description: "offset distance from the top or bottom",
+      default: "0"
+    },
+    {
+      attribute: "toastProps",
+      type: "ToastProps",
+      description: "Props to be passed to all toasts",
+      default: "-"
+    },
+  ]}
+/>
+
+
+### Toast Events
+
+<APITable
+  data={[
+    {
+      attribute: "onClose",
+      type: "() => void",
+      description: "Handler called when the close button is clicked",
+      default: "-"
+    }
+  ]}
+/>
\ No newline at end of file
diff --git a/apps/docs/package.json b/apps/docs/package.json
index 4440ad4141..7c8d0c8c16 100644
--- a/apps/docs/package.json
+++ b/apps/docs/package.json
@@ -53,7 +53,7 @@
     "@react-stately/tree": "3.8.7",
     "@rehooks/local-storage": "^2.4.5",
     "@stackblitz/sdk": "^1.11.0",
-    "@tanstack/react-virtual": "3.11.2",
+    "@tanstack/react-virtual": "3.11.3",
     "@vercel/analytics": "^1.4.1",
     "canvas-confetti": "^1.9.2",
     "clsx": "^1.2.1",
@@ -136,7 +136,7 @@
     "prettier": "^2.7.1",
     "tailwindcss": "3.4.14",
     "tsx": "^3.8.2",
-    "typescript": "^5.5.0",
+    "typescript": "^5.7.3",
     "uuid": "^8.3.2"
   },
   "pnpm": {
diff --git a/apps/docs/tailwind.config.js b/apps/docs/tailwind.config.js
index 9668d14742..8f3748517e 100644
--- a/apps/docs/tailwind.config.js
+++ b/apps/docs/tailwind.config.js
@@ -69,6 +69,9 @@ module.exports = {
         "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
         "gradient-conic": "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
       },
+      spacing: {
+        'toast-gap': 'var(--toast-gap)',
+      },
       typography: (theme) => ({
         DEFAULT: {
           css: {
diff --git a/package.json b/package.json
index dce5bbcd4d..03b459ab89 100644
--- a/package.json
+++ b/package.json
@@ -3,10 +3,7 @@
   "private": true,
   "version": "2.0.0",
   "license": "MIT",
-  "author": {
-    "name": "Junior Garcia",
-    "email": "jrgarciadev@gmail.com"
-  },
+  "author": "HeroUI <support@heroui.com>",
   "repository": {
     "type": "git",
     "url": "https://github.com/heroui-inc/heroui"
@@ -133,7 +130,7 @@
     "tsup": "8.3.5",
     "tsx": "^4.19.2",
     "turbo": "1.6.3",
-    "typescript": "^5.5.0",
+    "typescript": "^5.7.3",
     "webpack": "^5.53.0",
     "webpack-bundle-analyzer": "^4.4.2",
     "webpack-cli": "^3.3.11",
diff --git a/packages/components/accordion/package.json b/packages/components/accordion/package.json
index b98f1c8f78..d84ec68ce7 100644
--- a/packages/components/accordion/package.json
+++ b/packages/components/accordion/package.json
@@ -11,7 +11,7 @@
     "expand",
     "tree view"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/alert/package.json b/packages/components/alert/package.json
index 621fa5f369..63b0511560 100644
--- a/packages/components/alert/package.json
+++ b/packages/components/alert/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "alert"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "contributors": [
     "Abhinav Agarwal <abhinavagrawl700@gmail.com>",
     "WK Wong <wingkwong.code@gmail.com>"
diff --git a/packages/components/autocomplete/__tests__/autocomplete.test.tsx b/packages/components/autocomplete/__tests__/autocomplete.test.tsx
index e6e189fe9a..79c09386c0 100644
--- a/packages/components/autocomplete/__tests__/autocomplete.test.tsx
+++ b/packages/components/autocomplete/__tests__/autocomplete.test.tsx
@@ -67,15 +67,9 @@ const ControlledAutocomplete = <T extends object>(props: AutocompleteProps<T>) =
 
 const AutocompleteExample = (props: Partial<AutocompleteProps> = {}) => (
   <Autocomplete label="Favorite Animal" {...props}>
-    <AutocompleteItem key="penguin" value="penguin">
-      Penguin
-    </AutocompleteItem>
-    <AutocompleteItem key="zebra" value="zebra">
-      Zebra
-    </AutocompleteItem>
-    <AutocompleteItem key="shark" value="shark">
-      Shark
-    </AutocompleteItem>
+    <AutocompleteItem key="penguin">Penguin</AutocompleteItem>
+    <AutocompleteItem key="zebra">Zebra</AutocompleteItem>
+    <AutocompleteItem key="shark">Shark</AutocompleteItem>
   </Autocomplete>
 );
 
@@ -102,15 +96,9 @@ describe("Autocomplete", () => {
 
     render(
       <Autocomplete ref={ref} aria-label="Favorite Animal" label="Favorite Animal">
-        <AutocompleteItem key="penguin" value="penguin">
-          Penguin
-        </AutocompleteItem>
-        <AutocompleteItem key="zebra" value="zebra">
-          Zebra
-        </AutocompleteItem>
-        <AutocompleteItem key="shark" value="shark">
-          Shark
-        </AutocompleteItem>
+        <AutocompleteItem key="penguin">Penguin</AutocompleteItem>
+        <AutocompleteItem key="zebra">Zebra</AutocompleteItem>
+        <AutocompleteItem key="shark">Shark</AutocompleteItem>
       </Autocomplete>,
     );
 
@@ -131,17 +119,11 @@ describe("Autocomplete", () => {
     const wrapper = render(
       <Autocomplete aria-label="Favorite Animal" label="Favorite Animal">
         <AutocompleteSection title="Birds">
-          <AutocompleteItem key="penguin" value="penguin">
-            Penguin
-          </AutocompleteItem>
+          <AutocompleteItem key="penguin">Penguin</AutocompleteItem>
         </AutocompleteSection>
         <AutocompleteSection title="Mammals">
-          <AutocompleteItem key="zebra" value="zebra">
-            Zebra
-          </AutocompleteItem>
-          <AutocompleteItem key="shark" value="shark">
-            Shark
-          </AutocompleteItem>
+          <AutocompleteItem key="zebra">Zebra</AutocompleteItem>
+          <AutocompleteItem key="shark">Shark</AutocompleteItem>
         </AutocompleteSection>
       </Autocomplete>,
     );
@@ -171,15 +153,9 @@ describe("Autocomplete", () => {
   it("should focus when clicking autocomplete", async () => {
     const wrapper = render(
       <Autocomplete aria-label="Favorite Animal" data-testid="autocomplete" label="Favorite Animal">
-        <AutocompleteItem key="penguin" value="penguin">
-          Penguin
-        </AutocompleteItem>
-        <AutocompleteItem key="zebra" value="zebra">
-          Zebra
-        </AutocompleteItem>
-        <AutocompleteItem key="shark" value="shark">
-          Shark
-        </AutocompleteItem>
+        <AutocompleteItem key="penguin">Penguin</AutocompleteItem>
+        <AutocompleteItem key="zebra">Zebra</AutocompleteItem>
+        <AutocompleteItem key="shark">Shark</AutocompleteItem>
       </Autocomplete>,
     );
 
@@ -198,15 +174,9 @@ describe("Autocomplete", () => {
   it("should clear value after clicking clear button", async () => {
     const wrapper = render(
       <Autocomplete aria-label="Favorite Animal" data-testid="autocomplete" label="Favorite Animal">
-        <AutocompleteItem key="penguin" value="penguin">
-          Penguin
-        </AutocompleteItem>
-        <AutocompleteItem key="zebra" value="zebra">
-          Zebra
-        </AutocompleteItem>
-        <AutocompleteItem key="shark" value="shark">
-          Shark
-        </AutocompleteItem>
+        <AutocompleteItem key="penguin">Penguin</AutocompleteItem>
+        <AutocompleteItem key="zebra">Zebra</AutocompleteItem>
+        <AutocompleteItem key="shark">Shark</AutocompleteItem>
       </Autocomplete>,
     );
 
@@ -244,15 +214,9 @@ describe("Autocomplete", () => {
   it("should clear arbitrary value after clicking clear button", async () => {
     const wrapper = render(
       <Autocomplete aria-label="Favorite Animal" data-testid="autocomplete" label="Favorite Animal">
-        <AutocompleteItem key="penguin" value="penguin">
-          Penguin
-        </AutocompleteItem>
-        <AutocompleteItem key="zebra" value="zebra">
-          Zebra
-        </AutocompleteItem>
-        <AutocompleteItem key="shark" value="shark">
-          Shark
-        </AutocompleteItem>
+        <AutocompleteItem key="penguin">Penguin</AutocompleteItem>
+        <AutocompleteItem key="zebra">Zebra</AutocompleteItem>
+        <AutocompleteItem key="shark">Shark</AutocompleteItem>
       </Autocomplete>,
     );
 
@@ -287,15 +251,9 @@ describe("Autocomplete", () => {
   it("should keep the ListBox open after clicking clear button", async () => {
     const wrapper = render(
       <Autocomplete aria-label="Favorite Animal" data-testid="autocomplete" label="Favorite Animal">
-        <AutocompleteItem key="penguin" value="penguin">
-          Penguin
-        </AutocompleteItem>
-        <AutocompleteItem key="zebra" value="zebra">
-          Zebra
-        </AutocompleteItem>
-        <AutocompleteItem key="shark" value="shark">
-          Shark
-        </AutocompleteItem>
+        <AutocompleteItem key="penguin">Penguin</AutocompleteItem>
+        <AutocompleteItem key="zebra">Zebra</AutocompleteItem>
+        <AutocompleteItem key="shark">Shark</AutocompleteItem>
       </Autocomplete>,
     );
 
@@ -403,15 +361,9 @@ describe("Autocomplete", () => {
   it("should open and close listbox by clicking selector button", async () => {
     const wrapper = render(
       <Autocomplete aria-label="Favorite Animal" data-testid="autocomplete" label="Favorite Animal">
-        <AutocompleteItem key="penguin" value="penguin">
-          Penguin
-        </AutocompleteItem>
-        <AutocompleteItem key="zebra" value="zebra">
-          Zebra
-        </AutocompleteItem>
-        <AutocompleteItem key="shark" value="shark">
-          Shark
-        </AutocompleteItem>
+        <AutocompleteItem key="penguin">Penguin</AutocompleteItem>
+        <AutocompleteItem key="zebra">Zebra</AutocompleteItem>
+        <AutocompleteItem key="shark">Shark</AutocompleteItem>
       </Autocomplete>,
     );
 
@@ -451,15 +403,9 @@ describe("Autocomplete", () => {
         data-testid="close-when-clicking-outside-test"
         label="Favorite Animal"
       >
-        <AutocompleteItem key="penguin" value="penguin">
-          Penguin
-        </AutocompleteItem>
-        <AutocompleteItem key="zebra" value="zebra">
-          Zebra
-        </AutocompleteItem>
-        <AutocompleteItem key="shark" value="shark">
-          Shark
-        </AutocompleteItem>
+        <AutocompleteItem key="penguin">Penguin</AutocompleteItem>
+        <AutocompleteItem key="zebra">Zebra</AutocompleteItem>
+        <AutocompleteItem key="shark">Shark</AutocompleteItem>
       </Autocomplete>,
     );
 
@@ -492,15 +438,9 @@ describe("Autocomplete", () => {
               data-testid="close-when-clicking-outside-test"
               label="Favorite Animal"
             >
-              <AutocompleteItem key="penguin" value="penguin">
-                Penguin
-              </AutocompleteItem>
-              <AutocompleteItem key="zebra" value="zebra">
-                Zebra
-              </AutocompleteItem>
-              <AutocompleteItem key="shark" value="shark">
-                Shark
-              </AutocompleteItem>
+              <AutocompleteItem key="penguin">Penguin</AutocompleteItem>
+              <AutocompleteItem key="zebra">Zebra</AutocompleteItem>
+              <AutocompleteItem key="shark">Shark</AutocompleteItem>
             </Autocomplete>
           </ModalBody>
           <ModalFooter>Modal footer</ModalFooter>
@@ -527,15 +467,9 @@ describe("Autocomplete", () => {
   it("should set the input after selection", async () => {
     const wrapper = render(
       <Autocomplete aria-label="Favorite Animal" data-testid="autocomplete" label="Favorite Animal">
-        <AutocompleteItem key="penguin" value="penguin">
-          Penguin
-        </AutocompleteItem>
-        <AutocompleteItem key="zebra" value="zebra">
-          Zebra
-        </AutocompleteItem>
-        <AutocompleteItem key="shark" value="shark">
-          Shark
-        </AutocompleteItem>
+        <AutocompleteItem key="penguin">Penguin</AutocompleteItem>
+        <AutocompleteItem key="zebra">Zebra</AutocompleteItem>
+        <AutocompleteItem key="shark">Shark</AutocompleteItem>
       </Autocomplete>,
     );
 
@@ -569,30 +503,18 @@ describe("Autocomplete", () => {
           data-testid="autocomplete"
           label="Favorite Animal"
         >
-          <AutocompleteItem key="penguin" value="penguin">
-            Penguin
-          </AutocompleteItem>
-          <AutocompleteItem key="zebra" value="zebra">
-            Zebra
-          </AutocompleteItem>
-          <AutocompleteItem key="shark" value="shark">
-            Shark
-          </AutocompleteItem>
+          <AutocompleteItem key="penguin">Penguin</AutocompleteItem>
+          <AutocompleteItem key="zebra">Zebra</AutocompleteItem>
+          <AutocompleteItem key="shark">Shark</AutocompleteItem>
         </Autocomplete>
         <Autocomplete
           aria-label="Favorite Animal"
           data-testid="autocomplete2"
           label="Favorite Animal"
         >
-          <AutocompleteItem key="penguin" value="penguin">
-            Penguin
-          </AutocompleteItem>
-          <AutocompleteItem key="zebra" value="zebra">
-            Zebra
-          </AutocompleteItem>
-          <AutocompleteItem key="shark" value="shark">
-            Shark
-          </AutocompleteItem>
+          <AutocompleteItem key="penguin">Penguin</AutocompleteItem>
+          <AutocompleteItem key="zebra">Zebra</AutocompleteItem>
+          <AutocompleteItem key="shark">Shark</AutocompleteItem>
         </Autocomplete>
       </>,
     );
diff --git a/packages/components/autocomplete/package.json b/packages/components/autocomplete/package.json
index 4efb159172..4d61602cfa 100644
--- a/packages/components/autocomplete/package.json
+++ b/packages/components/autocomplete/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "autocomplete"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/autocomplete/stories/autocomplete.stories.tsx b/packages/components/autocomplete/stories/autocomplete.stories.tsx
index ae11e2bfe4..e67c2a6e2f 100644
--- a/packages/components/autocomplete/stories/autocomplete.stories.tsx
+++ b/packages/components/autocomplete/stories/autocomplete.stories.tsx
@@ -89,9 +89,7 @@ const defaultProps = {
 };
 
 const items = animalsData.map((item) => (
-  <AutocompleteItem key={item.value} value={item.value}>
-    {item.label}
-  </AutocompleteItem>
+  <AutocompleteItem key={item.value}>{item.label}</AutocompleteItem>
 ));
 
 interface LargeDatasetSchema {
@@ -138,9 +136,7 @@ const LargeDatasetTemplate = (args: AutocompleteProps & {numItems: number}) => {
   return (
     <Autocomplete label={`Search from ${args.numItems} items`} {...args}>
       {largeDataset.map((item, index) => (
-        <AutocompleteItem key={index} value={item.value}>
-          {item.label}
-        </AutocompleteItem>
+        <AutocompleteItem key={index}>{item.label}</AutocompleteItem>
       ))}
     </Autocomplete>
   );
diff --git a/packages/components/avatar/package.json b/packages/components/avatar/package.json
index 31c8f6f201..b5a98af731 100644
--- a/packages/components/avatar/package.json
+++ b/packages/components/avatar/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "avatar"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/badge/package.json b/packages/components/badge/package.json
index 260473d2d8..0a5bca9766 100644
--- a/packages/components/badge/package.json
+++ b/packages/components/badge/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "badge"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/breadcrumbs/package.json b/packages/components/breadcrumbs/package.json
index 54fb9e2942..f8ae55431a 100644
--- a/packages/components/breadcrumbs/package.json
+++ b/packages/components/breadcrumbs/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "breadcrumbs"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/button/package.json b/packages/components/button/package.json
index 3fe85e79cc..29d333ad7a 100644
--- a/packages/components/button/package.json
+++ b/packages/components/button/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "button"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/button/src/index.ts b/packages/components/button/src/index.ts
index 3ea2ab6c78..030275dcc1 100644
--- a/packages/components/button/src/index.ts
+++ b/packages/components/button/src/index.ts
@@ -4,6 +4,7 @@ import ButtonGroup from "./button-group";
 // export types
 export type {ButtonProps} from "./button";
 export type {ButtonGroupProps} from "./button-group";
+export type {PressEvent} from "@react-types/shared";
 
 // export hooks
 export {useButton} from "./use-button";
diff --git a/packages/components/calendar/package.json b/packages/components/calendar/package.json
index ace9deb518..d7b8afa2eb 100644
--- a/packages/components/calendar/package.json
+++ b/packages/components/calendar/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "calendar"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/card/package.json b/packages/components/card/package.json
index 2e95c9c8e1..653cf4fa72 100644
--- a/packages/components/card/package.json
+++ b/packages/components/card/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "card"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/checkbox/package.json b/packages/components/checkbox/package.json
index c57e6a0aaf..0557506e26 100644
--- a/packages/components/checkbox/package.json
+++ b/packages/components/checkbox/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "checkbox"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/checkbox/src/checkbox-icon.tsx b/packages/components/checkbox/src/checkbox-icon.tsx
index 3b541bc069..3847acedf8 100644
--- a/packages/components/checkbox/src/checkbox-icon.tsx
+++ b/packages/components/checkbox/src/checkbox-icon.tsx
@@ -6,24 +6,27 @@ function CheckIcon(props: CheckboxIconProps) {
   const {isSelected, disableAnimation, ...otherProps} = props;
 
   return (
-    <svg aria-hidden="true" role="presentation" viewBox="0 0 17 18" {...otherProps}>
-      <polyline
-        fill="none"
-        points="1 9 7 14 15 4"
-        stroke="currentColor"
-        strokeDasharray={22}
-        strokeDashoffset={isSelected ? 44 : 66}
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth={2}
-        style={
-          !disableAnimation && isSelected
-            ? {
-                transition: "stroke-dashoffset 250ms linear 0.2s",
-              }
-            : {}
-        }
-      />
+    <svg
+      aria-hidden="true"
+      fill="none"
+      role="presentation"
+      stroke="currentColor"
+      strokeDasharray={22}
+      strokeDashoffset={isSelected ? 44 : 66}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={2}
+      style={
+        !disableAnimation && isSelected
+          ? {
+              transition: "stroke-dashoffset 250ms linear 0.2s",
+            }
+          : {}
+      }
+      viewBox="0 0 17 18"
+      {...otherProps}
+    >
+      <polyline points="1 9 7 14 15 4" />
     </svg>
   );
 }
diff --git a/packages/components/chip/package.json b/packages/components/chip/package.json
index 9120bbcb1e..357f9a7a17 100644
--- a/packages/components/chip/package.json
+++ b/packages/components/chip/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "chip"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/code/package.json b/packages/components/code/package.json
index 0aa1346ce0..963d32c015 100644
--- a/packages/components/code/package.json
+++ b/packages/components/code/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "code"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/date-input/package.json b/packages/components/date-input/package.json
index 25ce744688..538bfda0ad 100644
--- a/packages/components/date-input/package.json
+++ b/packages/components/date-input/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "date-field"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/date-picker/package.json b/packages/components/date-picker/package.json
index f277f2d1a3..ff569d0a00 100644
--- a/packages/components/date-picker/package.json
+++ b/packages/components/date-picker/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "date-picker"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/divider/package.json b/packages/components/divider/package.json
index df2a3c1b37..d7e960d9e8 100644
--- a/packages/components/divider/package.json
+++ b/packages/components/divider/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "divider"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/drawer/package.json b/packages/components/drawer/package.json
index 70355409ab..4cd069bb50 100644
--- a/packages/components/drawer/package.json
+++ b/packages/components/drawer/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "drawer"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/dropdown/package.json b/packages/components/dropdown/package.json
index 392d4ae764..9dca3ad790 100644
--- a/packages/components/dropdown/package.json
+++ b/packages/components/dropdown/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "dropdown"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/form/package.json b/packages/components/form/package.json
index c9b39d571c..d4fb78bf8e 100644
--- a/packages/components/form/package.json
+++ b/packages/components/form/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "form"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/image/package.json b/packages/components/image/package.json
index eab43d16df..09ca57f59a 100644
--- a/packages/components/image/package.json
+++ b/packages/components/image/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "image"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/input-otp/package.json b/packages/components/input-otp/package.json
index f8de8bd81d..31ff72e104 100644
--- a/packages/components/input-otp/package.json
+++ b/packages/components/input-otp/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "input-otp"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/input/package.json b/packages/components/input/package.json
index efa012f326..b7a32fc786 100644
--- a/packages/components/input/package.json
+++ b/packages/components/input/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "input"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/kbd/package.json b/packages/components/kbd/package.json
index 235c38fe6a..00322d0e16 100644
--- a/packages/components/kbd/package.json
+++ b/packages/components/kbd/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "kbd"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/link/package.json b/packages/components/link/package.json
index b1e5aa131d..6fe1c722c2 100644
--- a/packages/components/link/package.json
+++ b/packages/components/link/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "link"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/listbox/__tests__/listbox.test.tsx b/packages/components/listbox/__tests__/listbox.test.tsx
index 60614536bf..720f31aea7 100644
--- a/packages/components/listbox/__tests__/listbox.test.tsx
+++ b/packages/components/listbox/__tests__/listbox.test.tsx
@@ -299,4 +299,48 @@ describe("Listbox", () => {
 
     expect(menuItem).not.toHaveProperty("className", expect.stringContaining("truncate"));
   });
+
+  it("should trigger press events", async () => {
+    const onPress = jest.fn();
+    const onPressStart = jest.fn();
+    const onPressEnd = jest.fn();
+    const onPressUp = jest.fn();
+    const onPressChange = jest.fn();
+
+    const {getAllByRole} = render(
+      <Listbox aria-label="Actions">
+        <ListboxItem
+          key="new"
+          onPress={onPress}
+          onPressChange={onPressChange}
+          onPressEnd={onPressEnd}
+          onPressStart={onPressStart}
+          onPressUp={onPressUp}
+        >
+          New file
+        </ListboxItem>
+        <ListboxItem key="copy">Copy link</ListboxItem>
+        <ListboxItem key="edit">Edit file</ListboxItem>
+        <ListboxItem key="delete" color="danger">
+          Delete file
+        </ListboxItem>
+      </Listbox>,
+    );
+
+    let listboxItems = getAllByRole("option");
+
+    expect(listboxItems.length).toBe(4);
+
+    await user.click(listboxItems[0]);
+
+    expect(onPress).toHaveBeenCalled();
+
+    expect(onPressStart).toHaveBeenCalled();
+
+    expect(onPressEnd).toHaveBeenCalled();
+
+    expect(onPressUp).toHaveBeenCalled();
+
+    expect(onPressChange).toHaveBeenCalled();
+  });
 });
diff --git a/packages/components/listbox/package.json b/packages/components/listbox/package.json
index f613bdcca5..4d905495de 100644
--- a/packages/components/listbox/package.json
+++ b/packages/components/listbox/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "listbox"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
@@ -45,7 +45,7 @@
     "@heroui/react-utils": "workspace:*",
     "@heroui/shared-utils": "workspace:*",
     "@heroui/use-is-mobile": "workspace:*",
-    "@tanstack/react-virtual": "3.11.2",
+    "@tanstack/react-virtual": "3.11.3",
     "@react-aria/utils": "3.27.0",
     "@react-aria/listbox": "3.14.0",
     "@react-stately/list": "3.11.2",
diff --git a/packages/components/listbox/src/base/listbox-item-base.tsx b/packages/components/listbox/src/base/listbox-item-base.tsx
index dc1fd730b3..f955ff672f 100644
--- a/packages/components/listbox/src/base/listbox-item-base.tsx
+++ b/packages/components/listbox/src/base/listbox-item-base.tsx
@@ -103,7 +103,7 @@ export type ListboxItemBaseProps<T extends object = {}> = Omit<Props<T>, "onClic
   };
 
 const ListboxItemBase = BaseItem as <T extends object>(
-  props: ListboxItemBaseProps<T>,
+  props: Omit<ListboxItemBaseProps<T>, "value">,
 ) => JSX.Element;
 
 export default ListboxItemBase;
diff --git a/packages/components/listbox/src/use-listbox-item.ts b/packages/components/listbox/src/use-listbox-item.ts
index cb9abd7237..d9e0ca4ec9 100644
--- a/packages/components/listbox/src/use-listbox-item.ts
+++ b/packages/components/listbox/src/use-listbox-item.ts
@@ -41,6 +41,10 @@ export function useListboxItem<T extends object>(originalProps: UseListboxItemPr
     classNames,
     autoFocus,
     onPress,
+    onPressUp,
+    onPressStart,
+    onPressEnd,
+    onPressChange,
     onClick: deprecatedOnClick,
     shouldHighlightOnFocus,
     hideSelectedIcon = false,
@@ -74,6 +78,10 @@ export function useListboxItem<T extends object>(originalProps: UseListboxItemPr
     ref: domRef,
     isDisabled: isDisabled,
     onPress,
+    onPressUp,
+    onPressStart,
+    onPressEnd,
+    onPressChange,
   });
 
   const {isHovered, hoverProps} = useHover({
diff --git a/packages/components/listbox/stories/listbox.stories.tsx b/packages/components/listbox/stories/listbox.stories.tsx
index a096fbf3b8..c399302382 100644
--- a/packages/components/listbox/stories/listbox.stories.tsx
+++ b/packages/components/listbox/stories/listbox.stories.tsx
@@ -725,9 +725,7 @@ const LargeDatasetTemplate = (args: ListboxProps & {numItems: number}) => {
     <div className="flex w-full max-w-full py-20 px-20">
       <Listbox label={`Select from ${args.numItems} items`} {...args}>
         {largeDataset.map((item, index) => (
-          <ListboxItem key={index} value={item.value}>
-            {item.label}
-          </ListboxItem>
+          <ListboxItem key={index}>{item.label}</ListboxItem>
         ))}
       </Listbox>
     </div>
diff --git a/packages/components/menu/package.json b/packages/components/menu/package.json
index 7cb7fbb5ea..4ddea89654 100644
--- a/packages/components/menu/package.json
+++ b/packages/components/menu/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "menu"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/modal/package.json b/packages/components/modal/package.json
index 3457618998..401847a00c 100644
--- a/packages/components/modal/package.json
+++ b/packages/components/modal/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "modal"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/navbar/package.json b/packages/components/navbar/package.json
index ce37160280..06b80fa6b9 100644
--- a/packages/components/navbar/package.json
+++ b/packages/components/navbar/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "navbar"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/pagination/package.json b/packages/components/pagination/package.json
index fa389867b7..bc371973ec 100644
--- a/packages/components/pagination/package.json
+++ b/packages/components/pagination/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "pagination"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/popover/package.json b/packages/components/popover/package.json
index d4e4c15fd3..76c54dd1d8 100644
--- a/packages/components/popover/package.json
+++ b/packages/components/popover/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "popover"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/progress/package.json b/packages/components/progress/package.json
index 7e4194fbdf..2ebf035dba 100644
--- a/packages/components/progress/package.json
+++ b/packages/components/progress/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "progress"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/radio/package.json b/packages/components/radio/package.json
index dc989a03e0..f354218e06 100644
--- a/packages/components/radio/package.json
+++ b/packages/components/radio/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "radio"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/ripple/package.json b/packages/components/ripple/package.json
index 20121afeed..e69b7806df 100644
--- a/packages/components/ripple/package.json
+++ b/packages/components/ripple/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "ripple"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/scroll-shadow/package.json b/packages/components/scroll-shadow/package.json
index 6d69427ad3..22199c0820 100644
--- a/packages/components/scroll-shadow/package.json
+++ b/packages/components/scroll-shadow/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "scroll-shadow"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/select/__tests__/select.test.tsx b/packages/components/select/__tests__/select.test.tsx
index e189af03c0..8885e73858 100644
--- a/packages/components/select/__tests__/select.test.tsx
+++ b/packages/components/select/__tests__/select.test.tsx
@@ -526,15 +526,9 @@ describe("Select", () => {
           data-testid="select"
           label="Favorite Animal"
         >
-          <SelectItem key="penguin" value="penguin">
-            Penguin
-          </SelectItem>
-          <SelectItem key="zebra" value="zebra">
-            Zebra
-          </SelectItem>
-          <SelectItem key="shark" value="shark">
-            Shark
-          </SelectItem>
+          <SelectItem key="penguin">Penguin</SelectItem>
+          <SelectItem key="zebra">Zebra</SelectItem>
+          <SelectItem key="shark">Shark</SelectItem>
         </Select>
         <Select
           disableAnimation
@@ -542,15 +536,9 @@ describe("Select", () => {
           data-testid="select2"
           label="Favorite Animal"
         >
-          <SelectItem key="penguin" value="penguin">
-            Penguin
-          </SelectItem>
-          <SelectItem key="zebra" value="zebra">
-            Zebra
-          </SelectItem>
-          <SelectItem key="shark" value="shark">
-            Shark
-          </SelectItem>
+          <SelectItem key="penguin">Penguin</SelectItem>
+          <SelectItem key="zebra">Zebra</SelectItem>
+          <SelectItem key="shark">Shark</SelectItem>
         </Select>
       </>,
     );
@@ -688,15 +676,9 @@ describe("Select", () => {
         data-testid="select"
         label="Favorite Animal"
       >
-        <SelectItem key="penguin" value="penguin">
-          Penguin
-        </SelectItem>
-        <SelectItem key="zebra" value="zebra">
-          Zebra
-        </SelectItem>
-        <SelectItem key="shark" value="shark">
-          Shark
-        </SelectItem>
+        <SelectItem key="penguin">Penguin</SelectItem>
+        <SelectItem key="zebra">Zebra</SelectItem>
+        <SelectItem key="shark">Shark</SelectItem>
       </Select>,
     );
 
@@ -736,9 +718,7 @@ describe("Select", () => {
         onChange={onChange}
       >
         {options.map((o) => (
-          <SelectItem key={o} value={o}>
-            {o}
-          </SelectItem>
+          <SelectItem key={o}>{o}</SelectItem>
         ))}
       </Select>,
     );
@@ -775,9 +755,7 @@ describe("Select", () => {
         onChange={onChange}
       >
         {options.map((o) => (
-          <SelectItem key={o} value={o}>
-            {o}
-          </SelectItem>
+          <SelectItem key={o}>{o}</SelectItem>
         ))}
       </Select>,
     );
@@ -808,15 +786,9 @@ describe("Select", () => {
         labelPlacement="outside"
         placeholder="placeholder"
       >
-        <SelectItem key="penguin" value="penguin">
-          Penguin
-        </SelectItem>
-        <SelectItem key="zebra" value="zebra">
-          Zebra
-        </SelectItem>
-        <SelectItem key="shark" value="shark">
-          Shark
-        </SelectItem>
+        <SelectItem key="penguin">Penguin</SelectItem>
+        <SelectItem key="zebra">Zebra</SelectItem>
+        <SelectItem key="shark">Shark</SelectItem>
       </Select>,
     );
 
@@ -838,15 +810,9 @@ describe("Select", () => {
         label={labelContent}
         placeholder="placeholder"
       >
-        <SelectItem key="penguin" value="penguin">
-          Penguin
-        </SelectItem>
-        <SelectItem key="zebra" value="zebra">
-          Zebra
-        </SelectItem>
-        <SelectItem key="shark" value="shark">
-          Shark
-        </SelectItem>
+        <SelectItem key="penguin">Penguin</SelectItem>
+        <SelectItem key="zebra">Zebra</SelectItem>
+        <SelectItem key="shark">Shark</SelectItem>
       </Select>,
     );
 
@@ -972,9 +938,7 @@ describe("Select virtualization tests", () => {
           onChange={onChange}
         >
           {options.map((o) => (
-            <SelectItem key={o} value={o}>
-              {o}
-            </SelectItem>
+            <SelectItem key={o}>{o}</SelectItem>
           ))}
         </Select>
       </div>,
@@ -1007,9 +971,7 @@ describe("Select virtualization tests", () => {
           onChange={onChange}
         >
           {options.map((o) => (
-            <SelectItem key={o} value={o}>
-              {o}
-            </SelectItem>
+            <SelectItem key={o}>{o}</SelectItem>
           ))}
         </Select>
       </div>,
@@ -1060,9 +1022,7 @@ describe("Select virtualization tests", () => {
           onChange={onChange}
         >
           {options.map((o) => (
-            <SelectItem key={o} value={o}>
-              {o}
-            </SelectItem>
+            <SelectItem key={o}>{o}</SelectItem>
           ))}
         </Select>
       </div>,
@@ -1115,9 +1075,7 @@ describe("Select virtualization tests", () => {
           onChange={onChange}
         >
           {options.map((o) => (
-            <SelectItem key={o} value={o}>
-              {o}
-            </SelectItem>
+            <SelectItem key={o}>{o}</SelectItem>
           ))}
         </Select>
       </div>,
diff --git a/packages/components/select/package.json b/packages/components/select/package.json
index 7b576e621a..ce2044495f 100644
--- a/packages/components/select/package.json
+++ b/packages/components/select/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "select"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
@@ -59,7 +59,7 @@
     "@react-aria/utils": "3.27.0",
     "@react-aria/visually-hidden": "3.8.19",
     "@react-types/shared": "3.27.0",
-    "@tanstack/react-virtual": "3.11.2"
+    "@tanstack/react-virtual": "3.11.3"
   },
   "devDependencies": {
     "@heroui/avatar": "workspace:*",
diff --git a/packages/components/select/stories/select.stories.tsx b/packages/components/select/stories/select.stories.tsx
index 531da2f07b..822177a6be 100644
--- a/packages/components/select/stories/select.stories.tsx
+++ b/packages/components/select/stories/select.stories.tsx
@@ -69,11 +69,7 @@ const defaultProps = {
   ...select.defaultVariants,
 };
 
-const items = animalsData.map((item) => (
-  <SelectItem key={item.value} value={item.value}>
-    {item.label}
-  </SelectItem>
-));
+const items = animalsData.map((item) => <SelectItem key={item.value}>{item.label}</SelectItem>);
 
 const Template = ({color, variant, ...args}: SelectProps) => (
   <Select className="max-w-xs" color={color} label="Favorite Animal" variant={variant} {...args}>
@@ -885,10 +881,8 @@ const LargeDatasetTemplate = (args: SelectProps & {numItems: number}) => {
   return (
     <div className="flex w-full max-w-full py-20 xl:px-32 lg:px-20 px-20">
       <Select label={`Select from ${args.numItems} items`} {...args}>
-        {largeDataset.map((item, index) => (
-          <SelectItem key={index} value={item.value}>
-            {item.label}
-          </SelectItem>
+        {largeDataset.map((item) => (
+          <SelectItem key={item.value}>{item.label}</SelectItem>
         ))}
       </Select>
     </div>
diff --git a/packages/components/skeleton/package.json b/packages/components/skeleton/package.json
index a85e27d81c..07b1dbe31b 100644
--- a/packages/components/skeleton/package.json
+++ b/packages/components/skeleton/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "skeleton"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/slider/package.json b/packages/components/slider/package.json
index 68c0f12686..2ffa053fc0 100644
--- a/packages/components/slider/package.json
+++ b/packages/components/slider/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "slider"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/snippet/package.json b/packages/components/snippet/package.json
index 89a55b0d87..ea1baa0b16 100644
--- a/packages/components/snippet/package.json
+++ b/packages/components/snippet/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "snippet"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/spacer/package.json b/packages/components/spacer/package.json
index 8d32f47156..0f6f1f7a08 100644
--- a/packages/components/spacer/package.json
+++ b/packages/components/spacer/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "spacer"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/spinner/package.json b/packages/components/spinner/package.json
index 429e4b4b7f..4aeb2f2839 100644
--- a/packages/components/spinner/package.json
+++ b/packages/components/spinner/package.json
@@ -7,7 +7,7 @@
     "spinner",
     "progress"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/switch/package.json b/packages/components/switch/package.json
index 0f98ff3c9a..88531f0541 100644
--- a/packages/components/switch/package.json
+++ b/packages/components/switch/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "switch"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/table/package.json b/packages/components/table/package.json
index 74dd084927..32304c9b72 100644
--- a/packages/components/table/package.json
+++ b/packages/components/table/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "table"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
@@ -53,7 +53,8 @@
     "@react-stately/table": "3.13.1",
     "@react-stately/virtualizer": "4.2.1",
     "@react-types/grid": "3.2.11",
-    "@react-types/table": "3.10.4"
+    "@react-types/table": "3.10.4",
+    "@tanstack/react-virtual": "3.11.3"
   },
   "devDependencies": {
     "@heroui/theme": "workspace:*",
diff --git a/packages/components/table/src/table-row-group.tsx b/packages/components/table/src/table-row-group.tsx
index c43ac077ca..78edb7be11 100644
--- a/packages/components/table/src/table-row-group.tsx
+++ b/packages/components/table/src/table-row-group.tsx
@@ -1,4 +1,6 @@
-import {forwardRef, HTMLHeroUIProps} from "@heroui/system";
+import type {HTMLHeroUIProps} from "@heroui/system";
+
+import {forwardRef} from "react";
 import {useDOMRef} from "@heroui/react-utils";
 import {clsx} from "@heroui/shared-utils";
 import {useTableRowGroup} from "@react-aria/table";
@@ -11,10 +13,11 @@ export interface TableRowGroupProps extends HTMLHeroUIProps<"thead"> {
   classNames?: ValuesType["classNames"];
 }
 
-const TableRowGroup = forwardRef<"thead", TableRowGroupProps>((props, ref) => {
+const TableRowGroup = forwardRef<HTMLTableSectionElement, TableRowGroupProps>((props, ref) => {
   const {as, className, children, slots, classNames, ...otherProps} = props;
 
   const Component = as || "thead";
+
   const domRef = useDOMRef(ref);
 
   const {rowGroupProps} = useTableRowGroup();
diff --git a/packages/components/table/src/table.tsx b/packages/components/table/src/table.tsx
index 8937254f5c..317f5e5a81 100644
--- a/packages/components/table/src/table.tsx
+++ b/packages/components/table/src/table.tsx
@@ -3,13 +3,19 @@ import {Spacer} from "@heroui/spacer";
 import {forwardRef} from "@heroui/system";
 
 import {UseTableProps, useTable} from "./use-table";
+import VirtualizedTable from "./virtualized-table";
 import TableRowGroup from "./table-row-group";
 import TableHeaderRow from "./table-header-row";
 import TableColumnHeader from "./table-column-header";
 import TableSelectAllCheckbox from "./table-select-all-checkbox";
 import TableBody from "./table-body";
 
-export interface TableProps extends Omit<UseTableProps, "isSelectable" | "isMultiSelectable"> {}
+export interface TableProps<T = object>
+  extends Omit<UseTableProps<T>, "isSelectable" | "isMultiSelectable"> {
+  isVirtualized?: boolean;
+  rowHeight?: number;
+  maxTableHeight?: number;
+}
 
 const Table = forwardRef<"table", TableProps>((props, ref) => {
   const {
@@ -30,6 +36,14 @@ const Table = forwardRef<"table", TableProps>((props, ref) => {
     ref,
   });
 
+  const {isVirtualized, rowHeight = 40, maxTableHeight = 600} = props;
+
+  // TODO: remove this after testing the table on production, users can only
+  // enable the virtualization if the passed `isVirtualized` prop is true
+  // const shouldVirtualize = values.collection.size > 50 || isVirtualized;
+
+  const shouldVirtualize = isVirtualized;
+
   const Wrapper = useCallback(
     ({children}: {children: JSX.Element}) => {
       if (removeWrapper) {
@@ -41,6 +55,17 @@ const Table = forwardRef<"table", TableProps>((props, ref) => {
     [removeWrapper, getWrapperProps],
   );
 
+  if (shouldVirtualize) {
+    return (
+      <VirtualizedTable
+        {...(props as TableProps)}
+        ref={ref}
+        maxTableHeight={maxTableHeight}
+        rowHeight={rowHeight}
+      />
+    );
+  }
+
   return (
     <div {...getBaseProps()}>
       {topContentPlacement === "outside" && topContent}
diff --git a/packages/components/table/src/virtualized-table-body.tsx b/packages/components/table/src/virtualized-table-body.tsx
new file mode 100644
index 0000000000..0ff1d651bc
--- /dev/null
+++ b/packages/components/table/src/virtualized-table-body.tsx
@@ -0,0 +1,169 @@
+import {forwardRef, HTMLHeroUIProps} from "@heroui/system";
+import {useDOMRef} from "@heroui/react-utils";
+import {clsx, dataAttr} from "@heroui/shared-utils";
+import {useTableRowGroup} from "@react-aria/table";
+import {filterDOMProps} from "@heroui/react-utils";
+import {mergeProps} from "@react-aria/utils";
+import {Virtualizer} from "@tanstack/react-virtual";
+
+import TableRow from "./table-row";
+import TableCell from "./table-cell";
+import TableCheckboxCell from "./table-checkbox-cell";
+import {ValuesType} from "./use-table";
+
+// @internal
+export interface VirtualizedTableBodyProps extends HTMLHeroUIProps<"tbody"> {
+  slots: ValuesType["slots"];
+  collection: ValuesType["collection"];
+  state: ValuesType["state"];
+  isSelectable: ValuesType["isSelectable"];
+  color: ValuesType["color"];
+  disableAnimation: ValuesType["disableAnimation"];
+  checkboxesProps: ValuesType["checkboxesProps"];
+  selectionMode: ValuesType["selectionMode"];
+  classNames?: ValuesType["classNames"];
+  rowVirtualizer: Virtualizer<any, Element>;
+}
+
+const VirtualizedTableBody = forwardRef<"tbody", VirtualizedTableBodyProps>((props, ref) => {
+  const {
+    as,
+    className,
+    slots,
+    state,
+    collection,
+    isSelectable,
+    color,
+    disableAnimation,
+    checkboxesProps,
+    selectionMode,
+    classNames,
+    rowVirtualizer,
+    ...otherProps
+  } = props;
+
+  const Component = as || "tbody";
+  const shouldFilterDOMProps = typeof Component === "string";
+
+  const domRef = useDOMRef(ref);
+
+  const {rowGroupProps} = useTableRowGroup();
+
+  const tbodyStyles = clsx(classNames?.tbody, className);
+  const bodyProps = collection?.body.props;
+
+  const isLoading =
+    bodyProps?.isLoading ||
+    bodyProps?.loadingState === "loading" ||
+    bodyProps?.loadingState === "loadingMore";
+
+  const items = [...collection.body.childNodes];
+
+  const virtualItems = rowVirtualizer.getVirtualItems();
+
+  let emptyContent;
+  let loadingContent;
+
+  if (collection.size === 0 && bodyProps.emptyContent) {
+    emptyContent = (
+      <tr role="row">
+        <td
+          className={slots?.emptyWrapper({class: classNames?.emptyWrapper})}
+          colSpan={collection.columnCount}
+          role="gridcell"
+        >
+          {!isLoading && bodyProps.emptyContent}
+        </td>
+      </tr>
+    );
+  }
+
+  if (isLoading && bodyProps.loadingContent) {
+    loadingContent = (
+      <tr role="row">
+        <td
+          className={slots?.loadingWrapper({class: classNames?.loadingWrapper})}
+          colSpan={collection.columnCount}
+          role="gridcell"
+        >
+          {bodyProps.loadingContent}
+        </td>
+        {!emptyContent && collection.size === 0 ? (
+          <td className={slots?.emptyWrapper({class: classNames?.emptyWrapper})} />
+        ) : null}
+      </tr>
+    );
+  }
+
+  return (
+    <Component
+      ref={domRef}
+      {...mergeProps(
+        rowGroupProps,
+        filterDOMProps(bodyProps, {
+          enabled: shouldFilterDOMProps,
+        }),
+        otherProps,
+      )}
+      className={slots.tbody?.({class: tbodyStyles})}
+      data-empty={dataAttr(collection.size === 0)}
+      data-loading={dataAttr(isLoading)}
+    >
+      {virtualItems.map((virtualRow, index) => {
+        const row = items[virtualRow.index];
+
+        if (!row) {
+          return null;
+        }
+
+        return (
+          <TableRow
+            key={String(row.key)}
+            classNames={classNames}
+            isSelectable={isSelectable}
+            node={row}
+            slots={slots}
+            state={state}
+            style={{
+              transform: `translateY(${virtualRow.start - index * virtualRow.size}px)`,
+              height: `${virtualRow.size}px`,
+            }}
+          >
+            {[...row.childNodes].map((cell) =>
+              cell.props.isSelectionCell ? (
+                <TableCheckboxCell
+                  key={String(cell.key)}
+                  checkboxesProps={checkboxesProps}
+                  classNames={classNames}
+                  color={color}
+                  disableAnimation={disableAnimation}
+                  node={cell}
+                  rowKey={row.key}
+                  selectionMode={selectionMode}
+                  slots={slots}
+                  state={state}
+                />
+              ) : (
+                <TableCell
+                  key={String(cell.key)}
+                  classNames={classNames}
+                  node={cell}
+                  rowKey={row.key}
+                  slots={slots}
+                  state={state}
+                />
+              ),
+            )}
+          </TableRow>
+        );
+      })}
+
+      {loadingContent}
+      {emptyContent}
+    </Component>
+  );
+});
+
+VirtualizedTableBody.displayName = "HeroUI.VirtualizedTableBody";
+
+export default VirtualizedTableBody;
diff --git a/packages/components/table/src/virtualized-table.tsx b/packages/components/table/src/virtualized-table.tsx
new file mode 100644
index 0000000000..1fbef2a004
--- /dev/null
+++ b/packages/components/table/src/virtualized-table.tsx
@@ -0,0 +1,155 @@
+import {useCallback, useLayoutEffect, useRef, useState} from "react";
+import {Spacer} from "@heroui/spacer";
+import {forwardRef} from "@heroui/system";
+import {useVirtualizer} from "@tanstack/react-virtual";
+
+import {UseTableProps, useTable} from "./use-table";
+import TableRowGroup from "./table-row-group";
+import TableHeaderRow from "./table-header-row";
+import TableColumnHeader from "./table-column-header";
+import TableSelectAllCheckbox from "./table-select-all-checkbox";
+import VirtualizedTableBody from "./virtualized-table-body";
+
+export interface TableProps<T = object>
+  extends Omit<UseTableProps<T>, "isSelectable" | "isMultiSelectable"> {
+  isVirtualized?: boolean;
+  rowHeight?: number;
+  maxTableHeight?: number;
+}
+
+const VirtualizedTable = forwardRef<"table", TableProps>((props, ref) => {
+  const {
+    BaseComponent,
+    Component,
+    collection,
+    values,
+    topContent,
+    topContentPlacement,
+    bottomContentPlacement,
+    bottomContent,
+    removeWrapper,
+    getBaseProps,
+    getWrapperProps,
+    getTableProps,
+  } = useTable({
+    ...props,
+    ref,
+  });
+
+  const {rowHeight = 40, maxTableHeight = 600} = props;
+
+  const Wrapper = useCallback(
+    ({children}: {children: JSX.Element}) => {
+      if (removeWrapper) {
+        return children;
+      }
+
+      return (
+        <BaseComponent
+          {...getWrapperProps()}
+          ref={parentRef}
+          /* Display must be block to maintain the scroll "progress" */
+          style={{height: maxTableHeight, display: "block"}}
+        >
+          {children}
+        </BaseComponent>
+      );
+    },
+    [removeWrapper, getWrapperProps, maxTableHeight],
+  );
+
+  const items = [...collection.body.childNodes];
+
+  const count = items.length;
+
+  const parentRef = useRef(null);
+
+  const [headerHeight, setHeaderHeight] = useState(0);
+
+  const headerRef = useRef<HTMLTableSectionElement>(null);
+
+  useLayoutEffect(() => {
+    if (headerRef.current) {
+      setHeaderHeight(headerRef.current.getBoundingClientRect().height);
+    }
+  }, [headerRef]);
+
+  const rowVirtualizer = useVirtualizer({
+    count,
+    getScrollElement: () => parentRef.current,
+    estimateSize: () => rowHeight,
+    overscan: 5,
+  });
+
+  return (
+    <div {...getBaseProps()}>
+      {/* We need to add p-1 to make the shadow-sm visible */}
+      <Wrapper>
+        <>
+          {topContentPlacement === "outside" && topContent}
+          <div style={{height: `calc(${rowVirtualizer.getTotalSize() + headerHeight}px)`}}>
+            <>
+              {topContentPlacement === "inside" && topContent}
+              <Component {...getTableProps()}>
+                <TableRowGroup ref={headerRef} classNames={values.classNames} slots={values.slots}>
+                  {collection.headerRows.map((headerRow) => (
+                    <TableHeaderRow
+                      key={headerRow?.key}
+                      classNames={values.classNames}
+                      node={headerRow}
+                      slots={values.slots}
+                      state={values.state}
+                    >
+                      {[...headerRow.childNodes].map((column) =>
+                        column?.props?.isSelectionCell ? (
+                          <TableSelectAllCheckbox
+                            key={column?.key}
+                            checkboxesProps={values.checkboxesProps}
+                            classNames={values.classNames}
+                            color={values.color}
+                            disableAnimation={values.disableAnimation}
+                            node={column}
+                            selectionMode={values.selectionMode}
+                            slots={values.slots}
+                            state={values.state}
+                          />
+                        ) : (
+                          <TableColumnHeader
+                            key={column?.key}
+                            classNames={values.classNames}
+                            node={column}
+                            slots={values.slots}
+                            state={values.state}
+                          />
+                        ),
+                      )}
+                    </TableHeaderRow>
+                  ))}
+                  <Spacer as="tr" tabIndex={-1} y={1} />
+                </TableRowGroup>
+                <VirtualizedTableBody
+                  checkboxesProps={values.checkboxesProps}
+                  classNames={values.classNames}
+                  collection={values.collection}
+                  color={values.color}
+                  disableAnimation={values.disableAnimation}
+                  isSelectable={values.isSelectable}
+                  rowVirtualizer={rowVirtualizer}
+                  selectionMode={values.selectionMode}
+                  slots={values.slots}
+                  state={values.state}
+                />
+              </Component>
+              {bottomContentPlacement === "inside" && bottomContent}
+            </>
+          </div>
+          {bottomContentPlacement === "outside" && bottomContent}
+        </>
+      </Wrapper>
+    </div>
+  );
+});
+
+VirtualizedTable.displayName = "HeroUI.VirtualizedTable";
+
+export default VirtualizedTable;
diff --git a/packages/components/table/stories/table.stories.tsx b/packages/components/table/stories/table.stories.tsx
index 42e40bf9c6..e39864156d 100644
--- a/packages/components/table/stories/table.stories.tsx
+++ b/packages/components/table/stories/table.stories.tsx
@@ -120,6 +120,14 @@ type SWCharacter = {
   birth_year: string;
 };
 
+const generateRows = (rowCount: number) => {
+  return Array.from({length: rowCount}, (_, index) => ({
+    key: index.toString(),
+    name: `Item ${index + 1}`,
+    value: `Value ${index + 1}`,
+  }));
+};
+
 const StaticTemplate = (args: TableProps) => (
   <Table aria-label="Example static collection table" {...args}>
     <TableHeader>
@@ -912,6 +920,38 @@ const InfinitePaginationTemplate = (args: TableProps) => {
   );
 };
 
+const VirtualizedTemplate = (args: TableProps & {rowCount: number}) => {
+  const {rowCount, ...rest} = args;
+  const rows = generateRows(rowCount);
+  const columns = [
+    {key: "name", label: "Name"},
+    {key: "value", label: "Value"},
+  ];
+
+  return (
+    <div>
+      <Table
+        aria-label="Example of virtualized table with a large dataset"
+        {...rest}
+        isVirtualized
+        maxTableHeight={300}
+        rowHeight={40}
+      >
+        <TableHeader columns={columns}>
+          {(column) => <TableColumn key={column.key}>{column.label}</TableColumn>}
+        </TableHeader>
+        <TableBody items={rows}>
+          {(item) => (
+            <TableRow key={item.key}>
+              {(columnKey) => <TableCell>{item[columnKey]}</TableCell>}
+            </TableRow>
+          )}
+        </TableBody>
+      </Table>
+    </div>
+  );
+};
+
 export const Default = {
   render: StaticTemplate,
 
@@ -1110,3 +1150,21 @@ export const TableWithSwitch = {
     selectionMode: "multiple",
   },
 };
+
+export const Virtualized = {
+  render: VirtualizedTemplate,
+  args: {
+    ...defaultProps,
+    className: "max-w-3xl",
+    rowCount: 500,
+  },
+};
+
+export const TenThousandRows = {
+  render: VirtualizedTemplate,
+  args: {
+    ...defaultProps,
+    className: "max-w-3xl",
+    rowCount: 10000,
+  },
+};
diff --git a/packages/components/tabs/package.json b/packages/components/tabs/package.json
index 53ff38af73..29f6411e3f 100644
--- a/packages/components/tabs/package.json
+++ b/packages/components/tabs/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "tabs"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/toast/README.md b/packages/components/toast/README.md
new file mode 100644
index 0000000000..a1e2fee852
--- /dev/null
+++ b/packages/components/toast/README.md
@@ -0,0 +1,22 @@
+# @heroui/toast
+
+Toast Component helps to provide feedback on user-actions.
+
+## Installation
+
+```sh
+yarn add @heroui/toast
+# or
+npm i @heroui/toast
+```
+
+## Contribution
+
+Yes please! See the
+[contributing guidelines](https://github.com/heroui-inc/heroui/blob/canary/CONTRIBUTING.md)
+for details.
+
+## License
+
+This project is licensed under the terms of the
+[MIT license](https://github.com/heroui-inc/heroui/blob/canary/LICENSE).
diff --git a/packages/components/toast/__tests__/toast.test.tsx b/packages/components/toast/__tests__/toast.test.tsx
new file mode 100644
index 0000000000..613a9db712
--- /dev/null
+++ b/packages/components/toast/__tests__/toast.test.tsx
@@ -0,0 +1,177 @@
+import * as React from "react";
+import {render, screen} from "@testing-library/react";
+import userEvent, {UserEvent} from "@testing-library/user-event";
+
+import {addToast, ToastProvider} from "../src";
+
+const title = "Testing Title";
+const description = "Testing Description";
+
+describe("Toast", () => {
+  let user: UserEvent;
+
+  beforeEach(() => {
+    user = userEvent.setup();
+  });
+
+  it("should render correctly", () => {
+    const wrapper = render(
+      <>
+        <ToastProvider />
+        <button
+          onClick={() => {
+            addToast({
+              title: "toast title",
+              description: "toast description",
+            });
+          }}
+        >
+          Show Toast
+        </button>
+      </>,
+    );
+
+    expect(() => wrapper.unmount()).not.toThrow();
+  });
+
+  it("ref should be forwarded", async () => {
+    const ref = React.createRef<HTMLDivElement>();
+
+    const wrapper = render(
+      <>
+        <ToastProvider />
+        <button
+          data-testid="button"
+          onClick={() => {
+            addToast({
+              title: "toast title",
+              description: "toast description",
+              ref: ref,
+            });
+          }}
+        >
+          Show Toast
+        </button>
+      </>,
+    );
+
+    const button = wrapper.getByTestId("button");
+
+    await user.click(button);
+    expect(ref.current).not.toBeNull();
+  });
+
+  it("should display title and description when component is rendered", async () => {
+    const wrapper = render(
+      <>
+        <ToastProvider />
+        <button
+          data-testid="button"
+          onClick={() => {
+            addToast({
+              title: title,
+              description: description,
+            });
+          }}
+        >
+          Show Toast
+        </button>
+      </>,
+    );
+
+    const button = wrapper.getByTestId("button");
+
+    await user.click(button);
+
+    const region = screen.getByRole("region");
+
+    expect(region).toContainHTML(title);
+    expect(region).toContainHTML(description);
+
+    await user.click(wrapper.getAllByRole("button")[0]);
+  });
+
+  it("should close", async () => {
+    const wrapper = render(
+      <>
+        <ToastProvider />
+        <button
+          data-testid="button"
+          onClick={() => {
+            addToast({
+              title: title,
+              description: description,
+            });
+          }}
+        >
+          Show Toast
+        </button>
+      </>,
+    );
+
+    const button = wrapper.getByTestId("button");
+
+    await user.click(button);
+
+    const initialCloseButtons = wrapper.getAllByRole("button");
+    const initialButtonLength = initialCloseButtons.length;
+
+    await user.click(initialCloseButtons[0]);
+
+    const finalCloseButtons = wrapper.getAllByRole("button");
+    const finalButtonLength = finalCloseButtons.length;
+
+    expect(initialButtonLength).toEqual(finalButtonLength + 1);
+  });
+
+  it("should work with placement", async () => {
+    const wrapper = render(
+      <>
+        <ToastProvider placement="left-bottom" />
+        <button
+          data-testid="button"
+          onClick={() => {
+            addToast({
+              title: title,
+              description: description,
+            });
+          }}
+        >
+          Show Toast
+        </button>
+      </>,
+    );
+
+    const region = wrapper.getByRole("region");
+
+    expect(region).toHaveAttribute("data-placement", "left-bottom");
+  });
+
+  it("should have loading-icon when promise prop is passed.", async () => {
+    const wrapper = render(
+      <>
+        <ToastProvider />
+        <button
+          data-testid="button"
+          onClick={() => {
+            addToast({
+              title: title,
+              description: description,
+              promise: new Promise((resolve) => setTimeout(resolve, 3000)),
+            });
+          }}
+        >
+          Show Toast
+        </button>
+      </>,
+    );
+
+    const button = wrapper.getByTestId("button");
+
+    await user.click(button);
+
+    const loadingIcon = wrapper.getByLabelText("loadingIcon");
+
+    expect(loadingIcon).toBeTruthy();
+  });
+});
diff --git a/packages/components/toast/package.json b/packages/components/toast/package.json
new file mode 100644
index 0000000000..bb8cf0898d
--- /dev/null
+++ b/packages/components/toast/package.json
@@ -0,0 +1,64 @@
+{
+  "name": "@heroui/toast",
+  "version": "2.0.0",
+  "description": "Toast are temporary notifications that provide concise feedback about an action or event",
+  "keywords": [
+    "toast"
+  ],
+  "author": "HeroUI <support@heroui.com>",
+  "homepage": "https://heroui.com",
+  "license": "MIT",
+  "main": "src/index.ts",
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/heroui-inc/heroui.git",
+    "directory": "packages/components/toast"
+  },
+  "bugs": {
+    "url": "https://github.com/heroui-inc/heroui/issues"
+  },
+  "scripts": {
+    "build": "tsup src --dts",
+    "build:fast": "tsup src",
+    "dev": "pnpm build:fast --watch",
+    "clean": "rimraf dist .turbo",
+    "typecheck": "tsc --noEmit",
+    "prepack": "clean-package",
+    "postpack": "clean-package restore"
+  },
+  "peerDependencies": {
+    "@heroui/system": ">=2.4.8",
+    "@heroui/theme": ">=2.4.7",
+    "react": ">=18 || >=19.0.0-rc.0",
+    "react-dom": ">=18 || >=19.0.0-rc.0",
+    "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1"
+  },
+  "dependencies": {
+    "@heroui/react-utils": "workspace:*",
+    "@heroui/shared-utils": "workspace:*",
+    "@heroui/shared-icons": "workspace:*",
+    "@heroui/use-is-mobile": "workspace:*",
+    "@heroui/spinner": "workspace:*",
+    "@react-aria/toast": "3.0.0-beta.19",
+    "@react-aria/utils": "3.27.0",
+    "@react-aria/interactions": "3.23.0",
+    "@react-stately/toast": "3.0.0-beta.7",
+    "@react-stately/utils": "3.10.5"
+  },
+  "devDependencies": {
+    "@heroui/system": "workspace:*",
+    "@heroui/theme": "workspace:*",
+    "@heroui/button": "workspace:*",
+    "clean-package": "2.2.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "clean-package": "../../../clean-package.config.json"
+}
diff --git a/packages/components/toast/src/index.ts b/packages/components/toast/src/index.ts
new file mode 100644
index 0000000000..25f2660b91
--- /dev/null
+++ b/packages/components/toast/src/index.ts
@@ -0,0 +1,14 @@
+import Toast from "./toast";
+import {ToastProvider} from "./toast-provider";
+
+// export types
+export type {ToastProps} from "./toast";
+
+// export hooks
+export {useToast} from "./use-toast";
+export {addToast} from "./toast-provider";
+export {closeAll} from "./toast-provider";
+
+// export component
+export {Toast};
+export {ToastProvider};
diff --git a/packages/components/toast/src/toast-provider.tsx b/packages/components/toast/src/toast-provider.tsx
new file mode 100644
index 0000000000..c871da2e89
--- /dev/null
+++ b/packages/components/toast/src/toast-provider.tsx
@@ -0,0 +1,83 @@
+import {ToastOptions, ToastQueue, useToastQueue} from "@react-stately/toast";
+import {useProviderContext} from "@heroui/system";
+
+import {ToastRegion} from "./toast-region";
+import {ToastProps} from "./use-toast";
+
+let globalToastQueue: ToastQueue<ToastProps> | null = null;
+
+interface ToastProviderProps {
+  maxVisibleToasts?: number;
+  placement?:
+    | "right-bottom"
+    | "left-bottom"
+    | "center-bottom"
+    | "right-top"
+    | "left-top"
+    | "center-top";
+  disableAnimation?: boolean;
+  toastProps?: ToastProps;
+  toastOffset?: number;
+}
+
+export const getToastQueue = () => {
+  if (!globalToastQueue) {
+    globalToastQueue = new ToastQueue({
+      maxVisibleToasts: Infinity,
+      hasExitAnimation: true,
+    });
+  }
+
+  return globalToastQueue;
+};
+
+export const ToastProvider = ({
+  placement = "right-bottom",
+  disableAnimation: disableAnimationProp = false,
+  maxVisibleToasts = 3,
+  toastOffset = 0,
+  toastProps = {},
+}: ToastProviderProps) => {
+  const toastQueue = useToastQueue(getToastQueue());
+  const globalContext = useProviderContext();
+  const disableAnimation = disableAnimationProp ?? globalContext?.disableAnimation ?? false;
+
+  if (toastQueue.visibleToasts.length == 0) {
+    return null;
+  }
+
+  return (
+    <ToastRegion
+      disableAnimation={disableAnimation}
+      maxVisibleToasts={maxVisibleToasts}
+      placement={placement}
+      toastOffset={toastOffset}
+      toastProps={toastProps}
+      toastQueue={toastQueue}
+    />
+  );
+};
+
+export const addToast = ({...props}: ToastProps & ToastOptions) => {
+  if (!globalToastQueue) {
+    return;
+  }
+
+  const options: Partial<ToastOptions> = {
+    priority: props?.priority,
+  };
+
+  globalToastQueue.add(props, options);
+};
+
+export const closeAll = () => {
+  if (!globalToastQueue) {
+    return;
+  }
+
+  const keys = globalToastQueue.visibleToasts.map((toast) => toast.key);
+
+  keys.map((key) => {
+    globalToastQueue?.close(key);
+  });
+};
diff --git a/packages/components/toast/src/toast-region.tsx b/packages/components/toast/src/toast-region.tsx
new file mode 100644
index 0000000000..05b36e6579
--- /dev/null
+++ b/packages/components/toast/src/toast-region.tsx
@@ -0,0 +1,106 @@
+import {useCallback, useEffect, useMemo, useRef, useState} from "react";
+import {useToastRegion, AriaToastRegionProps} from "@react-aria/toast";
+import {QueuedToast, ToastState} from "@react-stately/toast";
+import {useHover} from "@react-aria/interactions";
+import {mergeProps} from "@react-aria/utils";
+import {toastRegion, ToastRegionVariantProps} from "@heroui/theme";
+
+import Toast from "./toast";
+import {ToastProps} from "./use-toast";
+
+interface ToastRegionProps<T> extends AriaToastRegionProps, ToastRegionVariantProps {
+  toastQueue: ToastState<T>;
+  placement?:
+    | "right-bottom"
+    | "left-bottom"
+    | "center-bottom"
+    | "right-top"
+    | "left-top"
+    | "center-top";
+  maxVisibleToasts: number;
+  toastOffset?: number;
+  toastProps?: ToastProps;
+}
+
+export function ToastRegion<T extends ToastProps>({
+  toastQueue,
+  placement,
+  disableAnimation,
+  maxVisibleToasts,
+  toastOffset,
+  toastProps = {},
+  ...props
+}: ToastRegionProps<T>) {
+  const ref = useRef(null);
+  const {regionProps} = useToastRegion(props, toastQueue, ref);
+  const {hoverProps, isHovered} = useHover({
+    isDisabled: false,
+  });
+
+  const [isTouched, setIsTouched] = useState(false);
+
+  const slots = useMemo(
+    () =>
+      toastRegion({
+        disableAnimation,
+      }),
+    [disableAnimation],
+  );
+
+  useEffect(() => {
+    function handleTouchOutside(event: TouchEvent) {
+      if (ref.current && !(ref.current as HTMLDivElement).contains(event.target as Node)) {
+        setIsTouched(false);
+      }
+    }
+    document.addEventListener("touchstart", handleTouchOutside);
+
+    return () => {
+      document.removeEventListener("touchstart", handleTouchOutside);
+    };
+  }, []);
+
+  const [heights, setHeights] = useState<number[]>([]);
+  const total = toastQueue.visibleToasts?.length ?? 0;
+
+  const handleTouchStart = useCallback(() => {
+    setIsTouched(true);
+  }, []);
+
+  return (
+    <div
+      {...mergeProps(regionProps, hoverProps)}
+      ref={ref}
+      className={slots.base()}
+      data-placement={placement}
+      onTouchStart={handleTouchStart}
+    >
+      {toastQueue.visibleToasts.map((toast: QueuedToast<ToastProps>, index) => {
+        if (disableAnimation && total - index > maxVisibleToasts) {
+          return null;
+        }
+
+        if (total - index <= 4 || (isHovered && total - index <= maxVisibleToasts + 1)) {
+          return (
+            <Toast
+              key={toast.key}
+              state={toastQueue}
+              toast={toast}
+              {...mergeProps(toastProps, toast.content)}
+              disableAnimation={disableAnimation}
+              heights={heights}
+              index={index}
+              isRegionExpanded={isHovered || isTouched}
+              placement={placement}
+              setHeights={setHeights}
+              toastOffset={toastOffset}
+              total={total}
+            />
+          );
+        }
+
+        return null;
+      })}
+    </div>
+  );
+}
diff --git a/packages/components/toast/src/toast.tsx b/packages/components/toast/src/toast.tsx
new file mode 100644
index 0000000000..11d4e820cc
--- /dev/null
+++ b/packages/components/toast/src/toast.tsx
@@ -0,0 +1,130 @@
+import {forwardRef} from "@heroui/system";
+import {Button, ButtonProps} from "@heroui/button";
+import {
+  CloseIcon,
+  DangerIcon,
+  InfoFilledIcon,
+  SuccessIcon,
+  WarningIcon,
+} from "@heroui/shared-icons";
+import {AnimatePresence, m, LazyMotion} from "framer-motion";
+import {cloneElement, isValidElement} from "react";
+import {Spinner} from "@heroui/spinner";
+
+import {UseToastProps, useToast} from "./use-toast";
+
+const loadFeatures = () => import("framer-motion").then((res) => res.domMax);
+
+export interface ToastProps extends UseToastProps {}
+
+const iconMap = {
+  primary: InfoFilledIcon,
+  secondary: InfoFilledIcon,
+  success: SuccessIcon,
+  warning: WarningIcon,
+  danger: DangerIcon,
+} as const;
+
+const Toast = forwardRef<"div", ToastProps>((props, ref) => {
+  const {
+    Component,
+    icon,
+    loadingIcon,
+    domRef,
+    endContent,
+    color,
+    hideIcon,
+    closeIcon,
+    disableAnimation,
+    progressBarRef,
+    classNames,
+    slots,
+    isProgressBarVisible,
+    getToastProps,
+    getContentProps,
+    getTitleProps,
+    getDescriptionProps,
+    getCloseButtonProps,
+    getIconProps,
+    getMotionDivProps,
+    getCloseIconProps,
+    getLoadingIconProps,
+    isLoading,
+  } = useToast({
+    ...props,
+    ref,
+  });
+
+  const customIcon = icon && isValidElement(icon) ? cloneElement(icon, getIconProps()) : null;
+  const IconComponent = iconMap[color] || iconMap.primary;
+  const customLoadingIcon =
+    loadingIcon && isValidElement(loadingIcon)
+      ? cloneElement(loadingIcon, getLoadingIconProps())
+      : null;
+  const loadingIconComponent = isLoading
+    ? customLoadingIcon || (
+        <Spinner
+          aria-label="loadingIcon"
+          classNames={{wrapper: getLoadingIconProps().className}}
+          color={color ?? "default"}
+        />
+      )
+    : null;
+
+  const customCloseIcon =
+    closeIcon && isValidElement(closeIcon) ? cloneElement(closeIcon, {}) : null;
+
+  const toastContent = (
+    <Component ref={domRef} {...getToastProps()}>
+      <main {...getContentProps()}>
+        {hideIcon && !isLoading
+          ? null
+          : loadingIconComponent || customIcon || <IconComponent {...getIconProps()} />}
+        <div>
+          <div {...getTitleProps()}>{props.toast.content.title}</div>
+          <div {...getDescriptionProps()}>{props.toast.content.description}</div>
+        </div>
+      </main>
+      {isProgressBarVisible && (
+        <div className={slots.progressTrack({class: classNames?.progressTrack})}>
+          <div
+            ref={progressBarRef}
+            className={slots.progressIndicator({class: classNames?.progressIndicator})}
+          />
+        </div>
+      )}
+      <Button isIconOnly {...(getCloseButtonProps() as ButtonProps)}>
+        {customCloseIcon || <CloseIcon {...getCloseIconProps()} />}
+      </Button>
+      {endContent}
+    </Component>
+  );
+
+  return (
+    <>
+      {disableAnimation ? (
+        toastContent
+      ) : (
+        <LazyMotion features={loadFeatures}>
+          <AnimatePresence>
+            <m.div {...getMotionDivProps()}>
+              <m.div
+                key={"inner-div"}
+                animate={{opacity: 1}}
+                exit={{opacity: 0}}
+                initial={{opacity: 0}}
+                transition={{duration: 0.25, ease: "easeOut", delay: 0.1}}
+              >
+                {toastContent}
+              </m.div>
+            </m.div>
+          </AnimatePresence>
+        </LazyMotion>
+      )}
+    </>
+  );
+});
+
+Toast.displayName = "HeroUI.Toast";
+
+export default Toast;
diff --git a/packages/components/toast/src/use-toast.ts b/packages/components/toast/src/use-toast.ts
new file mode 100644
index 0000000000..7dd8a59b6b
--- /dev/null
+++ b/packages/components/toast/src/use-toast.ts
@@ -0,0 +1,621 @@
+import type {SlotsToClasses, ToastSlots, ToastVariantProps} from "@heroui/theme";
+
+import {HTMLHeroUIProps, PropGetter, mapPropsVariants, useProviderContext} from "@heroui/system";
+import {toast as toastTheme} from "@heroui/theme";
+import {ReactRef, useDOMRef} from "@heroui/react-utils";
+import {clsx, dataAttr, isEmpty, objectToDeps} from "@heroui/shared-utils";
+import {ReactNode, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState} from "react";
+import {useToast as useToastAria, AriaToastProps} from "@react-aria/toast";
+import {chain, mergeProps} from "@react-aria/utils";
+import {QueuedToast, ToastState} from "@react-stately/toast";
+import {MotionProps} from "framer-motion";
+import {useHover} from "@react-aria/interactions";
+import {useIsMobile} from "@heroui/use-is-mobile";
+
+export interface ToastProps extends ToastVariantProps {
+  /**
+   * Ref to the DOM node.
+   */
+  ref?: ReactRef<HTMLElement | null>;
+  /**
+   * title of the toast
+   */
+  title?: ReactNode;
+  /**
+   * description of the toast
+   */
+  description?: string;
+  /**
+   * Promise based on which the notification will be styled.
+   */
+  promise?: Promise<any>;
+  /**
+   * Classname or List of classes to change the classNames of the element.
+   * if `className` is passed, it will be added to the base slot.
+   *
+   * @example
+   * ```ts
+   * addToast({
+   *   classNames={{
+   *    base:"base-classes",
+   *    content: "content-classes"
+   *    description: "description-classes"
+   *    title: "title-classes"
+   *    loadingIcon: "loading-icon-classes",
+   *    icon: "icon-classes",
+   *    progressTrack: "progress-track-classes",
+   *    progressIndicator: "progress-indicator-classes",
+   *    closeButton: "closeButton-classes"
+   *    closeIcon: "closeIcon-classes"
+   *   }}
+   * })
+   * ```
+   */
+  classNames?: SlotsToClasses<ToastSlots>;
+  /**
+   * Content to be displayed in the end side of the toast
+   */
+  endContent?: ReactNode;
+  /**
+   * Icon to be displayed in the toast - overrides the default icon
+   */
+  icon?: ReactNode;
+  /**
+   * Icon to be displayed in the close button - overrides the default close icon
+   */
+  closeIcon?: ReactNode | ((props: any) => ReactNode);
+  /**
+   * Icon to be displayed in the loading toast - overrides the loading icon
+   */
+  loadingIcon?: ReactNode;
+  /**
+   * Whether the toast-icon should be hidden.
+   * @default false
+   */
+  hideIcon?: boolean;
+  /**
+   * Time to auto-close the toast.
+   */
+  timeout?: number;
+  /**
+   * hides the close button
+   */
+  hideCloseButton?: boolean;
+  /**
+   * function which is called when toast is closed.
+   */
+  onClose?: () => void;
+  /**
+   * props that will be passed to the m.div
+   */
+  motionProps?: MotionProps;
+  /**
+   * should apply styles to indicate timeout progress
+   */
+  shouldShowTimeoutProgess?: boolean;
+}
+
+interface Props<T> extends Omit<HTMLHeroUIProps<"div">, "title">, ToastProps {
+  toast: QueuedToast<T>;
+  index: number;
+  total: number;
+  state: ToastState<T>;
+  heights: number[];
+  setHeights: (val: number[]) => void;
+  disableAnimation?: boolean;
+  isRegionExpanded: boolean;
+  placement?:
+    | "right-bottom"
+    | "left-bottom"
+    | "center-bottom"
+    | "right-top"
+    | "left-top"
+    | "center-top";
+  toastOffset?: number;
+}
+
+export type UseToastProps<T = ToastProps> = Props<T> &
+  ToastVariantProps &
+  Omit<AriaToastProps<T>, "div">;
+
+const SWIPE_THRESHOLD_X = 100;
+const SWIPE_THRESHOLD_Y = 20;
+const INITIAL_POSITION = 50;
+
+export function useToast<T extends ToastProps>(originalProps: UseToastProps<T>) {
+  const [props, variantProps] = mapPropsVariants(originalProps, toastTheme.variantKeys);
+  const {
+    ref,
+    as,
+    title,
+    description,
+    className,
+    classNames,
+    toast,
+    endContent,
+    closeIcon,
+    hideIcon = false,
+    placement: placementProp = "right-bottom",
+    isRegionExpanded,
+    hideCloseButton = false,
+    state,
+    total = 1,
+    index = 0,
+    heights,
+    promise: promiseProp,
+    setHeights,
+    toastOffset = 0,
+    motionProps,
+    timeout = 6000,
+    shouldShowTimeoutProgess = false,
+    icon,
+    onClose,
+    ...otherProps
+  } = props;
+
+  const {isHovered: isToastHovered, hoverProps} = useHover({
+    isDisabled: false,
+  });
+
+  const globalContext = useProviderContext();
+  const disableAnimation =
+    originalProps?.disableAnimation ?? globalContext?.disableAnimation ?? false;
+
+  const isMobile = useIsMobile();
+  let placement = placementProp;
+
+  if (isMobile) {
+    if (placementProp.includes("top")) {
+      placement = "center-top";
+    } else {
+      placement = "center-bottom";
+    }
+  }
+
+  const animationRef = useRef<number | null>(null);
+  const startTime = useRef<number | null>(null);
+  const progressRef = useRef<number>(0);
+  const progressBarRef = useRef<HTMLDivElement>(null);
+  const pausedTime = useRef<number>(0);
+  const timeElapsed = useRef<number>(0);
+
+  useEffect(() => {
+    if (progressBarRef.current) {
+      progressBarRef.current.style.width = "0%";
+    }
+  }, []);
+
+  useEffect(() => {
+    const updateProgress = (timestamp: number) => {
+      if (!timeout) {
+        return;
+      }
+
+      if (startTime.current === null) {
+        startTime.current = timestamp;
+      }
+
+      if (isToastHovered || isRegionExpanded || index != total - 1) {
+        pausedTime.current += timestamp - startTime.current;
+        startTime.current = null;
+        animationRef.current = requestAnimationFrame(updateProgress);
+
+        return;
+      }
+
+      const elapsed = timestamp - startTime.current + pausedTime.current;
+
+      timeElapsed.current = elapsed;
+      if (timeElapsed.current >= timeout) {
+        state.close(toast.key);
+      }
+
+      progressRef.current = Math.min((elapsed / timeout) * 100, 100);
+
+      if (progressBarRef.current) {
+        progressBarRef.current.style.width = `${
+          shouldShowTimeoutProgess ? progressRef.current : 0
+        }%`;
+      }
+
+      if (progressRef.current < 100) {
+        animationRef.current = requestAnimationFrame(updateProgress);
+      }
+    };
+
+    animationRef.current = requestAnimationFrame(updateProgress);
+
+    return () => {
+      if (animationRef.current !== null) {
+        cancelAnimationFrame(animationRef.current);
+      }
+    };
+  }, [timeout, shouldShowTimeoutProgess, state, isToastHovered, index, total, isRegionExpanded]);
+
+  const [isLoading, setIsLoading] = useState<boolean>(!!promiseProp);
+
+  useEffect(() => {
+    if (!promiseProp) return;
+    promiseProp.finally(() => {
+      setIsLoading(false);
+    });
+  }, [promiseProp]);
+
+  const Component = as || "div";
+  const loadingIcon: ReactNode = icon;
+
+  const domRef = useDOMRef(ref);
+  const baseStyles = clsx(className, classNames?.base);
+  const {toastProps, contentProps, titleProps, descriptionProps, closeButtonProps} = useToastAria(
+    props,
+    state,
+    domRef,
+  );
+
+  const [mounted, setMounted] = useState<boolean>(false);
+
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+
+  const [initialHeight, setInitialHeight] = useState<number>(0);
+
+  // Following was inspired from sonner ❤️
+  useLayoutEffect(() => {
+    if (!domRef.current || !mounted) {
+      return;
+    }
+    const toastNode = domRef.current;
+    const originalHeight = toastNode.style.height;
+
+    toastNode.style.height = "auto";
+    const computedStyle = getComputedStyle(toastNode);
+    const marginTop = parseFloat(computedStyle.marginTop);
+    const marginBottom = parseFloat(computedStyle.marginBottom);
+    const newHeight = toastNode.getBoundingClientRect().height + marginTop + marginBottom;
+
+    toastNode.style.height = originalHeight;
+
+    setInitialHeight((prevHeight) => (prevHeight !== newHeight ? newHeight : prevHeight));
+    const updatedHeights = [...heights];
+
+    if (updatedHeights.length > index) {
+      updatedHeights[index] = newHeight;
+    } else {
+      updatedHeights.push(newHeight);
+    }
+    setHeights(updatedHeights);
+  }, [mounted, total, setHeights, index]);
+
+  let liftHeight = 4;
+
+  for (let idx = index + 1; idx < total; idx++) {
+    liftHeight += heights[idx];
+  }
+
+  const frontHeight = heights[heights.length - 1];
+
+  const slots = useMemo(
+    () =>
+      toastTheme({
+        ...variantProps,
+        disableAnimation,
+      }),
+    [objectToDeps(variantProps)],
+  );
+
+  const multiplier = placement.includes("top") ? 1 : -1;
+  const toastVariants = {
+    hidden: {opacity: 0, y: -INITIAL_POSITION * multiplier},
+    visible: {opacity: 1, y: 0},
+    exit: {opacity: 0, y: -INITIAL_POSITION * multiplier},
+  };
+
+  const [drag, setDrag] = useState(false);
+  const [dragValue, setDragValue] = useState(0);
+
+  const shouldCloseToast = (offsetX: number, offsetY: number) => {
+    const isRight = placement.includes("right");
+    const isLeft = placement.includes("left");
+    const isCenterTop = placement === "center-top";
+    const isCenterBottom = placement === "center-bottom";
+
+    if (
+      (isRight && offsetX >= SWIPE_THRESHOLD_X) ||
+      (isLeft && offsetX <= -SWIPE_THRESHOLD_X) ||
+      (isCenterTop && offsetY <= -SWIPE_THRESHOLD_Y) ||
+      (isCenterBottom && offsetY >= SWIPE_THRESHOLD_Y)
+    ) {
+      return true;
+    }
+  };
+
+  const getDragElasticConstraints = (placement: string) => {
+    const elasticConstraint = {top: 0, bottom: 0, right: 0, left: 0};
+
+    if (placement === "center-bottom") {
+      elasticConstraint.bottom = 1;
+
+      return elasticConstraint;
+    }
+    if (placement === "center-top") {
+      elasticConstraint.top = 1;
+
+      return elasticConstraint;
+    }
+    if (placement.includes("right")) {
+      elasticConstraint.right = 1;
+
+      return elasticConstraint;
+    }
+    if (placement.includes("left")) {
+      elasticConstraint.left = 1;
+
+      return elasticConstraint;
+    }
+
+    elasticConstraint.left = 1;
+    elasticConstraint.right = 1;
+
+    return elasticConstraint;
+  };
+
+  let opacityValue: undefined | number = undefined;
+
+  if ((drag && placement === "center-bottom") || placement === "center-top") {
+    opacityValue = Math.max(0, 1 - dragValue / (SWIPE_THRESHOLD_Y + 5));
+  } else if (drag) {
+    opacityValue = Math.max(0, 1 - dragValue / (SWIPE_THRESHOLD_X + 20));
+  }
+
+  const getToastProps: PropGetter = useCallback(
+    (props = {}) => ({
+      ref: domRef,
+      className: slots.base({class: clsx(baseStyles, classNames?.base)}),
+      "data-has-title": dataAttr(!isEmpty(title)),
+      "data-has-description": dataAttr(!isEmpty(description)),
+      "data-placement": placement,
+      "data-drag-value": dragValue,
+      "data-toast": true,
+      "data-animation": toast.animation,
+      "aria-label": "toast",
+      onTransitionEnd: () => {
+        if (toast.animation === "exiting") {
+          const updatedHeights = heights;
+
+          updatedHeights.splice(index, 1);
+          setHeights([...updatedHeights]);
+
+          state.remove(toast.key);
+        }
+      },
+      style: {
+        opacity: opacityValue,
+      },
+      ...mergeProps(props, otherProps, toastProps, hoverProps),
+    }),
+    [slots, classNames, toastProps, hoverProps, toast, toast.animation, toast.key, opacityValue],
+  );
+
+  const getIconProps: PropGetter = useCallback(
+    (props = {}) => ({
+      "aria-label": "descriptionIcon",
+      className: slots.icon({class: classNames?.icon}),
+      ...props,
+    }),
+    [],
+  );
+
+  const getLoadingIconProps: PropGetter = useCallback(
+    (props = {}) => ({
+      className: slots.loadingIcon({class: classNames?.loadingIcon}),
+      ...props,
+    }),
+    [],
+  );
+
+  const getContentProps: PropGetter = useCallback(
+    (props = {}) => ({
+      className: slots.content({class: classNames?.content}),
+      ...mergeProps(props, otherProps, contentProps),
+    }),
+    [contentProps],
+  );
+
+  const getTitleProps: PropGetter = useCallback(
+    (props = {}) => ({
+      className: slots.title({class: classNames?.title}),
+      ...mergeProps(props, otherProps, titleProps),
+    }),
+    [titleProps],
+  );
+
+  const getDescriptionProps: PropGetter = useCallback(
+    (props = {}) => ({
+      className: slots.description({class: classNames?.description}),
+      ...mergeProps(props, otherProps, descriptionProps),
+    }),
+    [descriptionProps],
+  );
+
+  const getCloseButtonProps: PropGetter = useCallback(
+    (props = {}) => ({
+      className: slots.closeButton({class: classNames?.closeButton}),
+      "aria-label": "closeButton",
+      "data-hidden": dataAttr(hideCloseButton),
+      ...mergeProps(props, closeButtonProps, {
+        onPress: chain(() => {
+          setTimeout(() => document.body.focus(), 0);
+        }, onClose),
+      }),
+    }),
+    [closeButtonProps, onClose],
+  );
+
+  const getCloseIconProps: PropGetter = useCallback(
+    (props = {}) => ({
+      className: slots.closeIcon({class: classNames?.closeIcon}),
+      "aria-label": "closeIcon",
+      ...props,
+    }),
+    [],
+  );
+
+  const getMotionDivProps = useCallback(
+    (
+      props = {},
+    ): MotionProps & {
+      "data-drag": string | boolean;
+      "data-placement": string;
+      "data-drag-value": number;
+      className: string;
+    } => {
+      const isCloseToEnd = total - index - 1 <= 2;
+      const dragDirection = placement === "center-bottom" || placement === "center-top" ? "y" : "x";
+      const dragConstraints = {left: 0, right: 0, top: 0, bottom: 0};
+      const dragElastic = getDragElasticConstraints(placement);
+
+      const animateProps = (() => {
+        if (placement.includes("top")) {
+          return {
+            top:
+              isRegionExpanded || drag
+                ? liftHeight + toastOffset
+                : (total - 1 - index) * 8 + toastOffset,
+            bottom: "auto",
+          };
+        } else if (placement.includes("bottom")) {
+          return {
+            bottom:
+              isRegionExpanded || drag
+                ? liftHeight + toastOffset
+                : (total - 1 - index) * 8 + toastOffset,
+            top: "auto",
+          };
+        }
+
+        return {};
+      })();
+
+      return {
+        animate: {
+          opacity: isCloseToEnd ? 1 : 0,
+          pointerEvents: isCloseToEnd ? "all" : "none",
+          scaleX: isRegionExpanded || drag ? 1 : 1 - (total - 1 - index) * 0.1,
+          height: isRegionExpanded || drag ? initialHeight : frontHeight,
+          y: 0,
+          ...animateProps,
+        },
+        drag: dragDirection,
+        dragConstraints,
+        exit: {opacity: 0},
+        initial: {opacity: 0, scale: 1, y: -40 * multiplier},
+        transition: {duration: 0.3, ease: "easeOut"},
+        variants: toastVariants,
+        dragElastic,
+        onDragEnd: (_, info) => {
+          const {x: offsetX, y: offsetY} = info.offset;
+
+          setDrag(false);
+
+          if (shouldCloseToast(offsetX, offsetY)) {
+            const updatedHeights = heights;
+
+            updatedHeights.splice(index, 1);
+            setHeights([...updatedHeights]);
+
+            state.close(toast.key);
+            state.remove(toast.key);
+
+            return;
+          }
+          setDragValue(0);
+        },
+        onDrag: (_, info) => {
+          let updatedDragValue = 0;
+
+          if (placement === "center-top") {
+            updatedDragValue = -info.offset.y;
+          } else if (placement === "center-bottom") {
+            updatedDragValue = info.offset.y;
+          } else if (placement.includes("right")) {
+            updatedDragValue = info.offset.x;
+          } else if (placement.includes("left")) {
+            updatedDragValue = -info.offset.x;
+          }
+
+          if (updatedDragValue >= 0) {
+            setDragValue(updatedDragValue);
+          }
+        },
+        onDragStart: () => {
+          setDrag(true);
+        },
+        "data-drag": dataAttr(drag),
+        "data-placement": placement,
+        "data-drag-value": dragValue,
+        className: slots.motionDiv({class: classNames?.motionDiv}),
+        ...props,
+        ...motionProps,
+      };
+    },
+    [
+      closeButtonProps,
+      total,
+      index,
+      placement,
+      isRegionExpanded,
+      liftHeight,
+      multiplier,
+      initialHeight,
+      frontHeight,
+      toastVariants,
+      classNames,
+      drag,
+      dataAttr,
+      setDrag,
+      shouldCloseToast,
+      slots,
+      toastOffset,
+    ],
+  );
+
+  return {
+    Component,
+    title,
+    description,
+    icon,
+    loadingIcon,
+    domRef,
+    closeIcon,
+    classNames,
+    color: variantProps["color"],
+    hideIcon,
+    placement,
+    state,
+    toast,
+    disableAnimation,
+    isProgressBarVisible: !!timeout,
+    total,
+    index,
+    getToastProps,
+    getTitleProps,
+    getContentProps,
+    getDescriptionProps,
+    getCloseButtonProps,
+    getIconProps,
+    getMotionDivProps,
+    getCloseIconProps,
+    getLoadingIconProps,
+    progressBarRef,
+    endContent,
+    slots,
+    isRegionExpanded,
+    liftHeight,
+    frontHeight,
+    initialHeight,
+    isLoading,
+  };
+}
+
+export type UseToastReturn = ReturnType<typeof useToast>;
diff --git a/packages/components/toast/stories/toast.stories.tsx b/packages/components/toast/stories/toast.stories.tsx
new file mode 100644
index 0000000000..8358f2b58e
--- /dev/null
+++ b/packages/components/toast/stories/toast.stories.tsx
@@ -0,0 +1,410 @@
+import React, {useEffect} from "react";
+import {Meta} from "@storybook/react";
+import {cn, toast} from "@heroui/theme";
+import {Button} from "@heroui/button";
+
+import {Toast, ToastProps, ToastProvider, addToast, closeAll} from "../src";
+
+export default {
+  title: "Components/Toast",
+  component: Toast,
+  argTypes: {
+    variant: {
+      control: {type: "select"},
+      options: ["flat", "bordered", "solid"],
+    },
+    color: {
+      control: {type: "select"},
+      options: ["default", "foreground", "primary", "secondary", "success", "warning", "danger"],
+    },
+    radius: {
+      control: {type: "select"},
+      options: ["none", "sm", "md", "lg", "full"],
+    },
+    size: {
+      control: {type: "select"},
+      options: ["sm", "md", "lg"],
+    },
+    hideIcon: {
+      control: {
+        type: "boolean",
+      },
+    },
+    shadow: {
+      control: {type: "select"},
+      options: ["sm", "md", "lg"],
+    },
+    placement: {
+      control: {type: "select"},
+      options: [
+        "right-bottom",
+        "left-bottom",
+        "center-bottom",
+        "right-top",
+        "left-top",
+        "center-top",
+      ],
+    },
+    hideCloseButton: {
+      control: {
+        type: "boolean",
+      },
+    },
+  },
+  decorators: [
+    (Story) => (
+      <div className="flex justify-start items-start w-screen h-screen">
+        <Story />
+      </div>
+    ),
+    (Story) => {
+      useEffect(() => {
+        return () => {
+          closeAll();
+        };
+      }, []);
+
+      return <Story />;
+    },
+  ],
+} as Meta<typeof Toast>;
+
+const defaultProps = {
+  ...toast.defaultVariants,
+};
+
+const Template = (args: ToastProps) => {
+  return (
+    <>
+      <ToastProvider placement={args.placement} />
+      <div>
+        <Button
+          onPress={() => {
+            addToast({
+              title: "Toast Title",
+              ...args,
+            });
+          }}
+        >
+          Show toast
+        </Button>
+      </div>
+    </>
+  );
+};
+
+const ShowTimeoutProgressTemplate = (args: ToastProps) => {
+  return (
+    <>
+      <ToastProvider placement={args.placement} />
+      <Button
+        onPress={() => {
+          addToast({
+            title: "Toast Title",
+            description: "Toast Description",
+            timeout: 3000,
+            shouldShowTimeoutProgess: true,
+            ...args,
+          });
+        }}
+      >
+        Toast
+      </Button>
+    </>
+  );
+};
+
+const WithEndContentTemplate = (args) => {
+  return (
+    <>
+      <ToastProvider placement={args.placement} />
+      <Button
+        onPress={() => {
+          addToast({
+            title: "Toast Title",
+            description: "Toast Description",
+            endContent: (
+              <Button color="warning" size="sm" variant="flat">
+                Upgrade
+              </Button>
+            ),
+            color: "warning",
+            variant: "faded",
+            ...args,
+          });
+        }}
+      >
+        Toast
+      </Button>
+    </>
+  );
+};
+
+const PlacementTemplate = (args: ToastProps) => {
+  return (
+    <>
+      <ToastProvider placement={args.placement} />
+      <div>
+        <Button
+          onPress={() => {
+            addToast({
+              title: "Toast Title",
+              description: "Toast Displayed Successfully",
+              ...args,
+            });
+          }}
+        >
+          Show toast
+        </Button>
+      </div>
+    </>
+  );
+};
+
+const DisableAnimationTemplate = (args: ToastProps) => {
+  return (
+    <>
+      <ToastProvider disableAnimation={true} placement={args.placement} />
+      <div>
+        <Button
+          onPress={() => {
+            addToast({
+              title: "Toast Title",
+              description: "Toast Displayed Successfully",
+              ...args,
+            });
+          }}
+        >
+          Show toast
+        </Button>
+      </div>
+    </>
+  );
+};
+
+const PromiseToastTemplate = (args: ToastProps) => {
+  return (
+    <>
+      <ToastProvider placement={args.placement} />
+      <div>
+        <Button
+          onPress={() => {
+            addToast({
+              title: "Toast Title",
+              description: "Toast Displayed Successfully",
+              promise: new Promise((resolve) => setTimeout(resolve, 4000)),
+              ...args,
+            });
+          }}
+        >
+          Show toast
+        </Button>
+      </div>
+    </>
+  );
+};
+
+const CustomToastComponent = (args) => {
+  const color = args.color;
+  const colorMap = {
+    primary: "before:bg-primary border-primary-200 dark:border-primary-100",
+    secondary: "before:bg-secondary border-secondary-200 dark:border-secondary-100",
+    success: "before:bg-success border-success-200 dark:border-success-100",
+    warning: "before:bg-warning border-warning-200 dark:border-warning-100",
+    danger: "before:bg-danger border-danger-200 dark:border-danger-100",
+  };
+
+  return (
+    <>
+      <Button
+        color={color}
+        variant="bordered"
+        onPress={() => {
+          addToast({
+            title: "Sucessful!",
+            description: "Document uploaded to cloud successful.",
+            classNames: {
+              base: cn([
+                "bg-default-50 dark:bg-background shadow-sm",
+                "border-1",
+                "relative before:content-[''] before:absolute before:z-10",
+                "before:left-0 before:top-[-1px] before:bottom-[-1px] before:w-1",
+                "rounded-l-none border-l-0",
+                "rounded-md",
+                "flex flex-col items-start",
+                colorMap[color],
+              ]),
+              icon: "w-6 h-6 fill-current",
+            },
+            endContent: (
+              <div className="ms-11 my-2 flex gap-x-2">
+                <Button color={color} size="sm" variant="bordered">
+                  View Document
+                </Button>
+                <Button className="underline-offset-2" color={color} size="sm" variant="light">
+                  Maybe Later
+                </Button>
+              </div>
+            ),
+            color: color,
+          });
+        }}
+      >
+        Toast
+      </Button>
+    </>
+  );
+};
+
+const CustomToastTemplate = (args) => {
+  const colors = ["primary", "secondary", "warning", "danger", "success"];
+
+  return (
+    <>
+      <ToastProvider placement={args.placement} />
+      <div className="flex gap-2">
+        {colors.map((color, idx) => (
+          <CustomToastComponent key={idx} color={color} />
+        ))}
+      </div>
+    </>
+  );
+};
+
+const CustomCloseButtonTemplate = (args) => {
+  return (
+    <>
+      <ToastProvider
+        placement={args.placement}
+        toastProps={{
+          classNames: {
+            closeButton: "opacity-100 absolute right-4 top-1/2 -translate-y-1/2",
+          },
+        }}
+      />
+      <Button
+        onPress={() =>
+          addToast({
+            title: "Toast Title",
+            description: "Toast Description",
+            closeIcon: (
+              <svg
+                fill="none"
+                height="32"
+                stroke="currentColor"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+                strokeWidth="2"
+                viewBox="0 0 24 24"
+                width="32"
+              >
+                <path d="M18 6 6 18" />
+                <path d="m6 6 12 12" />
+              </svg>
+            ),
+          })
+        }
+      >
+        Toast
+      </Button>
+    </>
+  );
+};
+
+export const Default = {
+  render: Template,
+  args: {
+    ...defaultProps,
+  },
+};
+
+export const WithDescription = {
+  render: Template,
+  args: {
+    description: "Toast displayed successfully.",
+    ...defaultProps,
+  },
+};
+
+export const WithCustomIcon = {
+  render: Template,
+  args: {
+    ...defaultProps,
+    title: "Custom Icon",
+    icon: (
+      <svg height={24} viewBox="0 0 24 24" width={24}>
+        <g
+          fill="none"
+          stroke="currentColor"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeMiterlimit={10}
+          strokeWidth={1.5}
+        >
+          <path
+            d="M11.845 21.662C8.153 21.662 5 21.088 5 18.787s3.133-4.425 6.845-4.425c3.692 0 6.845 2.1 6.845 4.4s-3.134 2.9-6.845 2.9z"
+            data-name="Stroke 1"
+          />
+          <path d="M11.837 11.174a4.372 4.372 0 10-.031 0z" data-name="Stroke 3" />
+        </g>
+      </svg>
+    ),
+  },
+};
+
+export const iconHidden = {
+  render: Template,
+  args: {
+    ...defaultProps,
+    hideIcon: true,
+  },
+};
+
+export const DisableAnimation = {
+  render: DisableAnimationTemplate,
+  args: {
+    ...defaultProps,
+  },
+};
+
+export const PromiseToast = {
+  render: PromiseToastTemplate,
+  args: {
+    ...defaultProps,
+  },
+};
+
+export const ShowTimeoutProgress = {
+  render: ShowTimeoutProgressTemplate,
+  args: {
+    ...defaultProps,
+  },
+};
+
+export const Placement = {
+  render: PlacementTemplate,
+  args: {
+    ...defaultProps,
+  },
+};
+
+export const WithEndContent = {
+  render: WithEndContentTemplate,
+  args: {
+    ...defaultProps,
+  },
+};
+
+export const CustomStyles = {
+  render: CustomToastTemplate,
+  args: {
+    ...defaultProps,
+  },
+};
+
+export const CustomCloseButton = {
+  render: CustomCloseButtonTemplate,
+  args: {
+    ...defaultProps,
+  },
+};
diff --git a/packages/components/toast/tsconfig.json b/packages/components/toast/tsconfig.json
new file mode 100644
index 0000000000..5d012f6e61
--- /dev/null
+++ b/packages/components/toast/tsconfig.json
@@ -0,0 +1,10 @@
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "tailwind-variants": ["../../../node_modules/tailwind-variants"]
+    },
+  },
+  "include": ["src", "index.ts"]
+}
diff --git a/packages/components/toast/tsup.config.ts b/packages/components/toast/tsup.config.ts
new file mode 100644
index 0000000000..3e2bcff6cc
--- /dev/null
+++ b/packages/components/toast/tsup.config.ts
@@ -0,0 +1,8 @@
+import {defineConfig} from "tsup";
+
+export default defineConfig({
+  clean: true,
+  target: "es2019",
+  format: ["cjs", "esm"],
+  banner: {js: '"use client";'},
+});
diff --git a/packages/components/tooltip/package.json b/packages/components/tooltip/package.json
index d63299777c..d825ee1bb1 100644
--- a/packages/components/tooltip/package.json
+++ b/packages/components/tooltip/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "tooltip"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/components/user/package.json b/packages/components/user/package.json
index 9891a929b0..583b4567ba 100644
--- a/packages/components/user/package.json
+++ b/packages/components/user/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "user"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/core/react/package.json b/packages/core/react/package.json
index 2b8b3d613c..c7682f4981 100644
--- a/packages/core/react/package.json
+++ b/packages/core/react/package.json
@@ -2,7 +2,7 @@
   "name": "@heroui/react",
   "version": "2.6.14",
   "description": "🚀 Beautiful and modern React UI library.",
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "keywords": [
@@ -89,6 +89,7 @@
     "@heroui/drawer": "workspace:*",
     "@heroui/form": "workspace:*",
     "@heroui/alert": "workspace:*",
+    "@heroui/toast": "workspace:*",
     "@react-aria/visually-hidden": "3.8.19"
   },
   "peerDependencies": {
diff --git a/packages/core/react/src/index.ts b/packages/core/react/src/index.ts
index 2b29b0ac5e..50aec9e35c 100644
--- a/packages/core/react/src/index.ts
+++ b/packages/core/react/src/index.ts
@@ -47,6 +47,7 @@ export * from "@heroui/form";
 export * from "@heroui/alert";
 export * from "@heroui/drawer";
 export * from "@heroui/input-otp";
+export * from "@heroui/toast";
 
 /**
  * React Aria - Exports
diff --git a/packages/core/system-rsc/package.json b/packages/core/system-rsc/package.json
index 94b5114261..23841bd464 100644
--- a/packages/core/system-rsc/package.json
+++ b/packages/core/system-rsc/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "system-rsc"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/core/system/package.json b/packages/core/system/package.json
index 1d69ddc08c..2c38ba2d06 100644
--- a/packages/core/system/package.json
+++ b/packages/core/system/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "system"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/core/theme/package.json b/packages/core/theme/package.json
index f243f9007a..df25f90f0b 100644
--- a/packages/core/theme/package.json
+++ b/packages/core/theme/package.json
@@ -11,7 +11,7 @@
     "classNames",
     "css"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/core/theme/src/components/index.ts b/packages/core/theme/src/components/index.ts
index dee45f4401..68832da61e 100644
--- a/packages/core/theme/src/components/index.ts
+++ b/packages/core/theme/src/components/index.ts
@@ -41,3 +41,4 @@ export * from "./date-picker";
 export * from "./alert";
 export * from "./drawer";
 export * from "./form";
+export * from "./toast";
diff --git a/packages/core/theme/src/components/toast.ts b/packages/core/theme/src/components/toast.ts
new file mode 100644
index 0000000000..a668019e26
--- /dev/null
+++ b/packages/core/theme/src/components/toast.ts
@@ -0,0 +1,389 @@
+import type {VariantProps} from "tailwind-variants";
+
+import {tv} from "../utils/tv";
+import {colorVariants} from "../utils";
+
+const toastRegion = tv({
+  slots: {
+    base: "relative z-50",
+  },
+  variants: {
+    disableAnimation: {
+      false: {
+        base: "",
+      },
+      true: {
+        base: [
+          "data-[placement=right-bottom]:bottom-0 data-[placement=right-bottom]:right-0 w-full px-2 sm:w-auto sm:px-0 data-[placement=right-bottom]:fixed data-[placement=right-bottom]:flex data-[placement=right-bottom]:flex-col",
+          "data-[placement=left-bottom]:bottom-0 data-[placement=left-bottom]:left-0 w-full px-2 sm:w-auto sm:px-0 data-[placement=left-bottom]:fixed data-[placement=left-bottom]:flex data-[placement=left-bottom]:flex-col",
+          "data-[placement=center-bottom]:bottom-0 data-[placement=center-bottom]:fixed w-full px-2 sm:w-auto sm:px-0 data-[placement=center-bottom]:flex data-[placement=center-bottom]:flex-col data-[placement=center-bottom]:left-1/2 data-[placement=center-bottom]:-translate-x-1/2",
+          "data-[placement=right-top]:top-0 data-[placement=right-top]:right-0 w-full px-2 sm:w-auto sm:px-0 data-[placement=right-top]:fixed data-[placement=right-top]:flex data-[placement=right-top]:flex-col",
+          "data-[placement=left-top]:top-0 data-[placement=left-top]:left-0 w-full px-2 sm:w-auto sm:px-0 data-[placement=left-top]:fixed data-[placement=left-top]:flex data-[placement=left-top]:flex-col",
+          "data-[placement=center-top]:top-0 data-[placement=center-top]:fixed w-full px-2 sm:w-auto sm:px-0 data-[placement=center-top]:flex data-[placement=center-top]:flex-col data-[placement=center-top]:left-1/2 data-[placement=center-top]:-translate-x-1/2",
+        ],
+      },
+    },
+  },
+  defaultVariants: {
+    disableAnimation: false,
+  },
+});
+
+const toast = tv({
+  slots: {
+    base: [
+      "flex gap-x-4 items-center",
+      "group",
+      "cursor-pointer",
+      "relative",
+      "z-50",
+      "box-border",
+      "outline-none",
+      "p-3 sm:mx-1",
+      "my-1",
+      "w-full sm:w-[270px] md:w-[300px]",
+      "min-h-4",
+    ],
+    title: ["font-medium", "text-small", "me-4", "text-foreground"],
+    description: ["text-small", "me-4", "text-default-600"],
+    icon: ["w-6 h-6 fill-current"],
+    loadingIcon: ["w-6 h-6 fill-current"],
+    content: ["flex flex-grow flex-row gap-x-4 items-center relative"],
+    progressTrack: ["absolute top-0 inset-0 bg-transparent overflow-hidden"],
+    progressIndicator: ["h-full bg-default-400 opacity-20"],
+    motionDiv: [
+      "fixed",
+      "px-4 sm:px-0",
+      "data-[placement=right-bottom]:bottom-0 data-[placement=right-bottom]:right-0 data-[placement=right-bottom]:mx-auto w-full sm:data-[placement=right-bottom]:w-max mb-1 sm:data-[placement=right-bottom]:mr-2",
+      "data-[placement=left-bottom]:bottom-0 data-[placement=left-bottom]:left-0 data-[placement=left-bottom]:mx-auto w-full sm:data-[placement=left-bottom]:w-max mb-1 sm:data-[placement=left-bottom]:ml-2",
+      "data-[placement=center-bottom]:bottom-0 data-[placement=center-bottom]:left-0 data-[placement=center-bottom]:right-0 w-full sm:data-[placement=center-bottom]:w-max sm:data-[placement=center-bottom]:mx-auto",
+      "data-[placement=right-top]:top-0 data-[placement=right-top]:right-0 data-[placement=right-top]:mx-auto w-full sm:data-[placement=right-top]:w-max sm:data-[placement=right-top]:mr-2",
+      "data-[placement=left-top]:top-0 data-[placement=left-top]:left-0 data-[placement=left-top]:mx-auto w-full sm:data-[placement=left-top]:w-max sm:data-[placement=left-top]:ml-2",
+      "data-[placement=center-top]:top-0 data-[placement=center-top]:left-0 data-[placement=center-top]:right-0 w-full sm:data-[placement=center-top]:w-max sm:data-[placement=center-top]:mx-auto",
+    ],
+    closeButton: [
+      "opacity-0 pointer-events-none group-hover:pointer-events-auto p-0 group-hover:opacity-100 w-6 h-6 min-w-4 absolute -right-2 -top-2 items-center justify-center bg-transparent text-default-400 hover:text-default-600 border border-3 border-transparent",
+      "data-[hidden=true]:hidden",
+    ],
+    closeIcon: ["rounded-full w-full h-full p-0.5 border border-default-400 bg-default-100"],
+  },
+  variants: {
+    size: {
+      sm: {
+        icon: "w-5 h-5",
+        loadingIcon: "w-5 h-5",
+        title: "text-sm font-medium",
+        description: "text-xs",
+      },
+      md: {
+        title: "text-sm font-semibold",
+        description: "text-xs",
+      },
+      lg: {
+        title: "text-md font-semibold",
+        description: "text-sm",
+      },
+    },
+    variant: {
+      flat: "bg-content1 border border-default-100",
+      solid: colorVariants.solid.default,
+      bordered: "bg-background border border-default-200",
+    },
+    color: {
+      default: "",
+      foreground: {
+        progressIndicator: "h-full opacity-20 bg-foreground-400",
+      },
+      primary: {
+        progressIndicator: "h-full opacity-20 bg-primary-400",
+      },
+      secondary: {
+        progressIndicator: "h-full opacity-20 bg-secondary-400",
+      },
+      success: {
+        progressIndicator: "h-full opacity-20 bg-success-400",
+      },
+      warning: {
+        progressIndicator: "h-full opacity-20 bg-warning-400",
+      },
+      danger: {
+        progressIndicator: "h-full opacity-20 bg-danger-400",
+      },
+    },
+    radius: {
+      none: {
+        base: "rounded-none",
+        progressTrack: "rounded-none",
+      },
+      sm: {
+        base: "rounded-small",
+        progressTrack: "rounded-small",
+      },
+      md: {
+        base: "rounded-medium",
+        progressTrack: "rounded-medium",
+      },
+      lg: {
+        base: "rounded-large",
+        progressTrack: "rounded-large",
+      },
+      full: {
+        base: "rounded-full",
+        closeButton: "-top-px -right-px",
+        progressTrack: "rounded-full",
+      },
+    },
+    disableAnimation: {
+      true: {
+        closeButton: "transition-none",
+        base: "data-[animation=exiting]:opacity-0",
+      },
+      false: {
+        closeButton: "transition-opacity ease-in duration-300",
+        base: [
+          "data-[animation=exiting]:transform",
+          "data-[animation=exiting]:delay-100",
+          "data-[animation=exiting]:data-[placement=right-bottom]:translate-x-28",
+          "data-[animation=exiting]:data-[placement=left-bottom]:-translate-x-28",
+          "data-[animation=exiting]:data-[placement=center-bottom]:translate-y-28",
+          "data-[animation=exiting]:data-[placement=right-top]:translate-x-28",
+          "data-[animation=exiting]:data-[placement=left-top]:-translate-x-28",
+          "data-[animation=exiting]:data-[placement=center-top]:-translate-y-28",
+          "data-[animation=exiting]:opacity-0",
+          "data-[animation=exiting]:duration-200",
+        ],
+      },
+    },
+    shadow: {
+      none: {
+        base: "shadow-none",
+      },
+      sm: {
+        base: "shadow-small",
+      },
+      md: {
+        base: "shadow-medium",
+      },
+      lg: {
+        base: "shadow-large",
+      },
+    },
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "flat",
+    radius: "md",
+    shadow: "sm",
+  },
+  compoundVariants: [
+    // flat and color
+    {
+      variant: "flat",
+      color: "foreground",
+      class: {
+        base: "bg-foreground text-background",
+        closeButton: "text-foreground-400 hover:text-foreground-600",
+        closeIcon: "border border-foreground-400 bg-foreground-100",
+        title: "text-background-600",
+        description: "text-background-500",
+      },
+    },
+    {
+      variant: "flat",
+      color: "primary",
+      class: {
+        base: "bg-primary-50 text-primary-600 border-primary-100",
+        closeButton: "text-primary-400 hover:text-primary-600",
+        closeIcon: "border border-primary-400 bg-primary-100",
+        title: "text-primary-600",
+        description: "text-primary-500",
+      },
+    },
+    {
+      variant: "flat",
+      color: "secondary",
+      class: {
+        base: "bg-secondary-50 text-secondary-600 border-secondary-100",
+        closeButton: "text-secondary-400 hover:text-secondary-600",
+        closeIcon: "border border-secondary-400 bg-secondary-100",
+        title: "text-secondary-600",
+        description: "text-secondary-500",
+      },
+    },
+    {
+      variant: "flat",
+      color: "success",
+      class: {
+        base: "bg-success-50 text-success-600 border-success-100",
+        closeButton: "text-success-400 hover:text-success-600",
+        closeIcon: "border border-success-400 bg-success-100",
+        title: "text-success-600",
+        description: "text-success-500",
+      },
+    },
+    {
+      variant: "flat",
+      color: "warning",
+      class: {
+        base: "bg-warning-50 text-warning-600 border-warning-100",
+        closeButton: "text-warning-400 hover:text-warning-600",
+        closeIcon: "border border-warning-400 bg-warning-100",
+        title: "text-warning-600",
+        description: "text-warning-500",
+      },
+    },
+    {
+      variant: "flat",
+      color: "danger",
+      class: {
+        base: "bg-danger-50 text-danger-600 border-danger-100",
+        closeButton: "text-danger-400 hover:text-danger-600",
+        closeIcon: "border border-danger-400 bg-danger-100",
+        title: "text-danger-600",
+        description: "text-danger-500",
+      },
+    },
+    // bordered and color
+    {
+      variant: "bordered",
+      color: "foreground",
+      class: {
+        base: "bg-foreground border-foreground-400 text-background",
+        closeButton: "text-foreground-400 hover:text-foreground-600",
+        closeIcon: "border border-foreground-400 bg-foreground-100",
+        title: "text-background-600",
+        description: "text-background-500",
+      },
+    },
+    {
+      variant: "bordered",
+      color: "primary",
+      class: {
+        base: "border-primary-400 text-primary-600",
+        closeButton: "text-primary-400 hover:text-primary-600",
+        closeIcon: "border border-primary-400 bg-primary-100",
+        title: "text-primary-600",
+        description: "text-primary-500",
+      },
+    },
+    {
+      variant: "bordered",
+      color: "secondary",
+      class: {
+        base: "border-secondary-400 text-secondary-600",
+        closeButton: "text-secondary-400 hover:text-secondary-600",
+        closeIcon: "border border-secondary-400 bg-secondary-100",
+        title: "text-secondary-600",
+        description: "text-secondary-500",
+      },
+    },
+    {
+      variant: "bordered",
+      color: "success",
+      class: {
+        base: "border-success-400 text-success-600",
+        closeButton: "text-success-400 hover:text-success-600",
+        closeIcon: "border border-success-400 bg-success-100",
+        title: "text-success-600",
+        description: "text-success-500",
+      },
+    },
+    {
+      variant: "bordered",
+      color: "warning",
+      class: {
+        base: "border-warning-400 text-warning-600",
+        closeButton: "text-warning-400 hover:text-warning-600",
+        closeIcon: "border border-warning-400 bg-warning-100",
+        title: "text-warning-600",
+        description: "text-warning-500",
+      },
+    },
+    {
+      variant: "bordered",
+      color: "danger",
+      class: {
+        base: "border-danger-400 text-danger-600",
+        closeButton: "text-danger-400 hover:text-danger-600",
+        closeIcon: "border border-danger-400 bg-danger-100",
+        title: "text-danger-600",
+        description: "text-danger-500",
+      },
+    },
+    // solid and color
+    {
+      variant: "solid",
+      color: "foreground",
+      class: {
+        base: colorVariants.solid.foreground,
+        closeButton: "text-foreground-400 hover:text-foreground-600",
+        closeIcon: "border border-foreground-400 bg-foreground-100",
+        title: "text-background",
+        description: "text-background",
+      },
+    },
+    {
+      variant: "solid",
+      color: "primary",
+      class: {
+        base: colorVariants.solid.primary,
+        closeButton: "text-primary-400 hover:text-primary-600",
+        closeIcon: "border border-primary-400 bg-primary-100",
+        title: "text-primary-foreground",
+        description: "text-primary-foreground",
+      },
+    },
+    {
+      variant: "solid",
+      color: "secondary",
+      class: {
+        base: colorVariants.solid.secondary,
+        closeButton: "text-secondary-400 hover:text-secondary-600",
+        closeIcon: "border border-secondary-400 bg-secondary-100",
+        title: "text-secondary-foreground",
+        description: "text-secondary-foreground",
+      },
+    },
+    {
+      variant: "solid",
+      color: "success",
+      class: {
+        base: colorVariants.solid.success,
+        closeButton: "text-success-400 hover:text-success-600",
+        closeIcon: "border border-success-400 bg-success-100",
+        title: "text-success-foreground",
+        description: "text-success-foreground",
+      },
+    },
+    {
+      variant: "solid",
+      color: "warning",
+      class: {
+        base: colorVariants.solid.warning,
+        closeButton: "text-warning-400 hover:text-warning-600",
+        closeIcon: "border border-warning-400 bg-warning-100",
+        title: "text-warning-foreground",
+        description: "text-warning-foreground",
+      },
+    },
+    {
+      variant: "solid",
+      color: "danger",
+      class: {
+        base: colorVariants.solid.danger,
+        closeButton: "text-danger-400 hover:text-danger-600",
+        closeIcon: "border border-danger-400 bg-danger-100",
+        title: "text-danger-foreground",
+        description: "text-danger-foreground",
+      },
+    },
+  ],
+});
+
+export type ToastVariantProps = VariantProps<typeof toast>;
+export type ToastSlots = keyof ReturnType<typeof toast>;
+
+export type ToastRegionVariantProps = VariantProps<typeof toastRegion>;
+export type ToastRegionSlots = keyof ReturnType<typeof toastRegion>;
+
+export {toast, toastRegion};
diff --git a/packages/hooks/use-aria-accordion-item/package.json b/packages/hooks/use-aria-accordion-item/package.json
index e92874538c..93d2ff3ed6 100644
--- a/packages/hooks/use-aria-accordion-item/package.json
+++ b/packages/hooks/use-aria-accordion-item/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "use-aria-accordion-item"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/hooks/use-aria-accordion/package.json b/packages/hooks/use-aria-accordion/package.json
index be8aab995a..a29f3890e9 100644
--- a/packages/hooks/use-aria-accordion/package.json
+++ b/packages/hooks/use-aria-accordion/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "use-aria-accordion"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/hooks/use-aria-button/package.json b/packages/hooks/use-aria-button/package.json
index bdd0142d7f..4f73bcf776 100644
--- a/packages/hooks/use-aria-button/package.json
+++ b/packages/hooks/use-aria-button/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "use-aria-button"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/hooks/use-aria-link/package.json b/packages/hooks/use-aria-link/package.json
index c8ea5f0f68..67241d3fa7 100644
--- a/packages/hooks/use-aria-link/package.json
+++ b/packages/hooks/use-aria-link/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "use-aria-link"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/hooks/use-aria-modal-overlay/package.json b/packages/hooks/use-aria-modal-overlay/package.json
index af834f365e..bd0cef8133 100644
--- a/packages/hooks/use-aria-modal-overlay/package.json
+++ b/packages/hooks/use-aria-modal-overlay/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "use-aria-modal-overlay"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/hooks/use-aria-multiselect/package.json b/packages/hooks/use-aria-multiselect/package.json
index 5e694e2cb4..cd83a11c53 100644
--- a/packages/hooks/use-aria-multiselect/package.json
+++ b/packages/hooks/use-aria-multiselect/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "use-aria-multiselect"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/hooks/use-callback-ref/package.json b/packages/hooks/use-callback-ref/package.json
index de4e5267f0..4f43d17cc4 100644
--- a/packages/hooks/use-callback-ref/package.json
+++ b/packages/hooks/use-callback-ref/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "use-callback-ref"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/hooks/use-clipboard/package.json b/packages/hooks/use-clipboard/package.json
index 83e85b78d8..8df968bba8 100644
--- a/packages/hooks/use-clipboard/package.json
+++ b/packages/hooks/use-clipboard/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "use-clipboard"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/hooks/use-data-scroll-overflow/package.json b/packages/hooks/use-data-scroll-overflow/package.json
index bd1b0b5ff5..a2dc5825a8 100644
--- a/packages/hooks/use-data-scroll-overflow/package.json
+++ b/packages/hooks/use-data-scroll-overflow/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "use-data-scroll-overflow"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/hooks/use-disclosure/package.json b/packages/hooks/use-disclosure/package.json
index c77e3d11e9..6303cf9352 100644
--- a/packages/hooks/use-disclosure/package.json
+++ b/packages/hooks/use-disclosure/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "use-disclosure"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/hooks/use-draggable/package.json b/packages/hooks/use-draggable/package.json
index ddeb48edbb..9daed37c96 100644
--- a/packages/hooks/use-draggable/package.json
+++ b/packages/hooks/use-draggable/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "use-draggable"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/hooks/use-image/package.json b/packages/hooks/use-image/package.json
index 7aaeef2f08..b48ece9946 100644
--- a/packages/hooks/use-image/package.json
+++ b/packages/hooks/use-image/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "use-image"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/hooks/use-infinite-scroll/package.json b/packages/hooks/use-infinite-scroll/package.json
index 4c4dfdb75a..3d4b1996ae 100644
--- a/packages/hooks/use-infinite-scroll/package.json
+++ b/packages/hooks/use-infinite-scroll/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "use-infinite-scroll"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/hooks/use-intersection-observer/package.json b/packages/hooks/use-intersection-observer/package.json
index c7da4653f7..f13cdf9b4b 100644
--- a/packages/hooks/use-intersection-observer/package.json
+++ b/packages/hooks/use-intersection-observer/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "use-intersection-observer"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/hooks/use-is-mobile/package.json b/packages/hooks/use-is-mobile/package.json
index ef862fda14..5d633a0ee9 100644
--- a/packages/hooks/use-is-mobile/package.json
+++ b/packages/hooks/use-is-mobile/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "use-is-mobile"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/hooks/use-is-mounted/package.json b/packages/hooks/use-is-mounted/package.json
index 3df48d34b5..503853cc03 100644
--- a/packages/hooks/use-is-mounted/package.json
+++ b/packages/hooks/use-is-mounted/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "use-is-mounted"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/hooks/use-measure/package.json b/packages/hooks/use-measure/package.json
index 8933f95e70..1f388dbeda 100644
--- a/packages/hooks/use-measure/package.json
+++ b/packages/hooks/use-measure/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "use-measure"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/hooks/use-pagination/package.json b/packages/hooks/use-pagination/package.json
index 542e0edeb4..4e73d3ac05 100644
--- a/packages/hooks/use-pagination/package.json
+++ b/packages/hooks/use-pagination/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "use-pagination"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/hooks/use-real-shape/package.json b/packages/hooks/use-real-shape/package.json
index 33bad344ee..07d0cd69b9 100644
--- a/packages/hooks/use-real-shape/package.json
+++ b/packages/hooks/use-real-shape/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "use-real-shape"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/hooks/use-ref-state/package.json b/packages/hooks/use-ref-state/package.json
index a1915fe89d..9696cf395c 100644
--- a/packages/hooks/use-ref-state/package.json
+++ b/packages/hooks/use-ref-state/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "use-ref-state"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/hooks/use-resize/package.json b/packages/hooks/use-resize/package.json
index b671f2c498..a370f2b37a 100644
--- a/packages/hooks/use-resize/package.json
+++ b/packages/hooks/use-resize/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "use-resize"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/hooks/use-safe-layout-effect/package.json b/packages/hooks/use-safe-layout-effect/package.json
index b27756cd8d..02604811fe 100644
--- a/packages/hooks/use-safe-layout-effect/package.json
+++ b/packages/hooks/use-safe-layout-effect/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "use-safe-layout-effect"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/hooks/use-scroll-position/package.json b/packages/hooks/use-scroll-position/package.json
index 3f420e6d17..d5fb6478b7 100644
--- a/packages/hooks/use-scroll-position/package.json
+++ b/packages/hooks/use-scroll-position/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "use-scroll-position"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/hooks/use-ssr/package.json b/packages/hooks/use-ssr/package.json
index ee530503a6..53ec9fd0cd 100644
--- a/packages/hooks/use-ssr/package.json
+++ b/packages/hooks/use-ssr/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "use-ssr"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/hooks/use-theme/package.json b/packages/hooks/use-theme/package.json
index 54c3452f40..86cb46d7d3 100644
--- a/packages/hooks/use-theme/package.json
+++ b/packages/hooks/use-theme/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "use-theme"
   ],
-  "author": "WK Wong <wingkwong.code@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/hooks/use-update-effect/package.json b/packages/hooks/use-update-effect/package.json
index 10c01acee9..ca9a83b705 100644
--- a/packages/hooks/use-update-effect/package.json
+++ b/packages/hooks/use-update-effect/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "use-update-effect"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/storybook/package.json b/packages/storybook/package.json
index 2f1e03c9e6..25f388a1bc 100644
--- a/packages/storybook/package.json
+++ b/packages/storybook/package.json
@@ -6,7 +6,7 @@
     "storybook"
   ],
   "type": "module",
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/utilities/aria-utils/package.json b/packages/utilities/aria-utils/package.json
index 9a943205f3..4cc4a7a353 100644
--- a/packages/utilities/aria-utils/package.json
+++ b/packages/utilities/aria-utils/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "aria-utils"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/utilities/dom-animation/package.json b/packages/utilities/dom-animation/package.json
index ba539e78eb..01323a3317 100644
--- a/packages/utilities/dom-animation/package.json
+++ b/packages/utilities/dom-animation/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "dom-animation"
   ],
-  "author": "WK Wong <wingkwong.code@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/utilities/framer-utils/package.json b/packages/utilities/framer-utils/package.json
index 2e1aef5190..69d4ac53d0 100644
--- a/packages/utilities/framer-utils/package.json
+++ b/packages/utilities/framer-utils/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "framer-utils"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/utilities/react-rsc-utils/package.json b/packages/utilities/react-rsc-utils/package.json
index 1d82f7efc9..0b2e4dea78 100644
--- a/packages/utilities/react-rsc-utils/package.json
+++ b/packages/utilities/react-rsc-utils/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "react-rsc-utils"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/utilities/react-utils/package.json b/packages/utilities/react-utils/package.json
index 0f226f1917..15f675b6f7 100644
--- a/packages/utilities/react-utils/package.json
+++ b/packages/utilities/react-utils/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "react-utils"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/utilities/shared-icons/package.json b/packages/utilities/shared-icons/package.json
index 790acfa048..b582539b6c 100644
--- a/packages/utilities/shared-icons/package.json
+++ b/packages/utilities/shared-icons/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "icons-utils"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/utilities/shared-icons/src/close.tsx b/packages/utilities/shared-icons/src/close.tsx
index 13ef5c2b00..51681d6e2b 100644
--- a/packages/utilities/shared-icons/src/close.tsx
+++ b/packages/utilities/shared-icons/src/close.tsx
@@ -17,6 +17,7 @@ export const CloseIcon = (
   return (
     <svg
       aria-hidden="true"
+      className="fill-current"
       fill="none"
       focusable="false"
       height="1em"
diff --git a/packages/utilities/shared-icons/src/danger.tsx b/packages/utilities/shared-icons/src/danger.tsx
index ffa5c56f6d..d5cd7f3259 100644
--- a/packages/utilities/shared-icons/src/danger.tsx
+++ b/packages/utilities/shared-icons/src/danger.tsx
@@ -7,6 +7,7 @@ export const DangerIcon = (
 ) => {
   return (
     <svg
+      className="fill-current"
       fill="none"
       height="20"
       viewBox="0 0 20 20"
diff --git a/packages/utilities/shared-icons/src/index.ts b/packages/utilities/shared-icons/src/index.ts
index a2f5a0286d..664f7da714 100644
--- a/packages/utilities/shared-icons/src/index.ts
+++ b/packages/utilities/shared-icons/src/index.ts
@@ -18,6 +18,7 @@ export * from "./moon";
 export * from "./moon-filled";
 export * from "./headphones";
 export * from "./anchor";
+export * from "./info-filled";
 export * from "./info";
 export * from "./shield-security";
 export * from "./monitor-mobile";
diff --git a/packages/utilities/shared-icons/src/info-filled.tsx b/packages/utilities/shared-icons/src/info-filled.tsx
new file mode 100644
index 0000000000..86b8014939
--- /dev/null
+++ b/packages/utilities/shared-icons/src/info-filled.tsx
@@ -0,0 +1,20 @@
+import {IconSvgProps} from "./types";
+
+export const InfoFilledIcon = (
+  props: IconSvgProps & {
+    className?: string;
+  },
+) => {
+  return (
+    <svg
+      fill="none"
+      height="24"
+      viewBox="0 0 24 24"
+      width="24"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path d="M12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22ZM12.75 16C12.75 16.41 12.41 16.75 12 16.75C11.59 16.75 11.25 16.41 11.25 16L11.25 11C11.25 10.59 11.59 10.25 12 10.25C12.41 10.25 12.75 10.59 12.75 11L12.75 16ZM11.08 7.62C11.13 7.49 11.2 7.39 11.29 7.29C11.39 7.2 11.5 7.13 11.62 7.08C11.74 7.03 11.87 7 12 7C12.13 7 12.26 7.03 12.38 7.08C12.5 7.13 12.61 7.2 12.71 7.29C12.8 7.39 12.87 7.49 12.92 7.62C12.97 7.74 13 7.87 13 8C13 8.13 12.97 8.26 12.92 8.38C12.87 8.5 12.8 8.61 12.71 8.71C12.61 8.8 12.5 8.87 12.38 8.92C12.14 9.02 11.86 9.02 11.62 8.92C11.5 8.87 11.39 8.8 11.29 8.71C11.2 8.61 11.13 8.5 11.08 8.38C11.03 8.26 11 8.13 11 8C11 7.87 11.03 7.74 11.08 7.62Z" />
+    </svg>
+  );
+};
diff --git a/packages/utilities/shared-icons/src/warning.tsx b/packages/utilities/shared-icons/src/warning.tsx
index fd4d4d3133..69bd9c02de 100644
--- a/packages/utilities/shared-icons/src/warning.tsx
+++ b/packages/utilities/shared-icons/src/warning.tsx
@@ -7,6 +7,7 @@ export const WarningIcon = (
 ) => {
   return (
     <svg
+      className="fill-current"
       fill="none"
       height="24"
       viewBox="0 0 24 24"
diff --git a/packages/utilities/shared-utils/package.json b/packages/utilities/shared-utils/package.json
index c4cf629d1f..b51fb101dc 100644
--- a/packages/utilities/shared-utils/package.json
+++ b/packages/utilities/shared-utils/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "system"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/utilities/stories-utils/package.json b/packages/utilities/stories-utils/package.json
index 7ff2afa135..b44e7c2627 100644
--- a/packages/utilities/stories-utils/package.json
+++ b/packages/utilities/stories-utils/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "stories-utils"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/packages/utilities/test-utils/package.json b/packages/utilities/test-utils/package.json
index 9aba1973e1..3417a0f70a 100644
--- a/packages/utilities/test-utils/package.json
+++ b/packages/utilities/test-utils/package.json
@@ -5,7 +5,7 @@
   "keywords": [
     "test-utils"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/plop/component/package.json.hbs b/plop/component/package.json.hbs
index 74688a8a05..55c9ce4b5e 100644
--- a/plop/component/package.json.hbs
+++ b/plop/component/package.json.hbs
@@ -5,7 +5,7 @@
   "keywords": [
     "{{componentName}}"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/plop/hook/package.json.hbs b/plop/hook/package.json.hbs
index 5e465e00c1..c8d71529d1 100644
--- a/plop/hook/package.json.hbs
+++ b/plop/hook/package.json.hbs
@@ -5,7 +5,7 @@
   "keywords": [
     "{{hookName}}"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/plop/package/package.json.hbs b/plop/package/package.json.hbs
index 89dd8ff698..ef774bfcbf 100644
--- a/plop/package/package.json.hbs
+++ b/plop/package/package.json.hbs
@@ -5,7 +5,7 @@
   "keywords": [
     "{{packageName}}"
   ],
-  "author": "Junior Garcia <jrgarciadev@gmail.com>",
+  "author": "HeroUI <support@heroui.com>",
   "homepage": "https://heroui.com",
   "license": "MIT",
   "main": "src/index.ts",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a184cf9fc5..01eaf337cc 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -66,7 +66,7 @@ importers:
         version: 3.27.0(react@18.3.0)
       '@storybook/react':
         specifier: ^8.4.5
-        version: 8.4.7(react-dom@18.3.1(react@18.3.0))(react@18.3.0)(storybook@8.5.0(prettier@2.8.8))(typescript@5.6.3)
+        version: 8.4.7(react-dom@18.3.0(react@18.3.0))(react@18.3.0)(storybook@8.5.0(prettier@2.8.8))(typescript@5.7.3)
       '@swc/core':
         specifier: ^1.3.35
         version: 1.10.6(@swc/helpers@0.5.15)
@@ -81,7 +81,7 @@ importers:
         version: 6.6.3
       '@testing-library/react':
         specifier: ^16.0.1
-        version: 16.1.0(@testing-library/dom@10.4.0)(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.3.1(react@18.3.0))(react@18.3.0)
+        version: 16.1.0(@testing-library/dom@10.4.0)(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
       '@testing-library/user-event':
         specifier: ^14.5.2
         version: 14.5.2(@testing-library/dom@10.4.0)
@@ -102,10 +102,10 @@ importers:
         version: 0.8.15
       '@typescript-eslint/eslint-plugin':
         specifier: ^5.42.0
-        version: 5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint@7.32.0)(typescript@5.6.3)
+        version: 5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint@7.32.0)(typescript@5.7.3)
       '@typescript-eslint/parser':
         specifier: ^5.42.0
-        version: 5.62.0(eslint@7.32.0)(typescript@5.6.3)
+        version: 5.62.0(eslint@7.32.0)(typescript@5.7.3)
       chalk:
         specifier: ^4.1.2
         version: 4.1.2
@@ -123,19 +123,19 @@ importers:
         version: 7.32.0
       eslint-config-airbnb:
         specifier: ^18.2.1
-        version: 18.2.1(eslint-plugin-import@2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0))(eslint-plugin-jsx-a11y@6.10.2(eslint@7.32.0))(eslint-plugin-react-hooks@4.6.2(eslint@7.32.0))(eslint-plugin-react@7.37.3(eslint@7.32.0))(eslint@7.32.0)
+        version: 18.2.1(eslint-plugin-import@2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0))(eslint-plugin-jsx-a11y@6.10.2(eslint@7.32.0))(eslint-plugin-react-hooks@4.6.2(eslint@7.32.0))(eslint-plugin-react@7.37.3(eslint@7.32.0))(eslint@7.32.0)
       eslint-config-airbnb-typescript:
         specifier: ^12.3.1
-        version: 12.3.1(eslint-plugin-import@2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0))(eslint-plugin-jsx-a11y@6.10.2(eslint@7.32.0))(eslint-plugin-react-hooks@4.6.2(eslint@7.32.0))(eslint-plugin-react@7.37.3(eslint@7.32.0))(eslint@7.32.0)(typescript@5.6.3)
+        version: 12.3.1(eslint-plugin-import@2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0))(eslint-plugin-jsx-a11y@6.10.2(eslint@7.32.0))(eslint-plugin-react-hooks@4.6.2(eslint@7.32.0))(eslint-plugin-react@7.37.3(eslint@7.32.0))(eslint@7.32.0)(typescript@5.7.3)
       eslint-config-prettier:
         specifier: ^8.2.0
         version: 8.10.0(eslint@7.32.0)
       eslint-config-react-app:
         specifier: ^6.0.0
-        version: 6.0.0(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint@7.32.0)(typescript@5.6.3))(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(babel-eslint@10.1.0(eslint@7.32.0))(eslint-plugin-flowtype@5.10.0(eslint@7.32.0))(eslint-plugin-import@2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0))(eslint-plugin-jest@24.7.0(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint@7.32.0)(typescript@5.6.3))(eslint@7.32.0)(typescript@5.6.3))(eslint-plugin-jsx-a11y@6.10.2(eslint@7.32.0))(eslint-plugin-react-hooks@4.6.2(eslint@7.32.0))(eslint-plugin-react@7.37.3(eslint@7.32.0))(eslint@7.32.0)(typescript@5.6.3)
+        version: 6.0.0(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint@7.32.0)(typescript@5.7.3))(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(babel-eslint@10.1.0(eslint@7.32.0))(eslint-plugin-flowtype@5.10.0(eslint@7.32.0))(eslint-plugin-import@2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0))(eslint-plugin-jest@24.7.0(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint@7.32.0)(typescript@5.7.3))(eslint@7.32.0)(typescript@5.7.3))(eslint-plugin-jsx-a11y@6.10.2(eslint@7.32.0))(eslint-plugin-react-hooks@4.6.2(eslint@7.32.0))(eslint-plugin-react@7.37.3(eslint@7.32.0))(eslint@7.32.0)(typescript@5.7.3)
       eslint-config-ts-lambdas:
         specifier: ^1.2.3
-        version: 1.2.3(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint@7.32.0)(typescript@5.6.3))(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint@7.32.0)(typescript@5.6.3)
+        version: 1.2.3(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint@7.32.0)(typescript@5.7.3))(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint@7.32.0)(typescript@5.7.3)
       eslint-import-resolver-typescript:
         specifier: ^2.4.0
         version: 2.7.1(eslint-plugin-import@2.31.0)(eslint@7.32.0)
@@ -144,10 +144,10 @@ importers:
         version: 4.0.2(eslint@7.32.0)(webpack@5.97.1(@swc/core@1.10.6(@swc/helpers@0.5.15))(esbuild@0.24.2)(webpack-cli@3.3.12))
       eslint-plugin-import:
         specifier: ^2.26.0
-        version: 2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0)
+        version: 2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0)
       eslint-plugin-jest:
         specifier: ^24.7.0
-        version: 24.7.0(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint@7.32.0)(typescript@5.6.3))(eslint@7.32.0)(typescript@5.6.3)
+        version: 24.7.0(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint@7.32.0)(typescript@5.7.3))(eslint@7.32.0)(typescript@5.7.3)
       eslint-plugin-jsx-a11y:
         specifier: ^6.4.1
         version: 6.10.2(eslint@7.32.0)
@@ -168,7 +168,7 @@ importers:
         version: 4.6.2(eslint@7.32.0)
       eslint-plugin-unused-imports:
         specifier: ^2.0.0
-        version: 2.0.0(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint@7.32.0)(typescript@5.6.3))(eslint@7.32.0)
+        version: 2.0.0(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint@7.32.0)(typescript@5.7.3))(eslint@7.32.0)
       execa:
         specifier: ^5.1.1
         version: 5.1.1
@@ -195,13 +195,13 @@ importers:
         version: 10.7.11
       jest:
         specifier: ^29.7.0
-        version: 29.7.0(@types/node@15.14.9)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.6.3))
+        version: 29.7.0(@types/node@15.14.9)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.7.3))
       jest-environment-jsdom:
         specifier: ^29.7.0
         version: 29.7.0
       jest-watch-typeahead:
         specifier: 2.2.2
-        version: 2.2.2(jest@29.7.0(@types/node@15.14.9)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.6.3)))
+        version: 2.2.2(jest@29.7.0(@types/node@15.14.9)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.7.3)))
       lint-staged:
         specifier: ^13.0.3
         version: 13.3.0(enquirer@2.4.1)
@@ -216,7 +216,7 @@ importers:
         version: 1.1.8
       parcel:
         specifier: ^2.3.1
-        version: 2.13.3(@swc/helpers@0.5.15)(postcss@8.4.49)(terser@5.37.0)(typescript@5.6.3)
+        version: 2.13.3(@swc/helpers@0.5.15)(postcss@8.4.49)(terser@5.37.0)(typescript@5.7.3)
       plop:
         specifier: 3.1.1
         version: 3.1.1
@@ -240,7 +240,7 @@ importers:
         version: 0.8.5
       tsup:
         specifier: 8.3.5
-        version: 8.3.5(@swc/core@1.10.6(@swc/helpers@0.5.15))(jiti@1.21.7)(postcss@8.4.49)(tsx@4.19.2)(typescript@5.6.3)(yaml@2.7.0)
+        version: 8.3.5(@swc/core@1.10.6(@swc/helpers@0.5.15))(jiti@1.21.7)(postcss@8.4.49)(tsx@4.19.2)(typescript@5.7.3)(yaml@2.7.0)
       tsx:
         specifier: ^4.19.2
         version: 4.19.2
@@ -248,8 +248,8 @@ importers:
         specifier: 1.6.3
         version: 1.6.3
       typescript:
-        specifier: ^5.5.0
-        version: 5.6.3
+        specifier: ^5.7.3
+        version: 5.7.3
       webpack:
         specifier: ^5.53.0
         version: 5.97.1(@swc/core@1.10.6(@swc/helpers@0.5.15))(esbuild@0.24.2)(webpack-cli@3.3.12)
@@ -377,8 +377,8 @@ importers:
         specifier: ^1.11.0
         version: 1.11.0
       '@tanstack/react-virtual':
-        specifier: 3.11.2
-        version: 3.11.2(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
+        specifier: 3.11.3
+        version: 3.11.3(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
       '@vercel/analytics':
         specifier: ^1.4.1
         version: 1.4.1(next@14.3.0-canary.43(@babel/core@7.26.0)(@opentelemetry/api@1.9.0)(react-dom@18.3.0(react@18.3.0))(react@18.3.0))(react@18.3.0)
@@ -510,7 +510,7 @@ importers:
         version: 2.2.5(react@18.3.0)
       tailwind-variants:
         specifier: ^0.3.0
-        version: 0.3.0(tailwindcss@3.4.14(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.2.5)(typescript@5.7.2)))
+        version: 0.3.0(tailwindcss@3.4.14(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.2.5)(typescript@5.7.3)))
       unified:
         specifier: ^11.0.5
         version: 11.0.5
@@ -544,7 +544,7 @@ importers:
         version: 3.27.0(react@18.3.0)
       '@tailwindcss/typography':
         specifier: ^0.5.9
-        version: 0.5.16(tailwindcss@3.4.14(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.2.5)(typescript@5.7.2)))
+        version: 0.5.16(tailwindcss@3.4.14(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.2.5)(typescript@5.7.3)))
       '@types/canvas-confetti':
         specifier: ^1.4.2
         version: 1.9.0
@@ -595,7 +595,7 @@ importers:
         version: 0.1.8(esbuild@0.24.2)
       eslint-config-next:
         specifier: 15.0.3
-        version: 15.0.3(eslint@7.32.0)(typescript@5.7.2)
+        version: 15.0.3(eslint@7.32.0)(typescript@5.7.3)
       markdown-toc:
         specifier: ^1.2.0
         version: 1.2.0
@@ -616,13 +616,13 @@ importers:
         version: 2.8.8
       tailwindcss:
         specifier: 3.4.14
-        version: 3.4.14(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.2.5)(typescript@5.7.2))
+        version: 3.4.14(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.2.5)(typescript@5.7.3))
       tsx:
         specifier: ^3.8.2
         version: 3.14.0
       typescript:
-        specifier: ^5.5.0
-        version: 5.7.2
+        specifier: ^5.7.3
+        version: 5.7.3
       uuid:
         specifier: ^8.3.2
         version: 8.3.2
@@ -1940,8 +1940,8 @@ importers:
         specifier: 3.27.0
         version: 3.27.0(react@18.3.0)
       '@tanstack/react-virtual':
-        specifier: 3.11.2
-        version: 3.11.2(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
+        specifier: 3.11.3
+        version: 3.11.3(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
     devDependencies:
       '@heroui/avatar':
         specifier: workspace:*
@@ -2565,8 +2565,8 @@ importers:
         specifier: 3.27.0
         version: 3.27.0(react@18.3.0)
       '@tanstack/react-virtual':
-        specifier: 3.11.2
-        version: 3.11.2(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
+        specifier: 3.11.3
+        version: 3.11.3(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
     devDependencies:
       '@heroui/avatar':
         specifier: workspace:*
@@ -2904,6 +2904,9 @@ importers:
       '@react-types/table':
         specifier: 3.10.4
         version: 3.10.4(react@18.3.0)
+      '@tanstack/react-virtual':
+        specifier: 3.11.3
+        version: 3.11.3(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
     devDependencies:
       '@heroui/button':
         specifier: workspace:*
@@ -3030,6 +3033,61 @@ importers:
         specifier: 0.13.0
         version: 0.13.0(react@18.3.0)
 
+  packages/components/toast:
+    dependencies:
+      '@heroui/react-utils':
+        specifier: workspace:*
+        version: link:../../utilities/react-utils
+      '@heroui/shared-icons':
+        specifier: workspace:*
+        version: link:../../utilities/shared-icons
+      '@heroui/shared-utils':
+        specifier: workspace:*
+        version: link:../../utilities/shared-utils
+      '@heroui/spinner':
+        specifier: workspace:*
+        version: link:../spinner
+      '@heroui/use-is-mobile':
+        specifier: workspace:*
+        version: link:../../hooks/use-is-mobile
+      '@react-aria/interactions':
+        specifier: 3.23.0
+        version: 3.23.0(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
+      '@react-aria/toast':
+        specifier: 3.0.0-beta.19
+        version: 3.0.0-beta.19(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
+      '@react-aria/utils':
+        specifier: 3.27.0
+        version: 3.27.0(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
+      '@react-stately/toast':
+        specifier: 3.0.0-beta.7
+        version: 3.0.0-beta.7(react@18.3.0)
+      '@react-stately/utils':
+        specifier: 3.10.5
+        version: 3.10.5(react@18.3.0)
+      framer-motion:
+        specifier: '>=11.5.6 || >=12.0.0-alpha.1'
+        version: 11.11.13(@emotion/is-prop-valid@1.3.1)(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
+    devDependencies:
+      '@heroui/button':
+        specifier: workspace:*
+        version: link:../button
+      '@heroui/system':
+        specifier: workspace:*
+        version: link:../../core/system
+      '@heroui/theme':
+        specifier: workspace:*
+        version: link:../../core/theme
+      clean-package:
+        specifier: 2.2.0
+        version: 2.2.0
+      react:
+        specifier: 18.3.0
+        version: 18.3.0
+      react-dom:
+        specifier: 18.3.0
+        version: 18.3.0(react@18.3.0)
+
   packages/components/tooltip:
     dependencies:
       '@heroui/aria-utils':
@@ -3271,6 +3329,9 @@ importers:
       '@heroui/theme':
         specifier: workspace:*
         version: link:../theme
+      '@heroui/toast':
+        specifier: workspace:*
+        version: link:../../components/toast
       '@heroui/tooltip':
         specifier: workspace:*
         version: link:../../components/tooltip
@@ -3360,7 +3421,7 @@ importers:
         version: 18.3.0
       tailwind-variants:
         specifier: ^0.3.0
-        version: 0.3.0(tailwindcss@3.4.16(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@15.14.9)(typescript@5.6.3)))
+        version: 0.3.0(tailwindcss@3.4.17(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@15.14.9)(typescript@5.7.3)))
 
   packages/core/theme:
     dependencies:
@@ -3387,7 +3448,7 @@ importers:
         version: 2.5.4
       tailwind-variants:
         specifier: 0.3.0
-        version: 0.3.0(tailwindcss@3.4.16(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@15.14.9)(typescript@5.6.3)))
+        version: 0.3.0(tailwindcss@3.4.17(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@15.14.9)(typescript@5.7.3)))
     devDependencies:
       '@types/color':
         specifier: ^4.2.0
@@ -3400,22 +3461,22 @@ importers:
         version: 2.2.0
       tailwindcss:
         specifier: ^3.4.16
-        version: 3.4.16(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@15.14.9)(typescript@5.6.3))
+        version: 3.4.17(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@15.14.9)(typescript@5.7.3))
 
   packages/hooks/use-aria-accordion:
     dependencies:
       '@react-aria/button':
         specifier: 3.11.1
-        version: 3.11.1(react-dom@18.3.1(react@18.3.0))(react@18.3.0)
+        version: 3.11.1(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
       '@react-aria/focus':
         specifier: 3.19.1
-        version: 3.19.1(react-dom@18.3.1(react@18.3.0))(react@18.3.0)
+        version: 3.19.1(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
       '@react-aria/selection':
         specifier: 3.22.0
-        version: 3.22.0(react-dom@18.3.1(react@18.3.0))(react@18.3.0)
+        version: 3.22.0(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
       '@react-aria/utils':
         specifier: 3.27.0
-        version: 3.27.0(react-dom@18.3.1(react@18.3.0))(react@18.3.0)
+        version: 3.27.0(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
       '@react-stately/tree':
         specifier: 3.8.7
         version: 3.8.7(react@18.3.0)
@@ -3437,10 +3498,10 @@ importers:
     dependencies:
       '@react-aria/button':
         specifier: 3.11.1
-        version: 3.11.1(react-dom@18.3.1(react@18.3.0))(react@18.3.0)
+        version: 3.11.1(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
       '@react-aria/focus':
         specifier: 3.19.1
-        version: 3.19.1(react-dom@18.3.1(react@18.3.0))(react@18.3.0)
+        version: 3.19.1(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
       '@react-stately/tree':
         specifier: 3.8.7
         version: 3.8.7(react@18.3.0)
@@ -3462,13 +3523,13 @@ importers:
         version: link:../../utilities/shared-utils
       '@react-aria/focus':
         specifier: 3.19.1
-        version: 3.19.1(react-dom@18.3.1(react@18.3.0))(react@18.3.0)
+        version: 3.19.1(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
       '@react-aria/interactions':
         specifier: 3.23.0
-        version: 3.23.0(react-dom@18.3.1(react@18.3.0))(react@18.3.0)
+        version: 3.23.0(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
       '@react-aria/utils':
         specifier: 3.27.0
-        version: 3.27.0(react-dom@18.3.1(react@18.3.0))(react@18.3.0)
+        version: 3.27.0(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
       '@react-types/button':
         specifier: 3.10.2
         version: 3.10.2(react@18.3.0)
@@ -3490,13 +3551,13 @@ importers:
         version: link:../../utilities/shared-utils
       '@react-aria/focus':
         specifier: 3.19.1
-        version: 3.19.1(react-dom@18.3.1(react@18.3.0))(react@18.3.0)
+        version: 3.19.1(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
       '@react-aria/interactions':
         specifier: 3.23.0
-        version: 3.23.0(react-dom@18.3.1(react@18.3.0))(react@18.3.0)
+        version: 3.23.0(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
       '@react-aria/utils':
         specifier: 3.27.0
-        version: 3.27.0(react-dom@18.3.1(react@18.3.0))(react@18.3.0)
+        version: 3.27.0(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
       '@react-types/link':
         specifier: 3.5.10
         version: 3.5.10(react@18.3.0)
@@ -3633,7 +3694,7 @@ importers:
         version: link:../use-callback-ref
       '@react-aria/utils':
         specifier: 3.27.0
-        version: 3.27.0(react-dom@18.3.1(react@18.3.0))(react@18.3.0)
+        version: 3.27.0(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
       '@react-stately/utils':
         specifier: 3.10.5
         version: 3.10.5(react@18.3.0)
@@ -3649,7 +3710,7 @@ importers:
     dependencies:
       '@react-aria/interactions':
         specifier: 3.23.0
-        version: 3.23.0(react-dom@18.3.1(react@18.3.0))(react@18.3.0)
+        version: 3.23.0(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
     devDependencies:
       clean-package:
         specifier: 2.2.0
@@ -3694,13 +3755,13 @@ importers:
     dependencies:
       '@react-aria/interactions':
         specifier: 3.23.0
-        version: 3.23.0(react-dom@18.3.1(react@18.3.0))(react@18.3.0)
+        version: 3.23.0(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
       '@react-aria/ssr':
         specifier: 3.9.7
         version: 3.9.7(react@18.3.0)
       '@react-aria/utils':
         specifier: 3.27.0
-        version: 3.27.0(react-dom@18.3.1(react@18.3.0))(react@18.3.0)
+        version: 3.27.0(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
       '@react-types/shared':
         specifier: 3.27.0
         version: 3.27.0(react@18.3.0)
@@ -3750,7 +3811,7 @@ importers:
         version: link:../../utilities/shared-utils
       '@react-aria/i18n':
         specifier: 3.12.5
-        version: 3.12.5(react-dom@18.3.1(react@18.3.0))(react@18.3.0)
+        version: 3.12.5(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
     devDependencies:
       clean-package:
         specifier: 2.2.0
@@ -3879,10 +3940,10 @@ importers:
         version: 8.5.0(storybook@8.5.0(prettier@3.4.2))
       '@storybook/react':
         specifier: ^8.5.0
-        version: 8.5.0(@storybook/test@8.5.0(storybook@8.5.0(prettier@3.4.2)))(react-dom@18.3.0(react@18.3.0))(react@18.3.0)(storybook@8.5.0(prettier@3.4.2))(typescript@5.7.2)
+        version: 8.5.0(@storybook/test@8.5.0(storybook@8.5.0(prettier@3.4.2)))(react-dom@18.3.0(react@18.3.0))(react@18.3.0)(storybook@8.5.0(prettier@3.4.2))(typescript@5.7.3)
       '@storybook/react-vite':
         specifier: ^8.5.0
-        version: 8.5.0(@storybook/test@8.5.0(storybook@8.5.0(prettier@3.4.2)))(react-dom@18.3.0(react@18.3.0))(react@18.3.0)(rollup@4.30.1)(storybook@8.5.0(prettier@3.4.2))(typescript@5.7.2)(vite@5.4.11(@types/node@20.5.1)(lightningcss@1.28.2)(terser@5.37.0))
+        version: 8.5.0(@storybook/test@8.5.0(storybook@8.5.0(prettier@3.4.2)))(react-dom@18.3.0(react@18.3.0))(react@18.3.0)(rollup@4.30.1)(storybook@8.5.0(prettier@3.4.2))(typescript@5.7.3)(vite@5.4.11(@types/node@20.5.1)(lightningcss@1.28.2)(terser@5.37.0))
       '@storybook/theming':
         specifier: ^8.5.0
         version: 8.5.0(storybook@8.5.0(prettier@3.4.2))
@@ -3903,7 +3964,7 @@ importers:
         version: 4.0.2(react-dom@18.3.0(react@18.3.0))(react@18.3.0)(storybook@8.5.0(prettier@3.4.2))
       tailwindcss:
         specifier: ^3.3.5
-        version: 3.4.14(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.7.2))
+        version: 3.4.14(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.7.3))
       vite:
         specifier: ^5.4.11
         version: 5.4.11(@types/node@20.5.1)(lightningcss@1.28.2)(terser@5.37.0)
@@ -6917,6 +6978,12 @@ packages:
       react: 18.3.0
       react-dom: 18.3.0
 
+  '@react-aria/landmark@3.0.0-beta.18':
+    resolution: {integrity: sha512-jFtWL7TYZrKucWNDx6ppUkGSqS2itkjhyLo9MIFqEg2mi4Lc2EoUjI/Gw9xMT+IJgebTcdQeXJpPskspl3Pojg==}
+    peerDependencies:
+      react: 18.3.0
+      react-dom: 18.3.0
+
   '@react-aria/link@3.7.8':
     resolution: {integrity: sha512-oiXUPQLZmf9Q9Xehb/sG1QRxfo28NFKdh9w+unD12sHI6NdLMETl5MA4CYyTgI0dfMtTjtfrF68GCnWfc7JvXQ==}
     peerDependencies:
@@ -7003,6 +7070,12 @@ packages:
       react: 18.3.0
       react-dom: 18.3.0
 
+  '@react-aria/toast@3.0.0-beta.19':
+    resolution: {integrity: sha512-LCMTcmSmum5CzBk+DIec66q6pJGEl+InQPJdsby7QG/row0ka6wHPvul78HVseN7dzg6G3xVjvHtVPOixkuegA==}
+    peerDependencies:
+      react: 18.3.0
+      react-dom: 18.3.0
+
   '@react-aria/toggle@3.10.11':
     resolution: {integrity: sha512-J3jO3KJiUbaYVDEpeXSBwqcyKxpi9OreiHRGiaxb6VwB+FWCj7Gb2WKajByXNyfs8jc6kX9VUFaXa7jze60oEQ==}
     peerDependencies:
@@ -7145,6 +7218,11 @@ packages:
     peerDependencies:
       react: 18.3.0
 
+  '@react-stately/toast@3.0.0-beta.7':
+    resolution: {integrity: sha512-+KDkaOS5Y4ApOfiP0HHij4ySwAd1VM9/pI4rVTyHrzkp0R2Q0eBxZ74MpWMpVfJa2lSjb/qEm60tqJ3A+4R/cQ==}
+    peerDependencies:
+      react: 18.3.0
+
   '@react-stately/toggle@3.8.1':
     resolution: {integrity: sha512-MVpe79ghVQiwLmVzIPhF/O/UJAUc9B+ZSylVTyJiEPi0cwhbkKGQv9thOF0ebkkRkace5lojASqUAYtSTZHQJA==}
     peerDependencies:
@@ -7799,14 +7877,14 @@ packages:
     peerDependencies:
       tailwindcss: '>=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1'
 
-  '@tanstack/react-virtual@3.11.2':
-    resolution: {integrity: sha512-OuFzMXPF4+xZgx8UzJha0AieuMihhhaWG0tCqpp6tDzlFwOmNBPYMuLOtMJ1Tr4pXLHmgjcWhG6RlknY2oNTdQ==}
+  '@tanstack/react-virtual@3.11.3':
+    resolution: {integrity: sha512-vCU+OTylXN3hdC8RKg68tPlBPjjxtzon7Ys46MgrSLE+JhSjSTPvoQifV6DQJeJmA8Q3KT6CphJbejupx85vFw==}
     peerDependencies:
       react: 18.3.0
       react-dom: 18.3.0
 
-  '@tanstack/virtual-core@3.11.2':
-    resolution: {integrity: sha512-vTtpNt7mKCiZ1pwU9hfKPhpdVO2sVzFQsxoVBGtOSHxlrRRzYr8iQ2TlwbAcRYCcEiZ9ECAM8kBzH0v2+VzfKw==}
+  '@tanstack/virtual-core@3.11.3':
+    resolution: {integrity: sha512-v2mrNSnMwnPJtcVqNvV0c5roGCBqeogN8jDtgtuHCphdwBasOZ17x8UV8qpHUh+u0MLfX43c0uUHKje0s+Zb0w==}
 
   '@testing-library/dom@10.4.0':
     resolution: {integrity: sha512-pemlzrSESWbdAloYml3bAJMEfNh1Z7EduzqPKprCH5S341frlpYnUEW0H72dLxa6IsYr+mPno20GiSm+h9dEdQ==}
@@ -8858,8 +8936,8 @@ packages:
   buffer@6.0.3:
     resolution: {integrity: sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==}
 
-  bundle-require@5.0.0:
-    resolution: {integrity: sha512-GuziW3fSSmopcx4KRymQEJVbZUfqlCqcq7dvs6TYwKRZiegK/2buMxQTPs6MGlNv50wms1699qYO54R8XfRX4w==}
+  bundle-require@5.1.0:
+    resolution: {integrity: sha512-3WrrOuZiyaaZPWiEt4G3+IffISVC9HYlWueJEBWED4ZH4aIAC2PnkdnuRrR94M+w6yGWn4AglWtJtBI8YqvgoA==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
     peerDependencies:
       esbuild: '>=0.18'
@@ -9014,8 +9092,8 @@ packages:
     resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
     engines: {node: '>= 8.10.0'}
 
-  chokidar@4.0.2:
-    resolution: {integrity: sha512-/b57FK+bblSU+dfewfFe0rT1YjVDfOmeLQwCAuC+vwvgLkXboATqqmy+Ipux6JrF6L5joe5CBnFOw+gLWH6yKg==}
+  chokidar@4.0.3:
+    resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
     engines: {node: '>= 14.16.0'}
 
   chownr@1.1.4:
@@ -10344,8 +10422,8 @@ packages:
   fd-package-json@1.2.0:
     resolution: {integrity: sha512-45LSPmWf+gC5tdCQMNH4s9Sr00bIkiD9aN7dc5hqkrEw1geRYyDQS1v1oMHAW3ysfxfndqGsrDREHHjNNbKUfA==}
 
-  fdir@6.4.2:
-    resolution: {integrity: sha512-KnhMXsKSPZlAhp7+IjUkRZKPb4fUyccpDrdFXbi4QL1qkmFh9kVY09Yox+n4MaOb3lHZ1Tv829C3oaaXoMYPDQ==}
+  fdir@6.4.3:
+    resolution: {integrity: sha512-PMXmW2y1hDDfTSRc9gaXIuCCRpuoz3Kaz8cUelp3smouvfT632ozg2vrT6lJsHKKOF59YLbOGfAWGUcKEfRMQw==}
     peerDependencies:
       picomatch: ^3 || ^4
     peerDependenciesMeta:
@@ -13398,11 +13476,6 @@ packages:
     peerDependencies:
       react: 18.3.0
 
-  react-dom@18.3.1:
-    resolution: {integrity: sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==}
-    peerDependencies:
-      react: 18.3.0
-
   react-error-overlay@6.0.9:
     resolution: {integrity: sha512-nQTTcUu+ATDbrSD1BZHr5kgSD4oF8OFjxun8uAaL8RwPBacGBNPf/yAuVVdx17N8XNzRDMrZ9XcKZHCjPW+9ew==}
 
@@ -13529,9 +13602,9 @@ packages:
     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
     engines: {node: '>=8.10.0'}
 
-  readdirp@4.0.2:
-    resolution: {integrity: sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==}
-    engines: {node: '>= 14.16.0'}
+  readdirp@4.1.1:
+    resolution: {integrity: sha512-h80JrZu/MHUZCyHu5ciuoI0+WxsCxzxJTILn6Fs8rxSnFPh+UVHYfeIxK1nVGugMqkfC4vJcBOYbkfkwYK0+gw==}
+    engines: {node: '>= 14.18.0'}
 
   recast@0.23.9:
     resolution: {integrity: sha512-Hx/BGIbwj+Des3+xy5uAtAbdCyqK9y9wbBcDFDYanLS9JnMqf7OeF87HQwUimE87OEc72mr6tkKUKMBBL+hF9Q==}
@@ -14429,8 +14502,8 @@ packages:
     engines: {node: '>=14.0.0'}
     hasBin: true
 
-  tailwindcss@3.4.16:
-    resolution: {integrity: sha512-TI4Cyx7gDiZ6r44ewaJmt0o6BrMCT5aK5e0rmJ/G9Xq3w7CX/5VXl/zIPEJZFUK5VEqwByyhqNPycPlvcK4ZNw==}
+  tailwindcss@3.4.17:
+    resolution: {integrity: sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==}
     engines: {node: '>=14.0.0'}
     hasBin: true
 
@@ -14818,13 +14891,8 @@ packages:
     engines: {node: '>=4.2.0'}
     hasBin: true
 
-  typescript@5.6.3:
-    resolution: {integrity: sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw==}
-    engines: {node: '>=14.17'}
-    hasBin: true
-
-  typescript@5.7.2:
-    resolution: {integrity: sha512-i5t66RHxDvVN40HfDd1PsEThGNnlMCMT3jMUuoh9/0TaqWevNontacunWyN02LA9/fIbEWlcHZcgTKb9QoaLfg==}
+  typescript@5.7.3:
+    resolution: {integrity: sha512-84MVSjMEHP+FQRPy3pX9sTVV/INIex71s9TL2Gm5FG/WG1SqXeKyZ0k7/blY/4FdOzI12CBy1vGc4og/eus0fw==}
     engines: {node: '>=14.17'}
     hasBin: true
 
@@ -16791,14 +16859,14 @@ snapshots:
       '@commitlint/types': 17.8.1
       '@types/node': 20.5.1
       chalk: 4.1.2
-      cosmiconfig: 8.3.6(typescript@5.6.3)
-      cosmiconfig-typescript-loader: 4.4.0(@types/node@20.5.1)(cosmiconfig@8.3.6(typescript@5.6.3))(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.6.3))(typescript@5.6.3)
+      cosmiconfig: 8.3.6(typescript@5.7.3)
+      cosmiconfig-typescript-loader: 4.4.0(@types/node@20.5.1)(cosmiconfig@8.3.6(typescript@5.7.3))(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.7.3))(typescript@5.7.3)
       lodash.isplainobject: 4.0.6
       lodash.merge: 4.6.2
       lodash.uniq: 4.5.0
       resolve-from: 5.0.0
-      ts-node: 10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@15.14.9)(typescript@5.6.3)
-      typescript: 5.6.3
+      ts-node: 10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@15.14.9)(typescript@5.7.3)
+      typescript: 5.7.3
     transitivePeerDependencies:
       - '@swc/core'
       - '@swc/wasm'
@@ -17516,7 +17584,7 @@ snapshots:
       jest-util: 29.7.0
       slash: 3.0.0
 
-  '@jest/core@29.7.0(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.6.3))':
+  '@jest/core@29.7.0(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.7.3))':
     dependencies:
       '@jest/console': 29.7.0
       '@jest/reporters': 29.7.0
@@ -17530,7 +17598,7 @@ snapshots:
       exit: 0.1.2
       graceful-fs: 4.2.11
       jest-changed-files: 29.7.0
-      jest-config: 29.7.0(@types/node@15.14.9)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.6.3))
+      jest-config: 29.7.0(@types/node@15.14.9)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.7.3))
       jest-haste-map: 29.7.0
       jest-message-util: 29.7.0
       jest-regex-util: 29.6.3
@@ -17673,13 +17741,13 @@ snapshots:
       '@types/yargs': 17.0.33
       chalk: 4.1.2
 
-  '@joshwooding/vite-plugin-react-docgen-typescript@0.4.2(typescript@5.7.2)(vite@5.4.11(@types/node@20.5.1)(lightningcss@1.28.2)(terser@5.37.0))':
+  '@joshwooding/vite-plugin-react-docgen-typescript@0.4.2(typescript@5.7.3)(vite@5.4.11(@types/node@20.5.1)(lightningcss@1.28.2)(terser@5.37.0))':
     dependencies:
       magic-string: 0.27.0
-      react-docgen-typescript: 2.2.2(typescript@5.7.2)
+      react-docgen-typescript: 2.2.2(typescript@5.7.3)
       vite: 5.4.11(@types/node@20.5.1)(lightningcss@1.28.2)(terser@5.37.0)
     optionalDependencies:
-      typescript: 5.7.2
+      typescript: 5.7.3
 
   '@jridgewell/gen-mapping@0.3.8':
     dependencies:
@@ -18129,14 +18197,14 @@ snapshots:
     transitivePeerDependencies:
       - '@parcel/core'
 
-  '@parcel/config-default@2.13.3(@parcel/core@2.13.3(@swc/helpers@0.5.15))(@swc/helpers@0.5.15)(postcss@8.4.49)(terser@5.37.0)(typescript@5.6.3)':
+  '@parcel/config-default@2.13.3(@parcel/core@2.13.3(@swc/helpers@0.5.15))(@swc/helpers@0.5.15)(postcss@8.4.49)(terser@5.37.0)(typescript@5.7.3)':
     dependencies:
       '@parcel/bundler-default': 2.13.3(@parcel/core@2.13.3(@swc/helpers@0.5.15))
       '@parcel/compressor-raw': 2.13.3(@parcel/core@2.13.3(@swc/helpers@0.5.15))
       '@parcel/core': 2.13.3(@swc/helpers@0.5.15)
       '@parcel/namer-default': 2.13.3(@parcel/core@2.13.3(@swc/helpers@0.5.15))
       '@parcel/optimizer-css': 2.13.3(@parcel/core@2.13.3(@swc/helpers@0.5.15))
-      '@parcel/optimizer-htmlnano': 2.13.3(@parcel/core@2.13.3(@swc/helpers@0.5.15))(postcss@8.4.49)(terser@5.37.0)(typescript@5.6.3)
+      '@parcel/optimizer-htmlnano': 2.13.3(@parcel/core@2.13.3(@swc/helpers@0.5.15))(postcss@8.4.49)(terser@5.37.0)(typescript@5.7.3)
       '@parcel/optimizer-image': 2.13.3(@parcel/core@2.13.3(@swc/helpers@0.5.15))
       '@parcel/optimizer-svgo': 2.13.3(@parcel/core@2.13.3(@swc/helpers@0.5.15))
       '@parcel/optimizer-swc': 2.13.3(@parcel/core@2.13.3(@swc/helpers@0.5.15))(@swc/helpers@0.5.15)
@@ -18270,12 +18338,12 @@ snapshots:
     transitivePeerDependencies:
       - '@parcel/core'
 
-  '@parcel/optimizer-htmlnano@2.13.3(@parcel/core@2.13.3(@swc/helpers@0.5.15))(postcss@8.4.49)(terser@5.37.0)(typescript@5.6.3)':
+  '@parcel/optimizer-htmlnano@2.13.3(@parcel/core@2.13.3(@swc/helpers@0.5.15))(postcss@8.4.49)(terser@5.37.0)(typescript@5.7.3)':
     dependencies:
       '@parcel/diagnostic': 2.13.3
       '@parcel/plugin': 2.13.3(@parcel/core@2.13.3(@swc/helpers@0.5.15))
       '@parcel/utils': 2.13.3
-      htmlnano: 2.1.1(postcss@8.4.49)(terser@5.37.0)(typescript@5.6.3)
+      htmlnano: 2.1.1(postcss@8.4.49)(terser@5.37.0)(typescript@5.7.3)
       nullthrows: 1.1.1
       posthtml: 0.16.6
     transitivePeerDependencies:
@@ -18948,19 +19016,6 @@ snapshots:
       react: 18.3.0
       react-dom: 18.3.0(react@18.3.0)
 
-  '@react-aria/button@3.11.1(react-dom@18.3.1(react@18.3.0))(react@18.3.0)':
-    dependencies:
-      '@react-aria/focus': 3.19.1(react-dom@18.3.1(react@18.3.0))(react@18.3.0)
-      '@react-aria/interactions': 3.23.0(react-dom@18.3.1(react@18.3.0))(react@18.3.0)
-      '@react-aria/toolbar': 3.0.0-beta.12(react-dom@18.3.1(react@18.3.0))(react@18.3.0)
-      '@react-aria/utils': 3.27.0(react-dom@18.3.1(react@18.3.0))(react@18.3.0)
-      '@react-stately/toggle': 3.8.1(react@18.3.0)
-      '@react-types/button': 3.10.2(react@18.3.0)
-      '@react-types/shared': 3.27.0(react@18.3.0)
-      '@swc/helpers': 0.5.15
-      react: 18.3.0
-      react-dom: 18.3.1(react@18.3.0)
-
   '@react-aria/calendar@3.7.0(react-dom@18.3.0(react@18.3.0))(react@18.3.0)':
     dependencies:
       '@internationalized/date': 3.7.0
@@ -19056,16 +19111,6 @@ snapshots:
       react: 18.3.0
       react-dom: 18.3.0(react@18.3.0)
 
-  '@react-aria/focus@3.19.1(react-dom@18.3.1(react@18.3.0))(react@18.3.0)':
-    dependencies:
-      '@react-aria/interactions': 3.23.0(react-dom@18.3.1(react@18.3.0))(react@18.3.0)
-      '@react-aria/utils': 3.27.0(react-dom@18.3.1(react@18.3.0))(react@18.3.0)
-      '@react-types/shared': 3.27.0(react@18.3.0)
-      '@swc/helpers': 0.5.15
-      clsx: 2.1.1
-      react: 18.3.0
-      react-dom: 18.3.1(react@18.3.0)
-
   '@react-aria/form@3.0.12(react-dom@18.3.0(react@18.3.0))(react@18.3.0)':
     dependencies:
       '@react-aria/interactions': 3.23.0(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
@@ -19107,19 +19152,6 @@ snapshots:
       react: 18.3.0
       react-dom: 18.3.0(react@18.3.0)
 
-  '@react-aria/i18n@3.12.5(react-dom@18.3.1(react@18.3.0))(react@18.3.0)':
-    dependencies:
-      '@internationalized/date': 3.7.0
-      '@internationalized/message': 3.1.6
-      '@internationalized/number': 3.6.0
-      '@internationalized/string': 3.2.5
-      '@react-aria/ssr': 3.9.7(react@18.3.0)
-      '@react-aria/utils': 3.27.0(react-dom@18.3.1(react@18.3.0))(react@18.3.0)
-      '@react-types/shared': 3.27.0(react@18.3.0)
-      '@swc/helpers': 0.5.15
-      react: 18.3.0
-      react-dom: 18.3.1(react@18.3.0)
-
   '@react-aria/interactions@3.23.0(react-dom@18.3.0(react@18.3.0))(react@18.3.0)':
     dependencies:
       '@react-aria/ssr': 3.9.7(react@18.3.0)
@@ -19129,22 +19161,22 @@ snapshots:
       react: 18.3.0
       react-dom: 18.3.0(react@18.3.0)
 
-  '@react-aria/interactions@3.23.0(react-dom@18.3.1(react@18.3.0))(react@18.3.0)':
+  '@react-aria/label@3.7.14(react-dom@18.3.0(react@18.3.0))(react@18.3.0)':
     dependencies:
-      '@react-aria/ssr': 3.9.7(react@18.3.0)
-      '@react-aria/utils': 3.27.0(react-dom@18.3.1(react@18.3.0))(react@18.3.0)
+      '@react-aria/utils': 3.27.0(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
       '@react-types/shared': 3.27.0(react@18.3.0)
       '@swc/helpers': 0.5.15
       react: 18.3.0
-      react-dom: 18.3.1(react@18.3.0)
+      react-dom: 18.3.0(react@18.3.0)
 
-  '@react-aria/label@3.7.14(react-dom@18.3.0(react@18.3.0))(react@18.3.0)':
+  '@react-aria/landmark@3.0.0-beta.18(react-dom@18.3.0(react@18.3.0))(react@18.3.0)':
     dependencies:
       '@react-aria/utils': 3.27.0(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
       '@react-types/shared': 3.27.0(react@18.3.0)
       '@swc/helpers': 0.5.15
       react: 18.3.0
       react-dom: 18.3.0(react@18.3.0)
+      use-sync-external-store: 1.4.0(react@18.3.0)
 
   '@react-aria/link@3.7.8(react-dom@18.3.0(react@18.3.0))(react@18.3.0)':
     dependencies:
@@ -19248,18 +19280,6 @@ snapshots:
       react: 18.3.0
       react-dom: 18.3.0(react@18.3.0)
 
-  '@react-aria/selection@3.22.0(react-dom@18.3.1(react@18.3.0))(react@18.3.0)':
-    dependencies:
-      '@react-aria/focus': 3.19.1(react-dom@18.3.1(react@18.3.0))(react@18.3.0)
-      '@react-aria/i18n': 3.12.5(react-dom@18.3.1(react@18.3.0))(react@18.3.0)
-      '@react-aria/interactions': 3.23.0(react-dom@18.3.1(react@18.3.0))(react@18.3.0)
-      '@react-aria/utils': 3.27.0(react-dom@18.3.1(react@18.3.0))(react@18.3.0)
-      '@react-stately/selection': 3.19.0(react@18.3.0)
-      '@react-types/shared': 3.27.0(react@18.3.0)
-      '@swc/helpers': 0.5.15
-      react: 18.3.0
-      react-dom: 18.3.1(react@18.3.0)
-
   '@react-aria/slider@3.7.15(react-dom@18.3.0(react@18.3.0))(react@18.3.0)':
     dependencies:
       '@react-aria/focus': 3.19.1(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
@@ -19348,6 +19368,19 @@ snapshots:
       react: 18.3.0
       react-dom: 18.3.0(react@18.3.0)
 
+  '@react-aria/toast@3.0.0-beta.19(react-dom@18.3.0(react@18.3.0))(react@18.3.0)':
+    dependencies:
+      '@react-aria/i18n': 3.12.5(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
+      '@react-aria/interactions': 3.23.0(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
+      '@react-aria/landmark': 3.0.0-beta.18(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
+      '@react-aria/utils': 3.27.0(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
+      '@react-stately/toast': 3.0.0-beta.7(react@18.3.0)
+      '@react-types/button': 3.10.2(react@18.3.0)
+      '@react-types/shared': 3.27.0(react@18.3.0)
+      '@swc/helpers': 0.5.15
+      react: 18.3.0
+      react-dom: 18.3.0(react@18.3.0)
+
   '@react-aria/toggle@3.10.11(react-dom@18.3.0(react@18.3.0))(react@18.3.0)':
     dependencies:
       '@react-aria/focus': 3.19.1(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
@@ -19370,16 +19403,6 @@ snapshots:
       react: 18.3.0
       react-dom: 18.3.0(react@18.3.0)
 
-  '@react-aria/toolbar@3.0.0-beta.12(react-dom@18.3.1(react@18.3.0))(react@18.3.0)':
-    dependencies:
-      '@react-aria/focus': 3.19.1(react-dom@18.3.1(react@18.3.0))(react@18.3.0)
-      '@react-aria/i18n': 3.12.5(react-dom@18.3.1(react@18.3.0))(react@18.3.0)
-      '@react-aria/utils': 3.27.0(react-dom@18.3.1(react@18.3.0))(react@18.3.0)
-      '@react-types/shared': 3.27.0(react@18.3.0)
-      '@swc/helpers': 0.5.15
-      react: 18.3.0
-      react-dom: 18.3.1(react@18.3.0)
-
   '@react-aria/tooltip@3.7.11(react-dom@18.3.0(react@18.3.0))(react@18.3.0)':
     dependencies:
       '@react-aria/focus': 3.19.1(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
@@ -19402,16 +19425,6 @@ snapshots:
       react: 18.3.0
       react-dom: 18.3.0(react@18.3.0)
 
-  '@react-aria/utils@3.27.0(react-dom@18.3.1(react@18.3.0))(react@18.3.0)':
-    dependencies:
-      '@react-aria/ssr': 3.9.7(react@18.3.0)
-      '@react-stately/utils': 3.10.5(react@18.3.0)
-      '@react-types/shared': 3.27.0(react@18.3.0)
-      '@swc/helpers': 0.5.15
-      clsx: 2.1.1
-      react: 18.3.0
-      react-dom: 18.3.1(react@18.3.0)
-
   '@react-aria/virtualizer@4.1.1(react-dom@18.3.0(react@18.3.0))(react@18.3.0)':
     dependencies:
       '@react-aria/i18n': 3.12.5(react-dom@18.3.0(react@18.3.0))(react@18.3.0)
@@ -19627,6 +19640,12 @@ snapshots:
       '@swc/helpers': 0.5.15
       react: 18.3.0
 
+  '@react-stately/toast@3.0.0-beta.7(react@18.3.0)':
+    dependencies:
+      '@swc/helpers': 0.5.15
+      react: 18.3.0
+      use-sync-external-store: 1.4.0(react@18.3.0)
+
   '@react-stately/toggle@3.8.1(react@18.3.0)':
     dependencies:
       '@react-stately/utils': 3.10.5(react@18.3.0)
@@ -20205,10 +20224,10 @@ snapshots:
     dependencies:
       storybook: 8.5.0(prettier@3.4.2)
 
-  '@storybook/react-dom-shim@8.4.7(react-dom@18.3.1(react@18.3.0))(react@18.3.0)(storybook@8.5.0(prettier@2.8.8))':
+  '@storybook/react-dom-shim@8.4.7(react-dom@18.3.0(react@18.3.0))(react@18.3.0)(storybook@8.5.0(prettier@2.8.8))':
     dependencies:
       react: 18.3.0
-      react-dom: 18.3.1(react@18.3.0)
+      react-dom: 18.3.0(react@18.3.0)
       storybook: 8.5.0(prettier@2.8.8)
 
   '@storybook/react-dom-shim@8.5.0(react-dom@18.3.0(react@18.3.0))(react@18.3.0)(storybook@8.5.0(prettier@3.4.2))':
@@ -20217,12 +20236,12 @@ snapshots:
       react-dom: 18.3.0(react@18.3.0)
       storybook: 8.5.0(prettier@3.4.2)
 
-  '@storybook/react-vite@8.5.0(@storybook/test@8.5.0(storybook@8.5.0(prettier@3.4.2)))(react-dom@18.3.0(react@18.3.0))(react@18.3.0)(rollup@4.30.1)(storybook@8.5.0(prettier@3.4.2))(typescript@5.7.2)(vite@5.4.11(@types/node@20.5.1)(lightningcss@1.28.2)(terser@5.37.0))':
+  '@storybook/react-vite@8.5.0(@storybook/test@8.5.0(storybook@8.5.0(prettier@3.4.2)))(react-dom@18.3.0(react@18.3.0))(react@18.3.0)(rollup@4.30.1)(storybook@8.5.0(prettier@3.4.2))(typescript@5.7.3)(vite@5.4.11(@types/node@20.5.1)(lightningcss@1.28.2)(terser@5.37.0))':
     dependencies:
-      '@joshwooding/vite-plugin-react-docgen-typescript': 0.4.2(typescript@5.7.2)(vite@5.4.11(@types/node@20.5.1)(lightningcss@1.28.2)(terser@5.37.0))
+      '@joshwooding/vite-plugin-react-docgen-typescript': 0.4.2(typescript@5.7.3)(vite@5.4.11(@types/node@20.5.1)(lightningcss@1.28.2)(terser@5.37.0))
       '@rollup/pluginutils': 5.1.4(rollup@4.30.1)
       '@storybook/builder-vite': 8.5.0(storybook@8.5.0(prettier@3.4.2))(vite@5.4.11(@types/node@20.5.1)(lightningcss@1.28.2)(terser@5.37.0))
-      '@storybook/react': 8.5.0(@storybook/test@8.5.0(storybook@8.5.0(prettier@3.4.2)))(react-dom@18.3.0(react@18.3.0))(react@18.3.0)(storybook@8.5.0(prettier@3.4.2))(typescript@5.7.2)
+      '@storybook/react': 8.5.0(@storybook/test@8.5.0(storybook@8.5.0(prettier@3.4.2)))(react-dom@18.3.0(react@18.3.0))(react@18.3.0)(storybook@8.5.0(prettier@3.4.2))(typescript@5.7.3)
       find-up: 5.0.0
       magic-string: 0.30.17
       react: 18.3.0
@@ -20239,21 +20258,21 @@ snapshots:
       - supports-color
       - typescript
 
-  '@storybook/react@8.4.7(react-dom@18.3.1(react@18.3.0))(react@18.3.0)(storybook@8.5.0(prettier@2.8.8))(typescript@5.6.3)':
+  '@storybook/react@8.4.7(react-dom@18.3.0(react@18.3.0))(react@18.3.0)(storybook@8.5.0(prettier@2.8.8))(typescript@5.7.3)':
     dependencies:
       '@storybook/components': 8.4.7(storybook@8.5.0(prettier@2.8.8))
       '@storybook/global': 5.0.0
       '@storybook/manager-api': 8.4.7(storybook@8.5.0(prettier@2.8.8))
       '@storybook/preview-api': 8.4.7(storybook@8.5.0(prettier@2.8.8))
-      '@storybook/react-dom-shim': 8.4.7(react-dom@18.3.1(react@18.3.0))(react@18.3.0)(storybook@8.5.0(prettier@2.8.8))
+      '@storybook/react-dom-shim': 8.4.7(react-dom@18.3.0(react@18.3.0))(react@18.3.0)(storybook@8.5.0(prettier@2.8.8))
       '@storybook/theming': 8.4.7(storybook@8.5.0(prettier@2.8.8))
       react: 18.3.0
-      react-dom: 18.3.1(react@18.3.0)
+      react-dom: 18.3.0(react@18.3.0)
       storybook: 8.5.0(prettier@2.8.8)
     optionalDependencies:
-      typescript: 5.6.3
+      typescript: 5.7.3
 
-  '@storybook/react@8.5.0(@storybook/test@8.5.0(storybook@8.5.0(prettier@3.4.2)))(react-dom@18.3.0(react@18.3.0))(react@18.3.0)(storybook@8.5.0(prettier@3.4.2))(typescript@5.7.2)':
+  '@storybook/react@8.5.0(@storybook/test@8.5.0(storybook@8.5.0(prettier@3.4.2)))(react-dom@18.3.0(react@18.3.0))(react@18.3.0)(storybook@8.5.0(prettier@3.4.2))(typescript@5.7.3)':
     dependencies:
       '@storybook/components': 8.5.0(storybook@8.5.0(prettier@3.4.2))
       '@storybook/global': 5.0.0
@@ -20266,7 +20285,7 @@ snapshots:
       storybook: 8.5.0(prettier@3.4.2)
     optionalDependencies:
       '@storybook/test': 8.5.0(storybook@8.5.0(prettier@3.4.2))
-      typescript: 5.7.2
+      typescript: 5.7.3
 
   '@storybook/test@8.5.0(storybook@8.5.0(prettier@3.4.2))':
     dependencies:
@@ -20360,21 +20379,21 @@ snapshots:
     dependencies:
       defer-to-connect: 2.0.1
 
-  '@tailwindcss/typography@0.5.16(tailwindcss@3.4.14(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.2.5)(typescript@5.7.2)))':
+  '@tailwindcss/typography@0.5.16(tailwindcss@3.4.14(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.2.5)(typescript@5.7.3)))':
     dependencies:
       lodash.castarray: 4.4.0
       lodash.isplainobject: 4.0.6
       lodash.merge: 4.6.2
       postcss-selector-parser: 6.0.10
-      tailwindcss: 3.4.14(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.2.5)(typescript@5.7.2))
+      tailwindcss: 3.4.14(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.2.5)(typescript@5.7.3))
 
-  '@tanstack/react-virtual@3.11.2(react-dom@18.3.0(react@18.3.0))(react@18.3.0)':
+  '@tanstack/react-virtual@3.11.3(react-dom@18.3.0(react@18.3.0))(react@18.3.0)':
     dependencies:
-      '@tanstack/virtual-core': 3.11.2
+      '@tanstack/virtual-core': 3.11.3
       react: 18.3.0
       react-dom: 18.3.0(react@18.3.0)
 
-  '@tanstack/virtual-core@3.11.2': {}
+  '@tanstack/virtual-core@3.11.3': {}
 
   '@testing-library/dom@10.4.0':
     dependencies:
@@ -20407,12 +20426,12 @@ snapshots:
       lodash: 4.17.21
       redent: 3.0.0
 
-  '@testing-library/react@16.1.0(@testing-library/dom@10.4.0)(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.3.1(react@18.3.0))(react@18.3.0)':
+  '@testing-library/react@16.1.0(@testing-library/dom@10.4.0)(@types/react-dom@18.2.4)(@types/react@18.2.8)(react-dom@18.3.0(react@18.3.0))(react@18.3.0)':
     dependencies:
       '@babel/runtime': 7.26.0
       '@testing-library/dom': 10.4.0
       react: 18.3.0
-      react-dom: 18.3.1(react@18.3.0)
+      react-dom: 18.3.0(react@18.3.0)
     optionalDependencies:
       '@types/react': 18.2.8
       '@types/react-dom': 18.2.4
@@ -20654,41 +20673,22 @@ snapshots:
     dependencies:
       '@types/yargs-parser': 21.0.3
 
-  '@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint@7.32.0)(typescript@5.6.3)':
+  '@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint@7.32.0)(typescript@5.7.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.1
-      '@typescript-eslint/parser': 5.62.0(eslint@7.32.0)(typescript@5.6.3)
+      '@typescript-eslint/parser': 5.62.0(eslint@7.32.0)(typescript@5.7.3)
       '@typescript-eslint/scope-manager': 5.62.0
-      '@typescript-eslint/type-utils': 5.62.0(eslint@7.32.0)(typescript@5.6.3)
-      '@typescript-eslint/utils': 5.62.0(eslint@7.32.0)(typescript@5.6.3)
+      '@typescript-eslint/type-utils': 5.62.0(eslint@7.32.0)(typescript@5.7.3)
+      '@typescript-eslint/utils': 5.62.0(eslint@7.32.0)(typescript@5.7.3)
       debug: 4.4.0
       eslint: 7.32.0
       graphemer: 1.4.0
       ignore: 5.3.2
       natural-compare-lite: 1.4.0
       semver: 7.6.3
-      tsutils: 3.21.0(typescript@5.6.3)
+      tsutils: 3.21.0(typescript@5.7.3)
     optionalDependencies:
-      typescript: 5.6.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.2))(eslint@7.32.0)(typescript@5.7.2)':
-    dependencies:
-      '@eslint-community/regexpp': 4.12.1
-      '@typescript-eslint/parser': 5.62.0(eslint@7.32.0)(typescript@5.7.2)
-      '@typescript-eslint/scope-manager': 5.62.0
-      '@typescript-eslint/type-utils': 5.62.0(eslint@7.32.0)(typescript@5.7.2)
-      '@typescript-eslint/utils': 5.62.0(eslint@7.32.0)(typescript@5.7.2)
-      debug: 4.4.0
-      eslint: 7.32.0
-      graphemer: 1.4.0
-      ignore: 5.3.2
-      natural-compare-lite: 1.4.0
-      semver: 7.6.3
-      tsutils: 3.21.0(typescript@5.7.2)
-    optionalDependencies:
-      typescript: 5.7.2
+      typescript: 5.7.3
     transitivePeerDependencies:
       - supports-color
 
@@ -20711,12 +20711,12 @@ snapshots:
       - supports-color
       - typescript
 
-  '@typescript-eslint/experimental-utils@4.33.0(eslint@7.32.0)(typescript@5.6.3)':
+  '@typescript-eslint/experimental-utils@4.33.0(eslint@7.32.0)(typescript@5.7.3)':
     dependencies:
       '@types/json-schema': 7.0.15
       '@typescript-eslint/scope-manager': 4.33.0
       '@typescript-eslint/types': 4.33.0
-      '@typescript-eslint/typescript-estree': 4.33.0(typescript@5.6.3)
+      '@typescript-eslint/typescript-estree': 4.33.0(typescript@5.7.3)
       eslint: 7.32.0
       eslint-scope: 5.1.1
       eslint-utils: 3.0.0(eslint@7.32.0)
@@ -20745,39 +20745,27 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@4.33.0(eslint@7.32.0)(typescript@5.6.3)':
+  '@typescript-eslint/parser@4.33.0(eslint@7.32.0)(typescript@5.7.3)':
     dependencies:
       '@typescript-eslint/scope-manager': 4.33.0
       '@typescript-eslint/types': 4.33.0
-      '@typescript-eslint/typescript-estree': 4.33.0(typescript@5.6.3)
+      '@typescript-eslint/typescript-estree': 4.33.0(typescript@5.7.3)
       debug: 4.4.0
       eslint: 7.32.0
     optionalDependencies:
-      typescript: 5.6.3
+      typescript: 5.7.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3)':
+  '@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3)':
     dependencies:
       '@typescript-eslint/scope-manager': 5.62.0
       '@typescript-eslint/types': 5.62.0
-      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.6.3)
+      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.7.3)
       debug: 4.4.0
       eslint: 7.32.0
     optionalDependencies:
-      typescript: 5.6.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.2)':
-    dependencies:
-      '@typescript-eslint/scope-manager': 5.62.0
-      '@typescript-eslint/types': 5.62.0
-      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.7.2)
-      debug: 4.4.0
-      eslint: 7.32.0
-    optionalDependencies:
-      typescript: 5.7.2
+      typescript: 5.7.3
     transitivePeerDependencies:
       - supports-color
 
@@ -20791,27 +20779,15 @@ snapshots:
       '@typescript-eslint/types': 5.62.0
       '@typescript-eslint/visitor-keys': 5.62.0
 
-  '@typescript-eslint/type-utils@5.62.0(eslint@7.32.0)(typescript@5.6.3)':
+  '@typescript-eslint/type-utils@5.62.0(eslint@7.32.0)(typescript@5.7.3)':
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.6.3)
-      '@typescript-eslint/utils': 5.62.0(eslint@7.32.0)(typescript@5.6.3)
+      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.7.3)
+      '@typescript-eslint/utils': 5.62.0(eslint@7.32.0)(typescript@5.7.3)
       debug: 4.4.0
       eslint: 7.32.0
-      tsutils: 3.21.0(typescript@5.6.3)
+      tsutils: 3.21.0(typescript@5.7.3)
     optionalDependencies:
-      typescript: 5.6.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/type-utils@5.62.0(eslint@7.32.0)(typescript@5.7.2)':
-    dependencies:
-      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.7.2)
-      '@typescript-eslint/utils': 5.62.0(eslint@7.32.0)(typescript@5.7.2)
-      debug: 4.4.0
-      eslint: 7.32.0
-      tsutils: 3.21.0(typescript@5.7.2)
-    optionalDependencies:
-      typescript: 5.7.2
+      typescript: 5.7.3
     transitivePeerDependencies:
       - supports-color
 
@@ -20841,7 +20817,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/typescript-estree@4.33.0(typescript@5.6.3)':
+  '@typescript-eslint/typescript-estree@4.33.0(typescript@5.7.3)':
     dependencies:
       '@typescript-eslint/types': 4.33.0
       '@typescript-eslint/visitor-keys': 4.33.0
@@ -20849,13 +20825,13 @@ snapshots:
       globby: 11.1.0
       is-glob: 4.0.3
       semver: 7.6.3
-      tsutils: 3.21.0(typescript@5.6.3)
+      tsutils: 3.21.0(typescript@5.7.3)
     optionalDependencies:
-      typescript: 5.6.3
+      typescript: 5.7.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/typescript-estree@5.62.0(typescript@5.6.3)':
+  '@typescript-eslint/typescript-estree@5.62.0(typescript@5.7.3)':
     dependencies:
       '@typescript-eslint/types': 5.62.0
       '@typescript-eslint/visitor-keys': 5.62.0
@@ -20863,49 +20839,20 @@ snapshots:
       globby: 11.1.0
       is-glob: 4.0.3
       semver: 7.6.3
-      tsutils: 3.21.0(typescript@5.6.3)
+      tsutils: 3.21.0(typescript@5.7.3)
     optionalDependencies:
-      typescript: 5.6.3
+      typescript: 5.7.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/typescript-estree@5.62.0(typescript@5.7.2)':
-    dependencies:
-      '@typescript-eslint/types': 5.62.0
-      '@typescript-eslint/visitor-keys': 5.62.0
-      debug: 4.4.0
-      globby: 11.1.0
-      is-glob: 4.0.3
-      semver: 7.6.3
-      tsutils: 3.21.0(typescript@5.7.2)
-    optionalDependencies:
-      typescript: 5.7.2
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/utils@5.62.0(eslint@7.32.0)(typescript@5.6.3)':
+  '@typescript-eslint/utils@5.62.0(eslint@7.32.0)(typescript@5.7.3)':
     dependencies:
       '@eslint-community/eslint-utils': 4.4.1(eslint@7.32.0)
       '@types/json-schema': 7.0.15
       '@types/semver': 7.5.8
       '@typescript-eslint/scope-manager': 5.62.0
       '@typescript-eslint/types': 5.62.0
-      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.6.3)
-      eslint: 7.32.0
-      eslint-scope: 5.1.1
-      semver: 7.6.3
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-
-  '@typescript-eslint/utils@5.62.0(eslint@7.32.0)(typescript@5.7.2)':
-    dependencies:
-      '@eslint-community/eslint-utils': 4.4.1(eslint@7.32.0)
-      '@types/json-schema': 7.0.15
-      '@types/semver': 7.5.8
-      '@typescript-eslint/scope-manager': 5.62.0
-      '@typescript-eslint/types': 5.62.0
-      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.7.2)
+      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.7.3)
       eslint: 7.32.0
       eslint-scope: 5.1.1
       semver: 7.6.3
@@ -21673,7 +21620,7 @@ snapshots:
       base64-js: 1.5.1
       ieee754: 1.2.1
 
-  bundle-require@5.0.0(esbuild@0.24.2):
+  bundle-require@5.1.0(esbuild@0.24.2):
     dependencies:
       esbuild: 0.24.2
       load-tsconfig: 0.2.5
@@ -21881,9 +21828,9 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.3
 
-  chokidar@4.0.2:
+  chokidar@4.0.3:
     dependencies:
-      readdirp: 4.0.2
+      readdirp: 4.1.1
 
   chownr@1.1.4: {}
 
@@ -22176,38 +22123,38 @@ snapshots:
 
   core-util-is@1.0.3: {}
 
-  cosmiconfig-typescript-loader@4.4.0(@types/node@20.5.1)(cosmiconfig@8.3.6(typescript@5.6.3))(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.6.3))(typescript@5.6.3):
+  cosmiconfig-typescript-loader@4.4.0(@types/node@20.5.1)(cosmiconfig@8.3.6(typescript@5.7.3))(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.7.3))(typescript@5.7.3):
     dependencies:
       '@types/node': 20.5.1
-      cosmiconfig: 8.3.6(typescript@5.6.3)
-      ts-node: 10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@15.14.9)(typescript@5.6.3)
-      typescript: 5.6.3
+      cosmiconfig: 8.3.6(typescript@5.7.3)
+      ts-node: 10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@15.14.9)(typescript@5.7.3)
+      typescript: 5.7.3
 
-  cosmiconfig@8.3.6(typescript@5.6.3):
+  cosmiconfig@8.3.6(typescript@5.7.3):
     dependencies:
       import-fresh: 3.3.0
       js-yaml: 4.1.0
       parse-json: 5.2.0
       path-type: 4.0.0
     optionalDependencies:
-      typescript: 5.6.3
+      typescript: 5.7.3
 
-  cosmiconfig@9.0.0(typescript@5.6.3):
+  cosmiconfig@9.0.0(typescript@5.7.3):
     dependencies:
       env-paths: 2.2.1
       import-fresh: 3.3.0
       js-yaml: 4.1.0
       parse-json: 5.2.0
     optionalDependencies:
-      typescript: 5.6.3
+      typescript: 5.7.3
 
-  create-jest@29.7.0(@types/node@15.14.9)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.6.3)):
+  create-jest@29.7.0(@types/node@15.14.9)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.7.3)):
     dependencies:
       '@jest/types': 29.6.3
       chalk: 4.1.2
       exit: 0.1.2
       graceful-fs: 4.2.11
-      jest-config: 29.7.0(@types/node@15.14.9)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.6.3))
+      jest-config: 29.7.0(@types/node@15.14.9)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.7.3))
       jest-util: 29.7.0
       prompts: 2.4.2
     transitivePeerDependencies:
@@ -22870,19 +22817,19 @@ snapshots:
     optionalDependencies:
       source-map: 0.6.1
 
-  eslint-config-airbnb-base@14.2.1(eslint-plugin-import@2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0))(eslint@7.32.0):
+  eslint-config-airbnb-base@14.2.1(eslint-plugin-import@2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0))(eslint@7.32.0):
     dependencies:
       confusing-browser-globals: 1.0.11
       eslint: 7.32.0
-      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0)
+      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0)
       object.assign: 4.1.7
       object.entries: 1.1.8
 
-  eslint-config-airbnb-typescript@12.3.1(eslint-plugin-import@2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0))(eslint-plugin-jsx-a11y@6.10.2(eslint@7.32.0))(eslint-plugin-react-hooks@4.6.2(eslint@7.32.0))(eslint-plugin-react@7.37.3(eslint@7.32.0))(eslint@7.32.0)(typescript@5.6.3):
+  eslint-config-airbnb-typescript@12.3.1(eslint-plugin-import@2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0))(eslint-plugin-jsx-a11y@6.10.2(eslint@7.32.0))(eslint-plugin-react-hooks@4.6.2(eslint@7.32.0))(eslint-plugin-react@7.37.3(eslint@7.32.0))(eslint@7.32.0)(typescript@5.7.3):
     dependencies:
-      '@typescript-eslint/parser': 4.33.0(eslint@7.32.0)(typescript@5.6.3)
-      eslint-config-airbnb: 18.2.1(eslint-plugin-import@2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0))(eslint-plugin-jsx-a11y@6.10.2(eslint@7.32.0))(eslint-plugin-react-hooks@4.6.2(eslint@7.32.0))(eslint-plugin-react@7.37.3(eslint@7.32.0))(eslint@7.32.0)
-      eslint-config-airbnb-base: 14.2.1(eslint-plugin-import@2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0))(eslint@7.32.0)
+      '@typescript-eslint/parser': 4.33.0(eslint@7.32.0)(typescript@5.7.3)
+      eslint-config-airbnb: 18.2.1(eslint-plugin-import@2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0))(eslint-plugin-jsx-a11y@6.10.2(eslint@7.32.0))(eslint-plugin-react-hooks@4.6.2(eslint@7.32.0))(eslint-plugin-react@7.37.3(eslint@7.32.0))(eslint@7.32.0)
+      eslint-config-airbnb-base: 14.2.1(eslint-plugin-import@2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0))(eslint@7.32.0)
     transitivePeerDependencies:
       - eslint
       - eslint-plugin-import
@@ -22892,32 +22839,32 @@ snapshots:
       - supports-color
       - typescript
 
-  eslint-config-airbnb@18.2.1(eslint-plugin-import@2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0))(eslint-plugin-jsx-a11y@6.10.2(eslint@7.32.0))(eslint-plugin-react-hooks@4.6.2(eslint@7.32.0))(eslint-plugin-react@7.37.3(eslint@7.32.0))(eslint@7.32.0):
+  eslint-config-airbnb@18.2.1(eslint-plugin-import@2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0))(eslint-plugin-jsx-a11y@6.10.2(eslint@7.32.0))(eslint-plugin-react-hooks@4.6.2(eslint@7.32.0))(eslint-plugin-react@7.37.3(eslint@7.32.0))(eslint@7.32.0):
     dependencies:
       eslint: 7.32.0
-      eslint-config-airbnb-base: 14.2.1(eslint-plugin-import@2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0))(eslint@7.32.0)
-      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0)
+      eslint-config-airbnb-base: 14.2.1(eslint-plugin-import@2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0))(eslint@7.32.0)
+      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0)
       eslint-plugin-jsx-a11y: 6.10.2(eslint@7.32.0)
       eslint-plugin-react: 7.37.3(eslint@7.32.0)
       eslint-plugin-react-hooks: 4.6.2(eslint@7.32.0)
       object.assign: 4.1.7
       object.entries: 1.1.8
 
-  eslint-config-next@15.0.3(eslint@7.32.0)(typescript@5.7.2):
+  eslint-config-next@15.0.3(eslint@7.32.0)(typescript@5.7.3):
     dependencies:
       '@next/eslint-plugin-next': 15.0.3
       '@rushstack/eslint-patch': 1.10.5
-      '@typescript-eslint/eslint-plugin': 5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.2))(eslint@7.32.0)(typescript@5.7.2)
-      '@typescript-eslint/parser': 5.62.0(eslint@7.32.0)(typescript@5.7.2)
+      '@typescript-eslint/eslint-plugin': 5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint@7.32.0)(typescript@5.7.3)
+      '@typescript-eslint/parser': 5.62.0(eslint@7.32.0)(typescript@5.7.3)
       eslint: 7.32.0
       eslint-import-resolver-node: 0.3.9
       eslint-import-resolver-typescript: 3.7.0(eslint-plugin-import@2.31.0)(eslint@7.32.0)
-      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.2))(eslint-import-resolver-typescript@2.7.1(eslint-plugin-import@2.31.0)(eslint@7.32.0))(eslint@7.32.0)
+      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0)
       eslint-plugin-jsx-a11y: 6.10.2(eslint@7.32.0)
       eslint-plugin-react: 7.37.3(eslint@7.32.0)
       eslint-plugin-react-hooks: 5.1.0(eslint@7.32.0)
     optionalDependencies:
-      typescript: 5.7.2
+      typescript: 5.7.3
     transitivePeerDependencies:
       - eslint-import-resolver-webpack
       - eslint-plugin-import-x
@@ -22927,28 +22874,28 @@ snapshots:
     dependencies:
       eslint: 7.32.0
 
-  eslint-config-react-app@6.0.0(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint@7.32.0)(typescript@5.6.3))(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(babel-eslint@10.1.0(eslint@7.32.0))(eslint-plugin-flowtype@5.10.0(eslint@7.32.0))(eslint-plugin-import@2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0))(eslint-plugin-jest@24.7.0(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint@7.32.0)(typescript@5.6.3))(eslint@7.32.0)(typescript@5.6.3))(eslint-plugin-jsx-a11y@6.10.2(eslint@7.32.0))(eslint-plugin-react-hooks@4.6.2(eslint@7.32.0))(eslint-plugin-react@7.37.3(eslint@7.32.0))(eslint@7.32.0)(typescript@5.6.3):
+  eslint-config-react-app@6.0.0(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint@7.32.0)(typescript@5.7.3))(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(babel-eslint@10.1.0(eslint@7.32.0))(eslint-plugin-flowtype@5.10.0(eslint@7.32.0))(eslint-plugin-import@2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0))(eslint-plugin-jest@24.7.0(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint@7.32.0)(typescript@5.7.3))(eslint@7.32.0)(typescript@5.7.3))(eslint-plugin-jsx-a11y@6.10.2(eslint@7.32.0))(eslint-plugin-react-hooks@4.6.2(eslint@7.32.0))(eslint-plugin-react@7.37.3(eslint@7.32.0))(eslint@7.32.0)(typescript@5.7.3):
     dependencies:
-      '@typescript-eslint/eslint-plugin': 5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint@7.32.0)(typescript@5.6.3)
-      '@typescript-eslint/parser': 5.62.0(eslint@7.32.0)(typescript@5.6.3)
+      '@typescript-eslint/eslint-plugin': 5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint@7.32.0)(typescript@5.7.3)
+      '@typescript-eslint/parser': 5.62.0(eslint@7.32.0)(typescript@5.7.3)
       babel-eslint: 10.1.0(eslint@7.32.0)
       confusing-browser-globals: 1.0.11
       eslint: 7.32.0
       eslint-plugin-flowtype: 5.10.0(eslint@7.32.0)
-      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0)
+      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0)
       eslint-plugin-jsx-a11y: 6.10.2(eslint@7.32.0)
       eslint-plugin-react: 7.37.3(eslint@7.32.0)
       eslint-plugin-react-hooks: 4.6.2(eslint@7.32.0)
     optionalDependencies:
-      eslint-plugin-jest: 24.7.0(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint@7.32.0)(typescript@5.6.3))(eslint@7.32.0)(typescript@5.6.3)
-      typescript: 5.6.3
+      eslint-plugin-jest: 24.7.0(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint@7.32.0)(typescript@5.7.3))(eslint@7.32.0)(typescript@5.7.3)
+      typescript: 5.7.3
 
-  eslint-config-ts-lambdas@1.2.3(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint@7.32.0)(typescript@5.6.3))(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint@7.32.0)(typescript@5.6.3):
+  eslint-config-ts-lambdas@1.2.3(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint@7.32.0)(typescript@5.7.3))(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint@7.32.0)(typescript@5.7.3):
     dependencies:
-      '@typescript-eslint/eslint-plugin': 5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint@7.32.0)(typescript@5.6.3)
-      '@typescript-eslint/parser': 5.62.0(eslint@7.32.0)(typescript@5.6.3)
+      '@typescript-eslint/eslint-plugin': 5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint@7.32.0)(typescript@5.7.3)
+      '@typescript-eslint/parser': 5.62.0(eslint@7.32.0)(typescript@5.7.3)
       eslint: 7.32.0
-      typescript: 5.6.3
+      typescript: 5.7.3
 
   eslint-import-resolver-node@0.3.9:
     dependencies:
@@ -22962,7 +22909,7 @@ snapshots:
     dependencies:
       debug: 4.4.0
       eslint: 7.32.0
-      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0)
+      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0)
       glob: 7.2.3
       is-glob: 4.0.3
       resolve: 1.22.10
@@ -22982,7 +22929,7 @@ snapshots:
       is-glob: 4.0.3
       stable-hash: 0.0.4
     optionalDependencies:
-      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.2))(eslint-import-resolver-typescript@2.7.1(eslint-plugin-import@2.31.0)(eslint@7.32.0))(eslint@7.32.0)
+      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0)
     transitivePeerDependencies:
       - supports-color
 
@@ -22996,22 +22943,11 @@ snapshots:
       schema-utils: 2.7.1
       webpack: 5.97.1(@swc/core@1.10.6(@swc/helpers@0.5.15))(esbuild@0.24.2)(webpack-cli@3.3.12)
 
-  eslint-module-utils@2.12.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@2.7.1(eslint-plugin-import@2.31.0)(eslint@7.32.0))(eslint@7.32.0):
+  eslint-module-utils@2.12.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@2.7.1(eslint-plugin-import@2.31.0)(eslint@7.32.0))(eslint@7.32.0):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
-      '@typescript-eslint/parser': 5.62.0(eslint@7.32.0)(typescript@5.6.3)
-      eslint: 7.32.0
-      eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 2.7.1(eslint-plugin-import@2.31.0)(eslint@7.32.0)
-    transitivePeerDependencies:
-      - supports-color
-
-  eslint-module-utils@2.12.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@2.7.1(eslint-plugin-import@2.31.0)(eslint@7.32.0))(eslint@7.32.0):
-    dependencies:
-      debug: 3.2.7
-    optionalDependencies:
-      '@typescript-eslint/parser': 5.62.0(eslint@7.32.0)(typescript@5.7.2)
+      '@typescript-eslint/parser': 5.62.0(eslint@7.32.0)(typescript@5.7.3)
       eslint: 7.32.0
       eslint-import-resolver-node: 0.3.9
       eslint-import-resolver-typescript: 2.7.1(eslint-plugin-import@2.31.0)(eslint@7.32.0)
@@ -23030,36 +22966,7 @@ snapshots:
       lodash: 4.17.21
       string-natural-compare: 3.0.1
 
-  eslint-plugin-import@2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0):
-    dependencies:
-      '@rtsao/scc': 1.1.0
-      array-includes: 3.1.8
-      array.prototype.findlastindex: 1.2.5
-      array.prototype.flat: 1.3.3
-      array.prototype.flatmap: 1.3.3
-      debug: 3.2.7
-      doctrine: 2.1.0
-      eslint: 7.32.0
-      eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@2.7.1(eslint-plugin-import@2.31.0)(eslint@7.32.0))(eslint@7.32.0)
-      hasown: 2.0.2
-      is-core-module: 2.16.1
-      is-glob: 4.0.3
-      minimatch: 3.1.2
-      object.fromentries: 2.0.8
-      object.groupby: 1.0.3
-      object.values: 1.2.1
-      semver: 6.3.1
-      string.prototype.trimend: 1.0.9
-      tsconfig-paths: 3.15.0
-    optionalDependencies:
-      '@typescript-eslint/parser': 5.62.0(eslint@7.32.0)(typescript@5.6.3)
-    transitivePeerDependencies:
-      - eslint-import-resolver-typescript
-      - eslint-import-resolver-webpack
-      - supports-color
-
-  eslint-plugin-import@2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.2))(eslint-import-resolver-typescript@2.7.1(eslint-plugin-import@2.31.0)(eslint@7.32.0))(eslint@7.32.0):
+  eslint-plugin-import@2.31.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint-import-resolver-typescript@2.7.1)(eslint@7.32.0):
     dependencies:
       '@rtsao/scc': 1.1.0
       array-includes: 3.1.8
@@ -23070,7 +22977,7 @@ snapshots:
       doctrine: 2.1.0
       eslint: 7.32.0
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@2.7.1(eslint-plugin-import@2.31.0)(eslint@7.32.0))(eslint@7.32.0)
+      eslint-module-utils: 2.12.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@2.7.1(eslint-plugin-import@2.31.0)(eslint@7.32.0))(eslint@7.32.0)
       hasown: 2.0.2
       is-core-module: 2.16.1
       is-glob: 4.0.3
@@ -23082,18 +22989,18 @@ snapshots:
       string.prototype.trimend: 1.0.9
       tsconfig-paths: 3.15.0
     optionalDependencies:
-      '@typescript-eslint/parser': 5.62.0(eslint@7.32.0)(typescript@5.7.2)
+      '@typescript-eslint/parser': 5.62.0(eslint@7.32.0)(typescript@5.7.3)
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-plugin-jest@24.7.0(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint@7.32.0)(typescript@5.6.3))(eslint@7.32.0)(typescript@5.6.3):
+  eslint-plugin-jest@24.7.0(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint@7.32.0)(typescript@5.7.3))(eslint@7.32.0)(typescript@5.7.3):
     dependencies:
-      '@typescript-eslint/experimental-utils': 4.33.0(eslint@7.32.0)(typescript@5.6.3)
+      '@typescript-eslint/experimental-utils': 4.33.0(eslint@7.32.0)(typescript@5.7.3)
       eslint: 7.32.0
     optionalDependencies:
-      '@typescript-eslint/eslint-plugin': 5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint@7.32.0)(typescript@5.6.3)
+      '@typescript-eslint/eslint-plugin': 5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint@7.32.0)(typescript@5.7.3)
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -23169,12 +23076,12 @@ snapshots:
       string.prototype.matchall: 4.0.12
       string.prototype.repeat: 1.0.0
 
-  eslint-plugin-unused-imports@2.0.0(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint@7.32.0)(typescript@5.6.3))(eslint@7.32.0):
+  eslint-plugin-unused-imports@2.0.0(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint@7.32.0)(typescript@5.7.3))(eslint@7.32.0):
     dependencies:
       eslint: 7.32.0
       eslint-rule-composer: 0.3.0
     optionalDependencies:
-      '@typescript-eslint/eslint-plugin': 5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.6.3))(eslint@7.32.0)(typescript@5.6.3)
+      '@typescript-eslint/eslint-plugin': 5.62.0(@typescript-eslint/parser@5.62.0(eslint@7.32.0)(typescript@5.7.3))(eslint@7.32.0)(typescript@5.7.3)
 
   eslint-rule-composer@0.3.0: {}
 
@@ -23546,7 +23453,7 @@ snapshots:
     dependencies:
       walk-up-path: 3.0.1
 
-  fdir@6.4.2(picomatch@4.0.2):
+  fdir@6.4.3(picomatch@4.0.2):
     optionalDependencies:
       picomatch: 4.0.2
 
@@ -24243,9 +24150,9 @@ snapshots:
 
   html-void-elements@3.0.0: {}
 
-  htmlnano@2.1.1(postcss@8.4.49)(terser@5.37.0)(typescript@5.6.3):
+  htmlnano@2.1.1(postcss@8.4.49)(terser@5.37.0)(typescript@5.7.3):
     dependencies:
-      cosmiconfig: 9.0.0(typescript@5.6.3)
+      cosmiconfig: 9.0.0(typescript@5.7.3)
       posthtml: 0.16.6
       timsort: 0.3.0
     optionalDependencies:
@@ -24796,16 +24703,16 @@ snapshots:
       - babel-plugin-macros
       - supports-color
 
-  jest-cli@29.7.0(@types/node@15.14.9)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.6.3)):
+  jest-cli@29.7.0(@types/node@15.14.9)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.7.3)):
     dependencies:
-      '@jest/core': 29.7.0(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.6.3))
+      '@jest/core': 29.7.0(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.7.3))
       '@jest/test-result': 29.7.0
       '@jest/types': 29.6.3
       chalk: 4.1.2
-      create-jest: 29.7.0(@types/node@15.14.9)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.6.3))
+      create-jest: 29.7.0(@types/node@15.14.9)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.7.3))
       exit: 0.1.2
       import-local: 3.2.0
-      jest-config: 29.7.0(@types/node@15.14.9)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.6.3))
+      jest-config: 29.7.0(@types/node@15.14.9)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.7.3))
       jest-util: 29.7.0
       jest-validate: 29.7.0
       yargs: 17.7.2
@@ -24815,7 +24722,7 @@ snapshots:
       - supports-color
       - ts-node
 
-  jest-config@29.7.0(@types/node@15.14.9)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.6.3)):
+  jest-config@29.7.0(@types/node@15.14.9)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.7.3)):
     dependencies:
       '@babel/core': 7.26.0
       '@jest/test-sequencer': 29.7.0
@@ -24841,7 +24748,7 @@ snapshots:
       strip-json-comments: 3.1.1
     optionalDependencies:
       '@types/node': 15.14.9
-      ts-node: 10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@15.14.9)(typescript@5.6.3)
+      ts-node: 10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@15.14.9)(typescript@5.7.3)
     transitivePeerDependencies:
       - babel-plugin-macros
       - supports-color
@@ -25058,11 +24965,11 @@ snapshots:
       leven: 3.1.0
       pretty-format: 29.7.0
 
-  jest-watch-typeahead@2.2.2(jest@29.7.0(@types/node@15.14.9)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.6.3))):
+  jest-watch-typeahead@2.2.2(jest@29.7.0(@types/node@15.14.9)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.7.3))):
     dependencies:
       ansi-escapes: 6.2.1
       chalk: 5.4.1
-      jest: 29.7.0(@types/node@15.14.9)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.6.3))
+      jest: 29.7.0(@types/node@15.14.9)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.7.3))
       jest-regex-util: 29.6.3
       jest-watcher: 29.7.0
       slash: 5.1.0
@@ -25093,12 +25000,12 @@ snapshots:
       merge-stream: 2.0.0
       supports-color: 8.1.1
 
-  jest@29.7.0(@types/node@15.14.9)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.6.3)):
+  jest@29.7.0(@types/node@15.14.9)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.7.3)):
     dependencies:
-      '@jest/core': 29.7.0(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.6.3))
+      '@jest/core': 29.7.0(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.7.3))
       '@jest/types': 29.6.3
       import-local: 3.2.0
-      jest-cli: 29.7.0(@types/node@15.14.9)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.6.3))
+      jest-cli: 29.7.0(@types/node@15.14.9)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.7.3))
     transitivePeerDependencies:
       - '@types/node'
       - babel-plugin-macros
@@ -26927,9 +26834,9 @@ snapshots:
       dot-case: 3.0.4
       tslib: 2.8.1
 
-  parcel@2.13.3(@swc/helpers@0.5.15)(postcss@8.4.49)(terser@5.37.0)(typescript@5.6.3):
+  parcel@2.13.3(@swc/helpers@0.5.15)(postcss@8.4.49)(terser@5.37.0)(typescript@5.7.3):
     dependencies:
-      '@parcel/config-default': 2.13.3(@parcel/core@2.13.3(@swc/helpers@0.5.15))(@swc/helpers@0.5.15)(postcss@8.4.49)(terser@5.37.0)(typescript@5.6.3)
+      '@parcel/config-default': 2.13.3(@parcel/core@2.13.3(@swc/helpers@0.5.15))(@swc/helpers@0.5.15)(postcss@8.4.49)(terser@5.37.0)(typescript@5.7.3)
       '@parcel/core': 2.13.3(@swc/helpers@0.5.15)
       '@parcel/diagnostic': 2.13.3
       '@parcel/events': 2.13.3
@@ -27127,29 +27034,29 @@ snapshots:
       camelcase-css: 2.0.1
       postcss: 8.4.49
 
-  postcss-load-config@4.0.2(postcss@8.4.49)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@15.14.9)(typescript@5.6.3)):
+  postcss-load-config@4.0.2(postcss@8.4.49)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@15.14.9)(typescript@5.7.3)):
     dependencies:
       lilconfig: 3.1.3
       yaml: 2.7.0
     optionalDependencies:
       postcss: 8.4.49
-      ts-node: 10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@15.14.9)(typescript@5.6.3)
+      ts-node: 10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@15.14.9)(typescript@5.7.3)
 
-  postcss-load-config@4.0.2(postcss@8.4.49)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.2.5)(typescript@5.7.2)):
+  postcss-load-config@4.0.2(postcss@8.4.49)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.2.5)(typescript@5.7.3)):
     dependencies:
       lilconfig: 3.1.3
       yaml: 2.7.0
     optionalDependencies:
       postcss: 8.4.49
-      ts-node: 10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.2.5)(typescript@5.7.2)
+      ts-node: 10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.2.5)(typescript@5.7.3)
 
-  postcss-load-config@4.0.2(postcss@8.4.49)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.7.2)):
+  postcss-load-config@4.0.2(postcss@8.4.49)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.7.3)):
     dependencies:
       lilconfig: 3.1.3
       yaml: 2.7.0
     optionalDependencies:
       postcss: 8.4.49
-      ts-node: 10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.7.2)
+      ts-node: 10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.7.3)
 
   postcss-load-config@6.0.1(jiti@1.21.7)(postcss@8.4.49)(tsx@4.19.2)(yaml@2.7.0):
     dependencies:
@@ -27449,9 +27356,9 @@ snapshots:
     dependencies:
       es6-symbol: 3.1.4
 
-  react-docgen-typescript@2.2.2(typescript@5.7.2):
+  react-docgen-typescript@2.2.2(typescript@5.7.3):
     dependencies:
-      typescript: 5.7.2
+      typescript: 5.7.3
 
   react-docgen@7.1.0:
     dependencies:
@@ -27474,12 +27381,6 @@ snapshots:
       react: 18.3.0
       scheduler: 0.23.2
 
-  react-dom@18.3.1(react@18.3.0):
-    dependencies:
-      loose-envify: 1.4.0
-      react: 18.3.0
-      scheduler: 0.23.2
-
   react-error-overlay@6.0.9: {}
 
   react-hook-form@7.54.2(react@18.3.0):
@@ -27624,7 +27525,7 @@ snapshots:
     dependencies:
       picomatch: 2.3.1
 
-  readdirp@4.0.2: {}
+  readdirp@4.1.1: {}
 
   recast@0.23.9:
     dependencies:
@@ -28741,17 +28642,17 @@ snapshots:
 
   tailwind-merge@2.5.4: {}
 
-  tailwind-variants@0.3.0(tailwindcss@3.4.14(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.2.5)(typescript@5.7.2))):
+  tailwind-variants@0.3.0(tailwindcss@3.4.14(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.2.5)(typescript@5.7.3))):
     dependencies:
       tailwind-merge: 2.5.4
-      tailwindcss: 3.4.14(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.2.5)(typescript@5.7.2))
+      tailwindcss: 3.4.14(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.2.5)(typescript@5.7.3))
 
-  tailwind-variants@0.3.0(tailwindcss@3.4.16(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@15.14.9)(typescript@5.6.3))):
+  tailwind-variants@0.3.0(tailwindcss@3.4.17(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@15.14.9)(typescript@5.7.3))):
     dependencies:
       tailwind-merge: 2.5.4
-      tailwindcss: 3.4.16(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@15.14.9)(typescript@5.6.3))
+      tailwindcss: 3.4.17(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@15.14.9)(typescript@5.7.3))
 
-  tailwindcss@3.4.14(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.2.5)(typescript@5.7.2)):
+  tailwindcss@3.4.14(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.2.5)(typescript@5.7.3)):
     dependencies:
       '@alloc/quick-lru': 5.2.0
       arg: 5.0.2
@@ -28770,7 +28671,7 @@ snapshots:
       postcss: 8.4.49
       postcss-import: 15.1.0(postcss@8.4.49)
       postcss-js: 4.0.1(postcss@8.4.49)
-      postcss-load-config: 4.0.2(postcss@8.4.49)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.2.5)(typescript@5.7.2))
+      postcss-load-config: 4.0.2(postcss@8.4.49)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.2.5)(typescript@5.7.3))
       postcss-nested: 6.2.0(postcss@8.4.49)
       postcss-selector-parser: 6.1.2
       resolve: 1.22.10
@@ -28778,7 +28679,7 @@ snapshots:
     transitivePeerDependencies:
       - ts-node
 
-  tailwindcss@3.4.14(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.7.2)):
+  tailwindcss@3.4.14(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.7.3)):
     dependencies:
       '@alloc/quick-lru': 5.2.0
       arg: 5.0.2
@@ -28797,7 +28698,7 @@ snapshots:
       postcss: 8.4.49
       postcss-import: 15.1.0(postcss@8.4.49)
       postcss-js: 4.0.1(postcss@8.4.49)
-      postcss-load-config: 4.0.2(postcss@8.4.49)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.7.2))
+      postcss-load-config: 4.0.2(postcss@8.4.49)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.7.3))
       postcss-nested: 6.2.0(postcss@8.4.49)
       postcss-selector-parser: 6.1.2
       resolve: 1.22.10
@@ -28805,7 +28706,7 @@ snapshots:
     transitivePeerDependencies:
       - ts-node
 
-  tailwindcss@3.4.16(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@15.14.9)(typescript@5.6.3)):
+  tailwindcss@3.4.17(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@15.14.9)(typescript@5.7.3)):
     dependencies:
       '@alloc/quick-lru': 5.2.0
       arg: 5.0.2
@@ -28824,7 +28725,7 @@ snapshots:
       postcss: 8.4.49
       postcss-import: 15.1.0(postcss@8.4.49)
       postcss-js: 4.0.1(postcss@8.4.49)
-      postcss-load-config: 4.0.2(postcss@8.4.49)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@15.14.9)(typescript@5.6.3))
+      postcss-load-config: 4.0.2(postcss@8.4.49)(ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@15.14.9)(typescript@5.7.3))
       postcss-nested: 6.2.0(postcss@8.4.49)
       postcss-selector-parser: 6.1.2
       resolve: 1.22.10
@@ -28961,7 +28862,7 @@ snapshots:
 
   tinyglobby@0.2.10:
     dependencies:
-      fdir: 6.4.2(picomatch@4.0.2)
+      fdir: 6.4.3(picomatch@4.0.2)
       picomatch: 4.0.2
 
   tinypool@1.0.2: {}
@@ -29041,7 +28942,7 @@ snapshots:
 
   ts-interface-checker@0.1.13: {}
 
-  ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@15.14.9)(typescript@5.6.3):
+  ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@15.14.9)(typescript@5.7.3):
     dependencies:
       '@cspotcode/source-map-support': 0.8.1
       '@tsconfig/node10': 1.0.11
@@ -29055,13 +28956,13 @@ snapshots:
       create-require: 1.1.1
       diff: 4.0.2
       make-error: 1.3.6
-      typescript: 5.6.3
+      typescript: 5.7.3
       v8-compile-cache-lib: 3.0.1
       yn: 3.1.1
     optionalDependencies:
       '@swc/core': 1.10.6(@swc/helpers@0.5.15)
 
-  ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.2.5)(typescript@5.7.2):
+  ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.2.5)(typescript@5.7.3):
     dependencies:
       '@cspotcode/source-map-support': 0.8.1
       '@tsconfig/node10': 1.0.11
@@ -29075,14 +28976,14 @@ snapshots:
       create-require: 1.1.1
       diff: 4.0.2
       make-error: 1.3.6
-      typescript: 5.7.2
+      typescript: 5.7.3
       v8-compile-cache-lib: 3.0.1
       yn: 3.1.1
     optionalDependencies:
       '@swc/core': 1.10.6(@swc/helpers@0.5.15)
     optional: true
 
-  ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.7.2):
+  ts-node@10.9.2(@swc/core@1.10.6(@swc/helpers@0.5.15))(@types/node@20.5.1)(typescript@5.7.3):
     dependencies:
       '@cspotcode/source-map-support': 0.8.1
       '@tsconfig/node10': 1.0.11
@@ -29096,7 +28997,7 @@ snapshots:
       create-require: 1.1.1
       diff: 4.0.2
       make-error: 1.3.6
-      typescript: 5.7.2
+      typescript: 5.7.3
       v8-compile-cache-lib: 3.0.1
       yn: 3.1.1
     optionalDependencies:
@@ -29122,11 +29023,11 @@ snapshots:
 
   tslib@2.8.1: {}
 
-  tsup@8.3.5(@swc/core@1.10.6(@swc/helpers@0.5.15))(jiti@1.21.7)(postcss@8.4.49)(tsx@4.19.2)(typescript@5.6.3)(yaml@2.7.0):
+  tsup@8.3.5(@swc/core@1.10.6(@swc/helpers@0.5.15))(jiti@1.21.7)(postcss@8.4.49)(tsx@4.19.2)(typescript@5.7.3)(yaml@2.7.0):
     dependencies:
-      bundle-require: 5.0.0(esbuild@0.24.2)
+      bundle-require: 5.1.0(esbuild@0.24.2)
       cac: 6.7.14
-      chokidar: 4.0.2
+      chokidar: 4.0.3
       consola: 3.3.3
       debug: 4.4.0
       esbuild: 0.24.2
@@ -29143,7 +29044,7 @@ snapshots:
     optionalDependencies:
       '@swc/core': 1.10.6(@swc/helpers@0.5.15)
       postcss: 8.4.49
-      typescript: 5.6.3
+      typescript: 5.7.3
     transitivePeerDependencies:
       - jiti
       - supports-color
@@ -29155,15 +29056,10 @@ snapshots:
       tslib: 1.14.1
       typescript: 3.9.10
 
-  tsutils@3.21.0(typescript@5.6.3):
+  tsutils@3.21.0(typescript@5.7.3):
     dependencies:
       tslib: 1.14.1
-      typescript: 5.6.3
-
-  tsutils@3.21.0(typescript@5.7.2):
-    dependencies:
-      tslib: 1.14.1
-      typescript: 5.7.2
+      typescript: 5.7.3
 
   tsx@3.14.0:
     dependencies:
@@ -29290,9 +29186,7 @@ snapshots:
 
   typescript@3.9.10: {}
 
-  typescript@5.6.3: {}
-
-  typescript@5.7.2: {}
+  typescript@5.7.3: {}
 
   ufo@1.5.4: {}