ci(changesets): version packages (#4896 )

Co-authored-by: Junior Garcia <jrgarciadev@gmail.com>
fix(input): esc key to clear input value (#4892 )
2025-02-28 01:45:33 -03:00 · 2025-02-28 01:44:32 -03:00 · 2025-02-28 01:33:05 -03:00 · 2025-02-26 10:17:22 -03:00 · 2025-02-26 09:52:56 -03:00 · 2025-02-26 09:28:06 -03:00
196 changed files with 2511 additions and 340 deletions
@@ -0,0 +1,6 @@
+---
+"@heroui/input": patch
+"@heroui/number-input": patch
+---
+
+add missing logic to handle esc key to clear input / number-input value (#4850)
@@ -39,13 +39,11 @@ export const Hero = () => {
              content: "font-semibold text-foreground text-xs ",
            }}
            color="primary"
-            href="/blog/introducing-heroui"
+            href="/blog/v2.7.0"
            variant="flat"
-            onClick={() =>
-              handlePressAnnouncement("Introducing HeroUI", "/blog/introducing-heroui")
-            }
+            onClick={() => handlePressAnnouncement("HeroUI v2.7.0", "/blog/v2.7.0")}
          >
-            Introducing HeroUI&nbsp;
+            HeroUI v2.7.0&nbsp;
            <span aria-label="emoji" role="img">
              🔥
            </span>
@@ -220,11 +220,11 @@ export const Navbar: FC<NavbarProps> = ({children, routes, mobileRoutes = [], sl
              content: "font-semibold text-foreground text-xs ",
            }}
            color="primary"
-            href="/blog/introducing-heroui"
+            href="/blog/v2.7.0"
            variant="flat"
-            onClick={() => handlePressNavbarItem("Introducing HeroUI", "/blog/introducing-heroui")}
+            onClick={() => handlePressNavbarItem("HeroUI v2.7.0", "/blog/v2.7.0")}
          >
-            Introducing HeroUI&nbsp;
+            HeroUI v2.7.0&nbsp;
            <span aria-label="emoji" role="img">
              🔥
            </span>
@@ -54,3 +54,5 @@ export const postcssConfig = `module.exports = {
 export const stylesConfig = `@tailwind base;
@tailwind components;
@tailwind utilities;`;
+
+export const npmrcConfig = `public-hoist-pattern[]=*@heroui/*`;
@@ -5,7 +5,14 @@ import {useLocalStorage} from "usehooks-ts";

 import {HighlightedLines} from "./types";
 import {getHighlightedLines, getFileName} from "./utils";
-import {stylesConfig, postcssConfig, tailwindConfig, getHtmlFile, rootFile} from "./entries";
+import {
+  stylesConfig,
+  postcssConfig,
+  tailwindConfig,
+  npmrcConfig,
+  getHtmlFile,
+  rootFile,
+} from "./entries";

 export interface UseSandpackProps {
  files?: SandpackFiles;
@@ -177,9 +184,9 @@ export const useSandpack = ({
    dependencies,
    entry: entryFile,
    devDependencies: {
-      autoprefixer: "^10.4.14",
-      postcss: "^8.4.21",
-      tailwindcss: "^3.2.7",
+      autoprefixer: "10.4.20",
+      postcss: "8.4.49",
+      tailwindcss: "3.4.17",
    },
  };

@@ -207,6 +214,10 @@ export const useSandpack = ({
        code: stylesConfig,
        hidden: true,
      },
+      ".npmrc": {
+        code: npmrcConfig,
+        hidden: true,
+      },
    },
    hasTypescript,
    entryFile,
@@ -8,7 +8,7 @@ export default function App() {
        <h3>Min date</h3>
        <DatePicker
          defaultValue={today(getLocalTimeZone()).subtract({days: 1})}
-          label="Date and time"
+          label="Date"
          minValue={today(getLocalTimeZone())}
        />
      </div>
@@ -16,7 +16,7 @@ export default function App() {
        <h3>Max date</h3>
        <DatePicker
          defaultValue={today(getLocalTimeZone()).add({days: 1})}
-          label="Date and time"
+          label="Date"
          maxValue={today(getLocalTimeZone())}
        />
      </div>
@@ -1,10 +1,10 @@
+import {useState} from "react";
 import {
  Modal,
  ModalContent,
  ModalHeader,
  ModalBody,
  ModalFooter,
-  ModalProps,
  Button,
  useDisclosure,
  RadioGroup,
@@ -13,22 +13,27 @@ import {

 export default function App() {
  const {isOpen, onOpen, onOpenChange} = useDisclosure();
-  const [scrollBehavior, setScrollBehavior] =
-    React.useState < ModalProps["scrollBehavior"] > "inside";
+  const [modalPlacement, setModalPlacement] = useState("auto");

  return (
-    <div className="flex flex-col gap-2">
-      <Button onPress={onOpen}>Open Modal</Button>
+    <div className="flex px-10 min-h-[80vh] justify-center items-center flex-col gap-4">
+      <Button className="max-w-fit" onPress={onOpen}>
+        Open Modal
+      </Button>
      <RadioGroup
-        label="Select scroll behavior"
+        label="Select modal placement"
        orientation="horizontal"
-        value={scrollBehavior}
-        onValueChange={setScrollBehavior}
+        value={modalPlacement}
+        onValueChange={setModalPlacement}
      >
-        <Radio value="inside">inside</Radio>
-        <Radio value="outside">outside</Radio>
+        <Radio value="auto">auto</Radio>
+        <Radio value="top">top</Radio>
+        <Radio value="bottom">bottom</Radio>
+        <Radio value="center">center</Radio>
+        <Radio value="top-center">top-center</Radio>
+        <Radio value="bottom-center">bottom-center</Radio>
      </RadioGroup>
-      <Modal isOpen={isOpen} scrollBehavior={scrollBehavior} onOpenChange={onOpenChange}>
+      <Modal isOpen={isOpen} placement={modalPlacement} onOpenChange={onOpenChange}>
        <ModalContent>
          {(onClose) => (
            <>
@@ -44,58 +49,6 @@ export default function App() {
                  risus hendrerit venenatis. Pellentesque sit amet hendrerit risus, sed porttitor
                  quam.
                </p>
-                <p>
-                  Magna exercitation reprehenderit magna aute tempor cupidatat consequat elit dolor
-                  adipisicing. Mollit dolor eiusmod sunt ex incididunt cillum quis. Velit duis sit
-                  officia eiusmod Lorem aliqua enim laboris do dolor eiusmod. Et mollit incididunt
-                  nisi consectetur esse laborum eiusmod pariatur proident Lorem eiusmod et. Culpa
-                  deserunt nostrud ad veniam.
-                </p>
-                <p>
-                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pulvinar risus non
-                  risus hendrerit venenatis. Pellentesque sit amet hendrerit risus, sed porttitor
-                  quam. Magna exercitation reprehenderit magna aute tempor cupidatat consequat elit
-                  dolor adipisicing. Mollit dolor eiusmod sunt ex incididunt cillum quis. Velit duis
-                  sit officia eiusmod Lorem aliqua enim laboris do dolor eiusmod. Et mollit
-                  incididunt nisi consectetur esse laborum eiusmod pariatur proident Lorem eiusmod
-                  et. Culpa deserunt nostrud ad veniam.
-                </p>
-                <p>
-                  Mollit dolor eiusmod sunt ex incididunt cillum quis. Velit duis sit officia
-                  eiusmod Lorem aliqua enim laboris do dolor eiusmod. Et mollit incididunt nisi
-                  consectetur esse laborum eiusmod pariatur proident Lorem eiusmod et. Culpa
-                  deserunt nostrud ad veniam. Lorem ipsum dolor sit amet, consectetur adipiscing
-                  elit. Nullam pulvinar risus non risus hendrerit venenatis. Pellentesque sit amet
-                  hendrerit risus, sed porttitor quam. Magna exercitation reprehenderit magna aute
-                  tempor cupidatat consequat elit dolor adipisicing. Mollit dolor eiusmod sunt ex
-                  incididunt cillum quis. Velit duis sit officia eiusmod Lorem aliqua enim laboris
-                  do dolor eiusmod. Et mollit incididunt nisi consectetur esse laborum eiusmod
-                  pariatur proident Lorem eiusmod et. Culpa deserunt nostrud ad veniam.
-                </p>
-                <p>
-                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam pulvinar risus non
-                  risus hendrerit venenatis. Pellentesque sit amet hendrerit risus, sed porttitor
-                  quam.
-                </p>
-                <p>
-                  Magna exercitation reprehenderit magna aute tempor cupidatat consequat elit dolor
-                  adipisicing. Mollit dolor eiusmod sunt ex incididunt cillum quis. Velit duis sit
-                  officia eiusmod Lorem aliqua enim laboris do dolor eiusmod. Et mollit incididunt
-                  nisi consectetur esse laborum eiusmod pariatur proident Lorem eiusmod et. Culpa
-                  deserunt nostrud ad veniam.
-                </p>
-                <p>
-                  Mollit dolor eiusmod sunt ex incididunt cillum quis. Velit duis sit officia
-                  eiusmod Lorem aliqua enim laboris do dolor eiusmod. Et mollit incididunt nisi
-                  consectetur esse laborum eiusmod pariatur proident Lorem eiusmod et. Culpa
-                  deserunt nostrud ad veniam. Lorem ipsum dolor sit amet, consectetur adipiscing
-                  elit. Nullam pulvinar risus non risus hendrerit venenatis. Pellentesque sit amet
-                  hendrerit risus, sed porttitor quam. Magna exercitation reprehenderit magna aute
-                  tempor cupidatat consequat elit dolor adipisicing. Mollit dolor eiusmod sunt ex
-                  incididunt cillum quis. Velit duis sit officia eiusmod Lorem aliqua enim laboris
-                  do dolor eiusmod. Et mollit incididunt nisi consectetur esse laborum eiusmod
-                  pariatur proident Lorem eiusmod et. Culpa deserunt nostrud ad veniam.
-                </p>
              </ModalBody>
              <ModalFooter>
                <Button color="danger" variant="light" onPress={onClose}>
@@ -84,8 +84,8 @@ You can disable this behavior by setting the following properties:
 ### Drawer placement

 The drawer can be placed on any edge of the screen using the `placement` prop:
- `left` (default)
- `right`
+- `left`
+- `right` (default)
 - `top`
 - `bottom`

@@ -204,24 +204,6 @@ Install `@heroui/use-theme` in your project.
  }}
 /> 

-### Add the current theme to the main element
-
-```jsx
-// App.tsx or App.jsx
-import React from "react";
-import {useTheme} from "@heroui/use-theme";
-
-export default function App() {
-  const {theme} = useTheme();
-
-  return (
-    <main className={`${theme} text-foreground bg-background`}>
-      <App />
-    </main>
-  )
-}
-```
-
 ### Add the theme switcher

 Add the theme switcher to your app.
@@ -39,7 +39,17 @@ export function useStackblitz(props: UseSandpackProps) {
    typescriptStrict,
  });

-  const transformFiles = mapKeys(filesData, (_, key) => key.replace(/^\//, ""));
+  // in stackblitz, npm will be used to install dependencies
+  // it doesn't need `public-hoist-pattern[]=*@heroui/*`
+  const filteredFilesData = Object.keys(filesData)
+    .filter((k) => k !== ".npmrc")
+    .reduce((o, k) => {
+      o[k] = filesData[k];
+
+      return o;
+    }, {});
+
+  const transformFiles = mapKeys(filteredFilesData, (_, key) => key.replace(/^\//, ""));

  const dependencies = {...customSetup.dependencies, ...customSetup.devDependencies};

@@ -52,7 +62,18 @@ export function useStackblitz(props: UseSandpackProps) {
  "dependencies": {
    "react": "18.3.1",
    "react-dom": "18.3.1",
-    ${Object.entries(omit(dependencies as any, ["react", "react-dom"]))
+    ${Object.entries(
+      omit(dependencies as any, [
+        "react",
+        "react-dom",
+        "react-dom/client",
+        "@vitejs/plugin-react",
+        "vite",
+        "autoprefixer",
+        "postcss",
+        "tailwindcss",
+      ]),
+    )
      .map(([key, value]) => `"${key}": "${value}"`)
      .join(",\n    ")}
  },
@@ -10,8 +10,8 @@
  },
  "scripts": {
    "dev": "pnpm sb",
-    "build": "turbo build --filter=!@heroui/docs --filter=!@heroui/storybook",
-    "build:fast": "turbo build:fast --filter=!@heroui/docs --filter=!@heroui/storybook",
+    "build": "turbo build --filter='!@heroui/docs' --filter='!@heroui/storybook' --filter='!@heroui/stories-utils' --filter='!@heroui/test-utils'",
+    "build:fast": "turbo build:fast --filter='!@heroui/docs' --filter='!@heroui/storybook' --filter='!@heroui/stories-utils' --filter='!@heroui/test-utils'",
    "dev:docs": "turbo dev --filter=@heroui/docs",
    "build:docs": "turbo build --filter=@heroui/docs",
    "build:docs-meta": "node ./scripts/update-index-docs.js",
@@ -1,5 +1,37 @@
 # @heroui/accordion

+## 2.2.11
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/use-aria-accordion@2.2.6
+  - @heroui/dom-animation@2.1.5
+  - @heroui/framer-utils@2.1.10
+  - @heroui/shared-icons@2.1.5
+  - @heroui/shared-utils@2.1.6
+  - @heroui/react-utils@2.1.7
+  - @heroui/aria-utils@2.2.11
+  - @heroui/divider@2.2.9
+
+## 2.2.10
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/divider@2.2.8
+  - @heroui/use-aria-accordion@2.2.5
+  - @heroui/aria-utils@2.2.10
+  - @heroui/dom-animation@2.1.4
+  - @heroui/framer-utils@2.1.9
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-icons@2.1.4
+  - @heroui/shared-utils@2.1.5
+
 ## 2.2.9

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/accordion",
-  "version": "2.2.9",
+  "version": "2.2.11",
  "description": "Collapse display a list of high-level options that can expand/collapse to reveal more information.",
  "keywords": [
    "react",
@@ -1,5 +1,36 @@
 # @heroui/alert

+## 2.2.14
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @heroui/button@2.2.14
+
+## 2.2.13
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/shared-icons@2.1.5
+  - @heroui/shared-utils@2.1.6
+  - @heroui/react-utils@2.1.7
+  - @heroui/button@2.2.13
+
+## 2.2.12
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/button@2.2.12
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-icons@2.1.4
+  - @heroui/shared-utils@2.1.5
+
 ## 2.2.11

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/alert",
-  "version": "2.2.11",
+  "version": "2.2.14",
  "description": "Alerts are temporary notifications that provide concise feedback about an action or event.",
  "keywords": [
    "alert"
@@ -1,5 +1,60 @@
 # @heroui/autocomplete

+## 2.3.15
+
+### Patch Changes
+
+- Updated dependencies [[`2186f6d`](https://github.com/heroui-inc/heroui/commit/2186f6da23679c5cf63ea03c9c6df9ca6df92ad9), [`09a2b73`](https://github.com/heroui-inc/heroui/commit/09a2b7387056e176417404dbf7edb4cfb8c880a9)]:
+  - @heroui/spinner@2.2.11
+  - @heroui/input@2.4.14
+  - @heroui/button@2.2.14
+  - @heroui/popover@2.3.14
+  - @heroui/form@2.1.13
+  - @heroui/listbox@2.3.13
+  - @heroui/scroll-shadow@2.3.9
+
+## 2.3.14
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/use-safe-layout-effect@2.1.5
+  - @heroui/scroll-shadow@2.3.9
+  - @heroui/shared-icons@2.1.5
+  - @heroui/shared-utils@2.1.6
+  - @heroui/use-aria-button@2.2.8
+  - @heroui/react-utils@2.1.7
+  - @heroui/aria-utils@2.2.11
+  - @heroui/listbox@2.3.13
+  - @heroui/popover@2.3.13
+  - @heroui/spinner@2.2.10
+  - @heroui/button@2.2.13
+  - @heroui/input@2.4.13
+  - @heroui/form@2.1.12
+
+## 2.3.13
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/button@2.2.12
+  - @heroui/form@2.1.11
+  - @heroui/input@2.4.12
+  - @heroui/listbox@2.3.12
+  - @heroui/popover@2.3.12
+  - @heroui/scroll-shadow@2.3.8
+  - @heroui/spinner@2.2.9
+  - @heroui/use-aria-button@2.2.7
+  - @heroui/use-safe-layout-effect@2.1.4
+  - @heroui/aria-utils@2.2.10
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-icons@2.1.4
+  - @heroui/shared-utils@2.1.5
+
 ## 2.3.12

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/autocomplete",
-  "version": "2.3.12",
+  "version": "2.3.15",
  "description": "An autocomplete combines a text input with a listbox, allowing users to filter a list of options to items matching a query.",
  "keywords": [
    "autocomplete"
@@ -1,5 +1,27 @@
 # @heroui/avatar

+## 2.2.10
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/shared-utils@2.1.6
+  - @heroui/react-utils@2.1.7
+  - @heroui/use-image@2.1.6
+
+## 2.2.9
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/use-image@2.1.5
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-utils@2.1.5
+
 ## 2.2.8

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/avatar",
-  "version": "2.2.8",
+  "version": "2.2.10",
  "description": "The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.",
  "keywords": [
    "avatar"
@@ -1,5 +1,25 @@
 # @heroui/badge

+## 2.2.9
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/shared-utils@2.1.6
+  - @heroui/react-utils@2.1.7
+
+## 2.2.8
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-utils@2.1.5
+
 ## 2.2.7

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/badge",
-  "version": "2.2.7",
+  "version": "2.2.9",
  "description": "Badges are used as a small numerical value or status descriptor for UI elements.",
  "keywords": [
    "badge"
@@ -1,5 +1,27 @@
 # @heroui/breadcrumbs

+## 2.2.10
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/shared-icons@2.1.5
+  - @heroui/shared-utils@2.1.6
+  - @heroui/react-utils@2.1.7
+
+## 2.2.9
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-icons@2.1.4
+  - @heroui/shared-utils@2.1.5
+
 ## 2.2.8

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/breadcrumbs",
-  "version": "2.2.8",
+  "version": "2.2.10",
  "description": "Breadcrumbs display a hierarchy of links to the current page or resource in an application.",
  "keywords": [
    "breadcrumbs"
@@ -1,5 +1,39 @@
 # @heroui/button

+## 2.2.14
+
+### Patch Changes
+
+- Updated dependencies [[`2186f6d`](https://github.com/heroui-inc/heroui/commit/2186f6da23679c5cf63ea03c9c6df9ca6df92ad9)]:
+  - @heroui/spinner@2.2.11
+  - @heroui/ripple@2.2.11
+
+## 2.2.13
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/shared-utils@2.1.6
+  - @heroui/use-aria-button@2.2.8
+  - @heroui/react-utils@2.1.7
+  - @heroui/spinner@2.2.10
+  - @heroui/ripple@2.2.11
+
+## 2.2.12
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/ripple@2.2.10
+  - @heroui/spinner@2.2.9
+  - @heroui/use-aria-button@2.2.7
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-utils@2.1.5
+
 ## 2.2.11

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/button",
-  "version": "2.2.11",
+  "version": "2.2.14",
  "description": "Buttons allow users to perform actions and choose with a single tap.",
  "keywords": [
    "button"
@@ -1,5 +1,42 @@
 # @heroui/calendar

+## 2.2.14
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @heroui/button@2.2.14
+
+## 2.2.13
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/dom-animation@2.1.5
+  - @heroui/framer-utils@2.1.10
+  - @heroui/shared-icons@2.1.5
+  - @heroui/shared-utils@2.1.6
+  - @heroui/use-aria-button@2.2.8
+  - @heroui/react-utils@2.1.7
+  - @heroui/button@2.2.13
+
+## 2.2.12
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/button@2.2.12
+  - @heroui/use-aria-button@2.2.7
+  - @heroui/dom-animation@2.1.4
+  - @heroui/framer-utils@2.1.9
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-icons@2.1.4
+  - @heroui/shared-utils@2.1.5
+
 ## 2.2.11

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/calendar",
-  "version": "2.2.11",
+  "version": "2.2.14",
  "description": "A calendar displays one or more date grids and allows users to select a single date.",
  "keywords": [
    "calendar"
@@ -1,5 +1,29 @@
 # @heroui/card

+## 2.2.13
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/shared-utils@2.1.6
+  - @heroui/use-aria-button@2.2.8
+  - @heroui/react-utils@2.1.7
+  - @heroui/ripple@2.2.11
+
+## 2.2.12
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/ripple@2.2.10
+  - @heroui/use-aria-button@2.2.7
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-utils@2.1.5
+
 ## 2.2.11

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/card",
-  "version": "2.2.11",
+  "version": "2.2.13",
  "description": "Card is a container for text, photos, and actions in the context of a single subject.",
  "keywords": [
    "card"
@@ -1,5 +1,38 @@
 # @heroui/checkbox

+## 2.3.13
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @heroui/form@2.1.13
+
+## 2.3.12
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/use-safe-layout-effect@2.1.5
+  - @heroui/use-callback-ref@2.1.5
+  - @heroui/shared-utils@2.1.6
+  - @heroui/react-utils@2.1.7
+  - @heroui/form@2.1.12
+
+## 2.3.11
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/form@2.1.11
+  - @heroui/use-callback-ref@2.1.4
+  - @heroui/use-safe-layout-effect@2.1.4
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-utils@2.1.5
+
 ## 2.3.10

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/checkbox",
-  "version": "2.3.10",
+  "version": "2.3.13",
  "description": "Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.",
  "keywords": [
    "checkbox"
@@ -1,5 +1,27 @@
 # @heroui/chip

+## 2.2.10
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/shared-icons@2.1.5
+  - @heroui/shared-utils@2.1.6
+  - @heroui/react-utils@2.1.7
+
+## 2.2.9
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-icons@2.1.4
+  - @heroui/shared-utils@2.1.5
+
 ## 2.2.8

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/chip",
-  "version": "2.2.8",
+  "version": "2.2.10",
  "description": "Chips help people enter information, make selections, filter content, or trigger actions.",
  "keywords": [
    "chip"
@@ -1,5 +1,27 @@
 # @heroui/code

+## 2.2.10
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/shared-utils@2.1.6
+  - @heroui/react-utils@2.1.7
+  - @heroui/system-rsc@2.3.9
+
+## 2.2.9
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/system-rsc@2.3.8
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-utils@2.1.5
+
 ## 2.2.8

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/code",
-  "version": "2.2.8",
+  "version": "2.2.10",
  "description": "Code is a component used to display inline code.",
  "keywords": [
    "code"
@@ -1,5 +1,36 @@
 # @heroui/date-input

+## 2.3.13
+
+### Patch Changes
+
+- [#4901](https://github.com/heroui-inc/heroui/pull/4901) [`09a2b73`](https://github.com/heroui-inc/heroui/commit/09a2b7387056e176417404dbf7edb4cfb8c880a9) Thanks [@wingkwong](https://github.com/wingkwong)! - update peerDependencies (#4901)
+
+- Updated dependencies []:
+  - @heroui/form@2.1.13
+
+## 2.3.12
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/shared-utils@2.1.6
+  - @heroui/react-utils@2.1.7
+  - @heroui/form@2.1.12
+
+## 2.3.11
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/form@2.1.11
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-utils@2.1.5
+
 ## 2.3.10

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/date-input",
-  "version": "2.3.10",
+  "version": "2.3.13",
  "description": "A date input allows users to enter and edit date and time values using a keyboard.",
  "keywords": [
    "date-field"
@@ -34,8 +34,8 @@
    "postpack": "clean-package restore"
  },
  "peerDependencies": {
-    "@heroui/system": ">=2.4.7",
-    "@heroui/theme": ">=2.4.6",
+    "@heroui/system": ">=2.4.10",
+    "@heroui/theme": ">=2.4.9",
    "react": ">=18 || >=19.0.0-rc.0",
    "react-dom": ">=18 || >=19.0.0-rc.0"
  },
@@ -1,5 +1,52 @@
 # @heroui/date-picker

+## 2.3.14
+
+### Patch Changes
+
+- [#4901](https://github.com/heroui-inc/heroui/pull/4901) [`09a2b73`](https://github.com/heroui-inc/heroui/commit/09a2b7387056e176417404dbf7edb4cfb8c880a9) Thanks [@wingkwong](https://github.com/wingkwong)! - update peerDependencies (#4901)
+
+- Updated dependencies [[`09a2b73`](https://github.com/heroui-inc/heroui/commit/09a2b7387056e176417404dbf7edb4cfb8c880a9)]:
+  - @heroui/date-input@2.3.13
+  - @heroui/button@2.2.14
+  - @heroui/popover@2.3.14
+  - @heroui/calendar@2.2.14
+  - @heroui/form@2.1.13
+
+## 2.3.13
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/shared-icons@2.1.5
+  - @heroui/shared-utils@2.1.6
+  - @heroui/date-input@2.3.12
+  - @heroui/react-utils@2.1.7
+  - @heroui/aria-utils@2.2.11
+  - @heroui/calendar@2.2.13
+  - @heroui/popover@2.3.13
+  - @heroui/button@2.2.13
+  - @heroui/form@2.1.12
+
+## 2.3.12
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/button@2.2.12
+  - @heroui/calendar@2.2.12
+  - @heroui/date-input@2.3.11
+  - @heroui/form@2.1.11
+  - @heroui/popover@2.3.12
+  - @heroui/aria-utils@2.2.10
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-icons@2.1.4
+  - @heroui/shared-utils@2.1.5
+
 ## 2.3.11

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/date-picker",
-  "version": "2.3.11",
+  "version": "2.3.14",
  "description": "A date picker combines a DateInput and a Calendar popover to allow users to enter or select a date and time value.",
  "keywords": [
    "date-picker"
@@ -34,8 +34,8 @@
    "postpack": "clean-package restore"
  },
  "peerDependencies": {
-    "@heroui/system": ">=2.4.7",
-    "@heroui/theme": ">=2.4.6",
+    "@heroui/system": ">=2.4.10",
+    "@heroui/theme": ">=2.4.9",
    "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1",
    "react": ">=18 || >=19.0.0-rc.0",
    "react-dom": ">=18 || >=19.0.0-rc.0"
@@ -1,5 +1,27 @@
 # @heroui/divider

+## 2.2.9
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/react-rsc-utils@2.1.5
+  - @heroui/shared-utils@2.1.6
+  - @heroui/system-rsc@2.3.9
+
+## 2.2.8
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/system-rsc@2.3.8
+  - @heroui/react-rsc-utils@2.1.4
+  - @heroui/shared-utils@2.1.5
+
 ## 2.2.7

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/divider",
-  "version": "2.2.7",
+  "version": "2.2.9",
  "description": ". A separator is a visual divider between two groups of content",
  "keywords": [
    "divider"
@@ -1,5 +1,29 @@
 # @heroui/drawer

+## 2.2.11
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/framer-utils@2.1.10
+  - @heroui/shared-utils@2.1.6
+  - @heroui/react-utils@2.1.7
+  - @heroui/modal@2.2.11
+
+## 2.2.10
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/modal@2.2.10
+  - @heroui/framer-utils@2.1.9
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-utils@2.1.5
+
 ## 2.2.9

 ### Patch Changes
@@ -1,8 +1,8 @@
 # @heroui/drawer

-A Quick description of the component
+Used to render a content that slides in from the side of the screen.

-> This is an internal utility, not intended for public usage.
+Please refer to the [documentation](https://heroui.com/docs/components/drawer) for more information.

 ## Installation

@@ -1,6 +1,6 @@
 {
  "name": "@heroui/drawer",
-  "version": "2.2.9",
+  "version": "2.2.11",
  "description": "Used to render a content that slides in from the side of the screen.",
  "keywords": [
    "drawer"
@@ -1,5 +1,39 @@
 # @heroui/dropdown

+## 2.3.14
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @heroui/popover@2.3.14
+  - @heroui/menu@2.2.13
+
+## 2.3.13
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/shared-utils@2.1.6
+  - @heroui/react-utils@2.1.7
+  - @heroui/aria-utils@2.2.11
+  - @heroui/popover@2.3.13
+  - @heroui/menu@2.2.13
+
+## 2.3.12
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/menu@2.2.12
+  - @heroui/popover@2.3.12
+  - @heroui/aria-utils@2.2.10
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-utils@2.1.5
+
 ## 2.3.11

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/dropdown",
-  "version": "2.3.11",
+  "version": "2.3.14",
  "description": "A dropdown displays a list of actions or options that a user can choose.",
  "keywords": [
    "dropdown"
@@ -1,5 +1,36 @@
 # @heroui/form

+## 2.1.13
+
+### Patch Changes
+
+- Updated dependencies [[`2774a1b`](https://github.com/heroui-inc/heroui/commit/2774a1b3513e2a046c538a2982a438f56608bbf2)]:
+  - @heroui/theme@2.4.10
+
+## 2.1.12
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/shared-utils@2.1.6
+  - @heroui/react-utils@2.1.7
+  - @heroui/system@2.4.10
+  - @heroui/theme@2.4.9
+
+## 2.1.11
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/system@2.4.9
+  - @heroui/theme@2.4.8
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-utils@2.1.5
+
 ## 2.1.10

 ### Patch Changes
@@ -1,8 +1,8 @@
 # @heroui/form

-A Quick description of the component
+A form is a group of inputs that allows users submit data to a server and supports field validation errors.

-> This is an internal utility, not intended for public usage.
+Please refer to the [documentation](https://heroui.com/docs/components/form) for more information.

 ## Installation

@@ -1,6 +1,6 @@
 {
  "name": "@heroui/form",
-  "version": "2.1.10",
+  "version": "2.1.13",
  "description": "A form is a group of inputs that allows users submit data to a server and supports field validation errors.",
  "keywords": [
    "form"
@@ -1,5 +1,27 @@
 # @heroui/image

+## 2.2.9
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/shared-utils@2.1.6
+  - @heroui/react-utils@2.1.7
+  - @heroui/use-image@2.1.6
+
+## 2.2.8
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/use-image@2.1.5
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-utils@2.1.5
+
 ## 2.2.7

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/image",
-  "version": "2.2.7",
+  "version": "2.2.9",
  "description": "A simple image component",
  "keywords": [
    "image"
@@ -1,5 +1,34 @@
 # @heroui/input-otp

+## 2.1.13
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @heroui/form@2.1.13
+
+## 2.1.12
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/shared-utils@2.1.6
+  - @heroui/react-utils@2.1.7
+  - @heroui/form@2.1.12
+
+## 2.1.11
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/form@2.1.11
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-utils@2.1.5
+
 ## 2.1.10

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/input-otp",
-  "version": "2.1.10",
+  "version": "2.1.13",
  "description": "",
  "keywords": [
    "input-otp"
@@ -1,5 +1,40 @@
 # @heroui/input

+## 2.4.14
+
+### Patch Changes
+
+- [#4901](https://github.com/heroui-inc/heroui/pull/4901) [`09a2b73`](https://github.com/heroui-inc/heroui/commit/09a2b7387056e176417404dbf7edb4cfb8c880a9) Thanks [@wingkwong](https://github.com/wingkwong)! - update peerDependencies (#4901)
+
+- Updated dependencies []:
+  - @heroui/form@2.1.13
+
+## 2.4.13
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/use-safe-layout-effect@2.1.5
+  - @heroui/shared-icons@2.1.5
+  - @heroui/shared-utils@2.1.6
+  - @heroui/react-utils@2.1.7
+  - @heroui/form@2.1.12
+
+## 2.4.12
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/form@2.1.11
+  - @heroui/use-safe-layout-effect@2.1.4
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-icons@2.1.4
+  - @heroui/shared-utils@2.1.5
+
 ## 2.4.11

 ### Patch Changes
@@ -300,6 +300,66 @@ describe("Input", () => {

    expect(onClear).toHaveBeenCalledTimes(0);
  });
+
+  it("should clear value when isClearable and pressing ESC key", async () => {
+    const onClear = jest.fn();
+    const defaultValue = "test value";
+
+    const {getByRole} = render(<Input isClearable defaultValue={defaultValue} onClear={onClear} />);
+
+    const input = getByRole("textbox") as HTMLInputElement;
+
+    expect(input.value).toBe(defaultValue);
+
+    fireEvent.keyDown(input, {key: "Escape"});
+
+    expect(input.value).toBe("");
+
+    expect(onClear).toHaveBeenCalledTimes(1);
+  });
+
+  it("should not clear value when pressing ESC key if input is empty", () => {
+    const onClear = jest.fn();
+
+    const {getByRole} = render(<Input isClearable defaultValue="" onClear={onClear} />);
+
+    const input = getByRole("textbox");
+
+    fireEvent.keyDown(input, {key: "Escape"});
+
+    expect(onClear).not.toHaveBeenCalled();
+  });
+
+  it("should not clear value when pressing ESC key if input is isClearable", () => {
+    const defaultValue = "test value";
+
+    const {getByRole} = render(<Input defaultValue={defaultValue} />);
+
+    const input = getByRole("textbox") as HTMLInputElement;
+
+    fireEvent.keyDown(input, {key: "Escape"});
+
+    expect(input.value).toBe("test value");
+  });
+
+  it("should not clear value when pressing ESC key if input is readonly", () => {
+    const onClear = jest.fn();
+    const defaultValue = "test value";
+
+    const {getByRole} = render(
+      <Input isClearable isReadOnly defaultValue={defaultValue} onClear={onClear} />,
+    );
+
+    const input = getByRole("textbox") as HTMLInputElement;
+
+    expect(input.value).toBe(defaultValue);
+
+    fireEvent.keyDown(input, {key: "Escape"});
+
+    expect(input.value).toBe(defaultValue);
+
+    expect(onClear).not.toHaveBeenCalled();
+  });
 });

 describe("Input with React Hook Form", () => {
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/input",
-  "version": "2.4.11",
+  "version": "2.4.14",
  "description": "The input component is designed for capturing user input within a text field.",
  "keywords": [
    "input"
@@ -36,8 +36,8 @@
  "peerDependencies": {
    "react": ">=18 || >=19.0.0-rc.0",
    "react-dom": ">=18 || >=19.0.0-rc.0",
-    "@heroui/theme": ">=2.4.6",
-    "@heroui/system": ">=2.4.7"
+    "@heroui/theme": ">=2.4.9",
+    "@heroui/system": ">=2.4.10"
  },
  "dependencies": {
    "@heroui/form": "workspace:*",
@@ -352,6 +352,21 @@ export function useInput<T extends HTMLInputElement | HTMLTextAreaElement = HTML
    [slots, isLabelHovered, labelProps, classNames?.label],
  );

+  const handleKeyDown = useCallback(
+    (e: React.KeyboardEvent<HTMLInputElement>) => {
+      if (
+        e.key === "Escape" &&
+        inputValue &&
+        (isClearable || onClear) &&
+        !originalProps.isReadOnly
+      ) {
+        setInputValue("");
+        onClear?.();
+      }
+    },
+    [inputValue, setInputValue, onClear, isClearable, originalProps.isReadOnly],
+  );
+
  const getInputProps: PropGetter = useCallback(
    (props = {}) => {
      return {
@@ -375,6 +390,7 @@ export function useInput<T extends HTMLInputElement | HTMLTextAreaElement = HTML
        ),
        "aria-readonly": dataAttr(originalProps.isReadOnly),
        onChange: chain(inputProps.onChange, onChange),
+        onKeyDown: chain(inputProps.onKeyDown, props.onKeyDown, handleKeyDown),
        ref: domRef,
      };
    },
@@ -392,6 +408,7 @@ export function useInput<T extends HTMLInputElement | HTMLTextAreaElement = HTML
      originalProps.isReadOnly,
      originalProps.isRequired,
      onChange,
+      handleKeyDown,
    ],
  );

@@ -1,5 +1,27 @@
 # @heroui/kbd

+## 2.2.10
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/shared-utils@2.1.6
+  - @heroui/react-utils@2.1.7
+  - @heroui/system-rsc@2.3.9
+
+## 2.2.9
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/system-rsc@2.3.8
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-utils@2.1.5
+
 ## 2.2.8

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/kbd",
-  "version": "2.2.8",
+  "version": "2.2.10",
  "description": "The keyboard key components indicates which key or set of keys used to execute a specificv  action",
  "keywords": [
    "kbd"
@@ -1,5 +1,29 @@
 # @heroui/link

+## 2.2.11
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/shared-icons@2.1.5
+  - @heroui/shared-utils@2.1.6
+  - @heroui/react-utils@2.1.7
+  - @heroui/use-aria-link@2.2.9
+
+## 2.2.10
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/use-aria-link@2.2.8
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-icons@2.1.4
+  - @heroui/shared-utils@2.1.5
+
 ## 2.2.9

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/link",
-  "version": "2.2.9",
+  "version": "2.2.11",
  "description": "Links allow users to click their way from page to page. This component is styled to resemble a hyperlink and semantically renders an &lt;a&gt;",
  "keywords": [
    "link"
@@ -1,5 +1,31 @@
 # @heroui/listbox

+## 2.3.13
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/shared-utils@2.1.6
+  - @heroui/react-utils@2.1.7
+  - @heroui/aria-utils@2.2.11
+  - @heroui/use-is-mobile@2.2.6
+  - @heroui/divider@2.2.9
+
+## 2.3.12
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/divider@2.2.8
+  - @heroui/use-is-mobile@2.2.5
+  - @heroui/aria-utils@2.2.10
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-utils@2.1.5
+
 ## 2.3.11

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/listbox",
-  "version": "2.3.11",
+  "version": "2.3.13",
  "description": "A listbox displays a list of options and allows a user to select one or more of them.",
  "keywords": [
    "listbox"
@@ -1,5 +1,31 @@
 # @heroui/menu

+## 2.2.13
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/shared-utils@2.1.6
+  - @heroui/react-utils@2.1.7
+  - @heroui/aria-utils@2.2.11
+  - @heroui/use-is-mobile@2.2.6
+  - @heroui/divider@2.2.9
+
+## 2.2.12
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/divider@2.2.8
+  - @heroui/use-is-mobile@2.2.5
+  - @heroui/aria-utils@2.2.10
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-utils@2.1.5
+
 ## 2.2.11

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/menu",
-  "version": "2.2.11",
+  "version": "2.2.13",
  "description": "A menu displays a list of options and allows a user to select one or more of them.",
  "keywords": [
    "menu"
@@ -1,5 +1,39 @@
 # @heroui/modal

+## 2.2.11
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/use-aria-modal-overlay@2.2.7
+  - @heroui/dom-animation@2.1.5
+  - @heroui/framer-utils@2.1.10
+  - @heroui/shared-icons@2.1.5
+  - @heroui/shared-utils@2.1.6
+  - @heroui/use-aria-button@2.2.8
+  - @heroui/react-utils@2.1.7
+  - @heroui/use-disclosure@2.2.6
+  - @heroui/use-draggable@2.1.6
+
+## 2.2.10
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/use-aria-button@2.2.7
+  - @heroui/use-aria-modal-overlay@2.2.6
+  - @heroui/use-disclosure@2.2.5
+  - @heroui/use-draggable@2.1.5
+  - @heroui/dom-animation@2.1.4
+  - @heroui/framer-utils@2.1.9
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-icons@2.1.4
+  - @heroui/shared-utils@2.1.5
+
 ## 2.2.9

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/modal",
-  "version": "2.2.9",
+  "version": "2.2.11",
  "description": "Displays a dialog with a custom content that requires attention or provides additional information.",
  "keywords": [
    "modal"
@@ -1,5 +1,31 @@
 # @heroui/navbar

+## 2.2.12
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/use-scroll-position@2.1.5
+  - @heroui/dom-animation@2.1.5
+  - @heroui/framer-utils@2.1.10
+  - @heroui/shared-utils@2.1.6
+  - @heroui/react-utils@2.1.7
+
+## 2.2.11
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/use-scroll-position@2.1.4
+  - @heroui/dom-animation@2.1.4
+  - @heroui/framer-utils@2.1.9
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-utils@2.1.5
+
 ## 2.2.10

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/navbar",
-  "version": "2.2.10",
+  "version": "2.2.12",
  "description": "A responsive navigation header positioned on top side of your page that includes support for branding, links, navigation, collapse and more.",
  "keywords": [
    "navbar"
@@ -1,5 +1,45 @@
 # @heroui/number-input

+## 2.0.4
+
+### Patch Changes
+
+- [#4907](https://github.com/heroui-inc/heroui/pull/4907) [`f55cf8b`](https://github.com/heroui-inc/heroui/commit/f55cf8bc7f3f1b2ebcded14f5f008ccfe8c4892c) Thanks [@wingkwong](https://github.com/wingkwong)! - handle onChange event in number input (#4874)
+
+- [#4901](https://github.com/heroui-inc/heroui/pull/4901) [`09a2b73`](https://github.com/heroui-inc/heroui/commit/09a2b7387056e176417404dbf7edb4cfb8c880a9) Thanks [@wingkwong](https://github.com/wingkwong)! - update peerDependencies (#4901)
+
+- Updated dependencies []:
+  - @heroui/button@2.2.14
+  - @heroui/form@2.1.13
+
+## 2.0.3
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/use-safe-layout-effect@2.1.5
+  - @heroui/shared-icons@2.1.5
+  - @heroui/shared-utils@2.1.6
+  - @heroui/react-utils@2.1.7
+  - @heroui/button@2.2.13
+  - @heroui/form@2.1.12
+
+## 2.0.2
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/button@2.2.12
+  - @heroui/form@2.1.11
+  - @heroui/use-safe-layout-effect@2.1.4
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-icons@2.1.4
+  - @heroui/shared-utils@2.1.5
+
 ## 2.0.1

 ### Patch Changes
@@ -240,6 +240,91 @@ describe("NumberInput", () => {

    expect(stepperButton).toBeNull();
  });
+
+  it("should clear value when isClearable and pressing ESC key", async () => {
+    const onClear = jest.fn();
+    const defaultValue = 12;
+
+    const {container} = render(
+      <NumberInput isClearable defaultValue={defaultValue} onClear={onClear} />,
+    );
+
+    const input = container.querySelector("input") as HTMLInputElement;
+
+    expect(input.value).toBe(defaultValue.toString());
+
+    fireEvent.keyDown(input, {key: "Escape"});
+    expect(input.value).toBe("");
+    expect(onClear).toHaveBeenCalledTimes(1);
+  });
+
+  it("should not clear value when pressing ESC key if input is empty", () => {
+    const onClear = jest.fn();
+
+    const {container} = render(<NumberInput isClearable onClear={onClear} />);
+
+    const input = container.querySelector("input") as HTMLInputElement;
+
+    fireEvent.keyDown(input, {key: "Escape"});
+    expect(onClear).not.toHaveBeenCalled();
+  });
+
+  it("should not clear value when pressing ESC key without isClearable", () => {
+    const defaultValue = 12;
+
+    const {container} = render(<NumberInput defaultValue={defaultValue} />);
+
+    const input = container.querySelector("input") as HTMLInputElement;
+
+    expect(input.value).toBe(defaultValue.toString());
+
+    fireEvent.keyDown(input, {key: "Escape"});
+    expect(input.value).toBe(defaultValue.toString());
+  });
+
+  it("should not clear value when pressing ESC key if input is readonly", () => {
+    const onClear = jest.fn();
+    const defaultValue = 42;
+
+    const {container} = render(<NumberInput isReadOnly defaultValue={defaultValue} />);
+
+    const input = container.querySelector("input") as HTMLInputElement;
+
+    expect(input.value).toBe(defaultValue.toString());
+
+    fireEvent.keyDown(input, {key: "Escape"});
+
+    expect(input.value).toBe(defaultValue.toString());
+    expect(onClear).not.toHaveBeenCalled();
+  });
+
+  it("should emit onChange", async () => {
+    const onChange = jest.fn();
+
+    const {container} = render(<NumberInput label="test number input" onChange={onChange} />);
+
+    const input = container.querySelector("input") as HTMLInputElement;
+
+    await user.click(input);
+    await user.keyboard("1024");
+
+    expect(onChange).toHaveBeenCalledTimes(4);
+  });
+
+  it("should emit onChange with keyboard up & down key", async () => {
+    const onChange = jest.fn();
+
+    const {container} = render(<NumberInput label="test number input" onChange={onChange} />);
+
+    const input = container.querySelector("input") as HTMLInputElement;
+
+    await user.click(input);
+    await user.keyboard("[ArrowUp]");
+    await user.keyboard("[ArrowUp]");
+    expect(onChange).toHaveBeenCalledTimes(2);
+    await user.keyboard("[ArrowDown]");
+    expect(onChange).toHaveBeenCalledTimes(3);
+  });
 });

 describe("NumberInput with React Hook Form", () => {
@@ -503,7 +588,6 @@ describe("NumberInput with React Hook Form", () => {

        await user.tab();
        await user.keyboard("1234");
-        await user.tab();
      });
    });
  });
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/number-input",
-  "version": "2.0.1",
+  "version": "2.0.4",
  "description": "The numeric input component is designed for users to enter a number, and increase or decrease the value using stepper buttons",
  "keywords": [
    "input",
@@ -38,8 +38,8 @@
  "peerDependencies": {
    "react": ">=18 || >=19.0.0-rc.0",
    "react-dom": ">=18 || >=19.0.0-rc.0",
-    "@heroui/theme": ">=2.4.6",
-    "@heroui/system": ">=2.4.7"
+    "@heroui/system": ">=2.4.10",
+    "@heroui/theme": ">=2.4.9"
  },
  "dependencies": {
    "@heroui/form": "workspace:*",
@@ -136,7 +136,7 @@ export function useNumberInput(originalProps: UseNumberInputProps) {
    ...originalProps,
    validationBehavior,
    locale,
-    onChange: onValueChange,
+    onChange: chain(onValueChange, onChange),
  });

  const {
@@ -239,6 +239,21 @@ export function useNumberInput(originalProps: UseNumberInputProps) {
    [objectToDeps(variantProps), isInvalid, isClearable, hasStartContent, disableAnimation],
  );

+  const handleKeyDown = useCallback(
+    (e: React.KeyboardEvent<HTMLInputElement>) => {
+      if (
+        e.key === "Escape" &&
+        inputValue &&
+        (isClearable || onClear) &&
+        !originalProps.isReadOnly
+      ) {
+        state.setInputValue("");
+        onClear?.();
+      }
+    },
+    [inputValue, state.setInputValue, onClear, isClearable, originalProps.isReadOnly],
+  );
+
  const getBaseProps: PropGetter = useCallback(
    (props = {}) => {
      return {
@@ -324,6 +339,7 @@ export function useNumberInput(originalProps: UseNumberInputProps) {
        ),
        "aria-readonly": dataAttr(originalProps.isReadOnly),
        onChange: chain(inputProps.onChange, onChange),
+        onKeyDown: chain(inputProps.onKeyDown, props.onKeyDown, handleKeyDown),
        ref: domRef,
      };
    },
@@ -339,6 +355,7 @@ export function useNumberInput(originalProps: UseNumberInputProps) {
      originalProps.isReadOnly,
      originalProps.isRequired,
      onChange,
+      handleKeyDown,
    ],
  );

@@ -1,5 +1,31 @@
 # @heroui/pagination

+## 2.2.12
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/use-intersection-observer@2.2.6
+  - @heroui/shared-icons@2.1.5
+  - @heroui/shared-utils@2.1.6
+  - @heroui/react-utils@2.1.7
+  - @heroui/use-pagination@2.2.7
+
+## 2.2.11
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/use-intersection-observer@2.2.5
+  - @heroui/use-pagination@2.2.6
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-icons@2.1.4
+  - @heroui/shared-utils@2.1.5
+
 ## 2.2.10

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/pagination",
-  "version": "2.2.10",
+  "version": "2.2.12",
  "description": "The Pagination component allows you to display active page and navigate between multiple pages.",
  "keywords": [
    "pagination"
@@ -1,5 +1,44 @@
 # @heroui/popover

+## 2.3.14
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @heroui/button@2.2.14
+
+## 2.3.13
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/use-safe-layout-effect@2.1.5
+  - @heroui/dom-animation@2.1.5
+  - @heroui/framer-utils@2.1.10
+  - @heroui/shared-utils@2.1.6
+  - @heroui/use-aria-button@2.2.8
+  - @heroui/react-utils@2.1.7
+  - @heroui/aria-utils@2.2.11
+  - @heroui/button@2.2.13
+
+## 2.3.12
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/button@2.2.12
+  - @heroui/use-aria-button@2.2.7
+  - @heroui/use-safe-layout-effect@2.1.4
+  - @heroui/aria-utils@2.2.10
+  - @heroui/dom-animation@2.1.4
+  - @heroui/framer-utils@2.1.9
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-utils@2.1.5
+
 ## 2.3.11

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/popover",
-  "version": "2.3.11",
+  "version": "2.3.14",
  "description": "A popover is an overlay element positioned relative to a trigger.",
  "keywords": [
    "popover"
@@ -1,5 +1,27 @@
 # @heroui/progress

+## 2.2.10
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/shared-utils@2.1.6
+  - @heroui/react-utils@2.1.7
+  - @heroui/use-is-mounted@2.1.5
+
+## 2.2.9
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/use-is-mounted@2.1.4
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-utils@2.1.5
+
 ## 2.2.8

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/progress",
-  "version": "2.2.8",
+  "version": "2.2.10",
  "description": "Progress bars show either determinate or indeterminate progress of an operation over time.",
  "keywords": [
    "progress"
@@ -1,5 +1,34 @@
 # @heroui/radio

+## 2.3.13
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @heroui/form@2.1.13
+
+## 2.3.12
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/shared-utils@2.1.6
+  - @heroui/react-utils@2.1.7
+  - @heroui/form@2.1.12
+
+## 2.3.11
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/form@2.1.11
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-utils@2.1.5
+
 ## 2.3.10

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/radio",
-  "version": "2.3.10",
+  "version": "2.3.13",
  "description": "Radios allow users to select a single option from a list of mutually exclusive options.",
  "keywords": [
    "radio"
@@ -1,5 +1,27 @@
 # @heroui/ripple

+## 2.2.11
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/dom-animation@2.1.5
+  - @heroui/shared-utils@2.1.6
+  - @heroui/react-utils@2.1.7
+
+## 2.2.10
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/dom-animation@2.1.4
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-utils@2.1.5
+
 ## 2.2.9

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/ripple",
-  "version": "2.2.9",
+  "version": "2.2.11",
  "description": "A simple implementation to display a ripple animation when the source component is clicked",
  "keywords": [
    "ripple"
@@ -1,5 +1,27 @@
 # @heroui/scroll-shadow

+## 2.3.9
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/use-data-scroll-overflow@2.2.6
+  - @heroui/shared-utils@2.1.6
+  - @heroui/react-utils@2.1.7
+
+## 2.3.8
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/use-data-scroll-overflow@2.2.5
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-utils@2.1.5
+
 ## 2.3.7

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/scroll-shadow",
-  "version": "2.3.7",
+  "version": "2.3.9",
  "description": "A component that applies top and bottom shadows when content overflows on scroll.",
  "keywords": [
    "scroll-shadow"
@@ -1,5 +1,60 @@
 # @heroui/select

+## 2.4.14
+
+### Patch Changes
+
+- [#4854](https://github.com/heroui-inc/heroui/pull/4854) [`989cbe1`](https://github.com/heroui-inc/heroui/commit/989cbe1eb0eb42c0c718b67f08b8db1c8721ba7f) Thanks [@smozely](https://github.com/smozely)! - Pass form prop to hidden-select
+
+- [#4901](https://github.com/heroui-inc/heroui/pull/4901) [`09a2b73`](https://github.com/heroui-inc/heroui/commit/09a2b7387056e176417404dbf7edb4cfb8c880a9) Thanks [@wingkwong](https://github.com/wingkwong)! - update peerDependencies (#4901)
+
+- Updated dependencies [[`2186f6d`](https://github.com/heroui-inc/heroui/commit/2186f6da23679c5cf63ea03c9c6df9ca6df92ad9)]:
+  - @heroui/spinner@2.2.11
+  - @heroui/popover@2.3.14
+  - @heroui/form@2.1.13
+  - @heroui/listbox@2.3.13
+  - @heroui/scroll-shadow@2.3.9
+
+## 2.4.13
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/use-safe-layout-effect@2.1.5
+  - @heroui/use-aria-multiselect@2.4.7
+  - @heroui/scroll-shadow@2.3.9
+  - @heroui/shared-icons@2.1.5
+  - @heroui/shared-utils@2.1.6
+  - @heroui/use-aria-button@2.2.8
+  - @heroui/react-utils@2.1.7
+  - @heroui/aria-utils@2.2.11
+  - @heroui/listbox@2.3.13
+  - @heroui/popover@2.3.13
+  - @heroui/spinner@2.2.10
+  - @heroui/form@2.1.12
+
+## 2.4.12
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/form@2.1.11
+  - @heroui/listbox@2.3.12
+  - @heroui/popover@2.3.12
+  - @heroui/scroll-shadow@2.3.8
+  - @heroui/spinner@2.2.9
+  - @heroui/use-aria-button@2.2.7
+  - @heroui/use-aria-multiselect@2.4.6
+  - @heroui/use-safe-layout-effect@2.1.4
+  - @heroui/aria-utils@2.2.10
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-icons@2.1.4
+  - @heroui/shared-utils@2.1.5
+
 ## 2.4.11

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/select",
-  "version": "2.4.11",
+  "version": "2.4.14",
  "description": "A select displays a collapsible list of options and allows a user to select one of them.",
  "keywords": [
    "select"
@@ -34,8 +34,8 @@
    "postpack": "clean-package restore"
  },
  "peerDependencies": {
-    "@heroui/system": ">=2.4.7",
-    "@heroui/theme": ">=2.4.6",
+    "@heroui/system": ">=2.4.10",
+    "@heroui/theme": ">=2.4.9",
    "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1",
    "react": ">=18 || >=19.0.0-rc.0",
    "react-dom": ">=18 || >=19.0.0-rc.0"
@@ -68,6 +68,7 @@ export function useHiddenSelect<T>(
    isDisabled = data.isDisabled,
    selectionMode,
    onChange,
+    form,
  } = props;
  let {validationBehavior, isRequired, isInvalid} = data;
  let {visuallyHiddenProps} = useVisuallyHidden();
@@ -92,6 +93,7 @@ export function useHiddenSelect<T>(
      style: {display: "none"},
    },
    selectProps: {
+      form,
      autoComplete,
      disabled: isDisabled,
      "aria-invalid": isInvalid || undefined,
@@ -117,7 +119,7 @@ export function useHiddenSelect<T>(
 * form autofill, mobile form navigation, and native form submission.
 */
 export function HiddenSelect<T>(props: HiddenSelectProps<T>) {
-  let {state, triggerRef, selectRef, label, name, isDisabled} = props;
+  let {state, triggerRef, selectRef, label, name, isDisabled, form} = props;

  let {containerProps, selectProps} = useHiddenSelect({...props, selectRef}, state, triggerRef);

@@ -151,6 +153,7 @@ export function HiddenSelect<T>(props: HiddenSelectProps<T>) {
      <input
        autoComplete={selectProps.autoComplete}
        disabled={isDisabled}
+        form={form}
        name={name}
        type="hidden"
        value={[...state.selectedKeys].join(",") ?? ""}
@@ -493,6 +493,7 @@ export function useSelect<T extends object>(originalProps: UseSelectProps<T>) {
        isRequired: originalProps?.isRequired,
        autoComplete: originalProps?.autoComplete,
        isDisabled: originalProps?.isDisabled,
+        form: originalProps?.form,
        onChange,
        ...props,
      } as HiddenSelectProps<T>),
@@ -1,5 +1,25 @@
 # @heroui/skeleton

+## 2.2.9
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/shared-utils@2.1.6
+  - @heroui/react-utils@2.1.7
+
+## 2.2.8
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-utils@2.1.5
+
 ## 2.2.7

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/skeleton",
-  "version": "2.2.7",
+  "version": "2.2.9",
  "description": "Skeleton is used to display the loading state of some component.",
  "keywords": [
    "skeleton"
@@ -1,5 +1,27 @@
 # @heroui/slider

+## 2.4.11
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/shared-utils@2.1.6
+  - @heroui/react-utils@2.1.7
+  - @heroui/tooltip@2.2.11
+
+## 2.4.10
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/tooltip@2.2.10
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-utils@2.1.5
+
 ## 2.4.9

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/slider",
-  "version": "2.4.9",
+  "version": "2.4.11",
  "description": "A slider allows a user to select one or more values within a range.",
  "keywords": [
    "slider"
@@ -1,5 +1,41 @@
 # @heroui/snippet

+## 2.2.15
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @heroui/button@2.2.14
+  - @heroui/tooltip@2.2.11
+
+## 2.2.14
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/shared-icons@2.1.5
+  - @heroui/shared-utils@2.1.6
+  - @heroui/react-utils@2.1.7
+  - @heroui/use-clipboard@2.1.6
+  - @heroui/tooltip@2.2.11
+  - @heroui/button@2.2.13
+
+## 2.2.13
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/button@2.2.12
+  - @heroui/tooltip@2.2.10
+  - @heroui/use-clipboard@2.1.5
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-icons@2.1.4
+  - @heroui/shared-utils@2.1.5
+
 ## 2.2.12

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/snippet",
-  "version": "2.2.12",
+  "version": "2.2.15",
  "description": "Display a snippet of copyable code for the command line.",
  "keywords": [
    "snippet"
@@ -1,5 +1,27 @@
 # @heroui/spacer

+## 2.2.10
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/shared-utils@2.1.6
+  - @heroui/react-utils@2.1.7
+  - @heroui/system-rsc@2.3.9
+
+## 2.2.9
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/system-rsc@2.3.8
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-utils@2.1.5
+
 ## 2.2.8

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/spacer",
-  "version": "2.2.8",
+  "version": "2.2.10",
  "description": "A flexible spacer component designed to create consistent spacing and maintain alignment in your layout.",
  "keywords": [
    "spacer"
@@ -1,5 +1,38 @@
 # @heroui/spinner

+## 2.2.11
+
+### Patch Changes
+
+- [#4904](https://github.com/heroui-inc/heroui/pull/4904) [`2186f6d`](https://github.com/heroui-inc/heroui/commit/2186f6da23679c5cf63ea03c9c6df9ca6df92ad9) Thanks [@wingkwong](https://github.com/wingkwong)! - add `use client` directive in tsup (#4903)
+
+- Updated dependencies []:
+  - @heroui/system-rsc@2.3.9
+
+## 2.2.10
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/shared-utils@2.1.6
+  - @heroui/react-utils@2.1.7
+  - @heroui/system-rsc@2.3.9
+  - @heroui/system@2.4.10
+
+## 2.2.9
+
+### Patch Changes
+
+- Fix v2.7.0 release
+
+- Updated dependencies []:
+  - @heroui/system@2.4.9
+  - @heroui/system-rsc@2.3.8
+  - @heroui/react-utils@2.1.6
+  - @heroui/shared-utils@2.1.5
+
 ## 2.2.8

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@heroui/spinner",
-  "version": "2.2.8",
+  "version": "2.2.11",
  "description": "Loaders express an unspecified wait time or display the length of a process.",
  "keywords": [
    "loading",
@@ -4,4 +4,5 @@ export default defineConfig({
  clean: true,
  target: "es2019",
  format: ["cjs", "esm"],
+  banner: {js: '"use client";'},
 });
--- a/Show More
+++ b/Show More