docs: installation update init description

.changeset/famous-mice-approve.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/pagination": patch
+---
+
+Fixed pagination missing animation (#3138)

.changeset/tough-peaches-live.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/autocomplete": patch
+---
+
+Fix maximum update depth exceeded on Autocomplete component (#3094)

CONTRIBUTING.md

@@ -14,7 +14,7 @@ Hello!, I am very excited that you are interested in contributing with Next UI.
 ### Tooling
 
 - [PNPM](https://pnpm.io/) to manage packages and dependencies
-- [Tsup](https://tsup.egoist.sh/) to bundle packages
+- [Tsup](https://tsup.egoist.dev/) to bundle packages
 - [Storybook](https://storybook.js.org/) for rapid UI component development and
   testing
 - [Testing Library](https://testing-library.com/) for testing components and

apps/docs/content/blog/v2.4.0.mdx

@@ -266,6 +266,8 @@ you need to update the import as follows:
 + import {cn} from "@nextui-org/theme"
 ```
 
+<Spacer y={4} />
+
 ### Validation Behavior
 
 Since v2.4.0, we've changed the default validation behavior to `aria` which means no native validation is applied. If you wish to use the native validation, you can set `validationBehavior` to `native` to the input components or set it to the Provider as stated above.
@@ -319,7 +321,6 @@ For those who use `validationBehavior="aria"`, `validate` will be no longer appl
 - Refactored the useScrollPosition hook to improve performance and stability by using useCallback for the handler function and useRef for throttleTimeout. [PR](https://github.com/nextui-org/nextui/pull/3049) - [@Gaic4o](https://github.com/Gaic4o)
 
 **Documentation**:
-
 - Updated documentation to reflect the new features and changes in the components, API references, and CLI.
 
 Special thanks to NextUI Team members [@kuri-sun](https://github.com/kuri-sun), [@ryo-manba](https://github.com/ryo-manba), 

apps/docs/content/components/date-picker/disabled.ts

@@ -6,7 +6,7 @@ export default function App() {
         <DatePicker 
           label="Birth date"
           className="max-w-[284px]"
-          isReadOnly
+          isDisabled
         />
     </div>
   );

apps/docs/content/components/date-picker/granularity.ts

@@ -1,6 +1,5 @@
 const App = `import {DatePicker} from "@nextui-org/react";
 import {now, parseAbsoluteToLocal} from "@internationalized/date";
-import {useDateFormatter} from "@react-aria/i18n";
 
 export default function App() {
   let [date, setDate] = React.useState(parseAbsoluteToLocal("2021-04-07T18:45:22Z"));
@@ -34,7 +33,6 @@ export default function App() {
 
 const AppTs = `import {DatePicker} from "@nextui-org/react";
 import {DateValue, now, parseAbsoluteToLocal} from "@internationalized/date";
-import {useDateFormatter} from "@react-aria/i18n";
 
 export default function App() {
   let [date, setDate] = React.useState<DateValue>(parseAbsoluteToLocal("2021-04-07T18:45:22Z"));

apps/docs/content/docs/guide/installation.mdx

@@ -32,11 +32,10 @@ nextui init my-nextui-app
 You will be prompted to configure your project:
 
 ```codeBlock bash
-? Select a template › - Use arrow-keys. Return to submit.
-❯   App
-    A Next.js 13 with app directory template pre-configured with NextUI (v2) and Tailwind CSS.
-    Pages
-    A Next.js 13 with pages directory template pre-configured with NextUI (v2) and Tailwind CSS.
+◇  Select a template (Enter to select)
+│  ● App (A Next.js 14 with app directory template pre-configured with NextUI (v2) and Tailwind CSS.)
+│  ○ Pages (A Next.js 14 with pages directory template pre-configured with NextUI (v2) and Tailwind CSS.)
+│  ○ Vite (A Vite template pre-configured with NextUI (v2) and Tailwind CSS.)
 ```
 
 Install the dependencies to start the local server:

apps/docs/package.json

@@ -42,7 +42,7 @@
     "@react-aria/interactions": "^3.21.1",
     "@react-aria/selection": "^3.17.5",
     "@react-aria/ssr": "^3.9.2",
-    "@react-aria/utils": "^3.23.2",
+    "@react-aria/utils": "3.24.1",
     "@react-aria/virtualizer": "^3.9.10",
     "@react-aria/visually-hidden": "^3.8.10",
     "@react-stately/data": "^3.11.2",
@@ -101,7 +101,7 @@
     "@docusaurus/utils": "2.0.0-beta.3",
     "@next/bundle-analyzer": "^13.4.6",
     "@next/env": "^13.4.12",
-    "@react-types/shared": "^3.22.1",
+    "@react-types/shared": "3.23.1",
     "@tailwindcss/typography": "^0.5.9",
     "@types/canvas-confetti": "^1.4.2",
     "@types/lodash": "^4.14.194",

package.json

@@ -68,7 +68,7 @@
     "@commitlint/config-conventional": "^17.2.0",
     "@react-bootstrap/babel-preset": "^2.1.0",
     "@react-types/link": "^3.4.4",
-    "@react-types/shared": "^3.22.1",
+    "@react-types/shared": "3.23.1",
     "@swc-node/jest": "^1.5.2",
     "@swc/core": "^1.3.35",
     "@swc/jest": "^0.2.24",

packages/components/accordion/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @nextui-org/accordion
 
+## 2.0.34
+
+### Patch Changes
+
+- [#3119](https://github.com/nextui-org/nextui/pull/3119) [`685995a12`](https://github.com/nextui-org/nextui/commit/685995a125cc3db26c6adb67ed9f7245b87e792a) Thanks [@wingkwong](https://github.com/wingkwong)! - bump `@react-aria/utils` version to `3.24.1` and bump `@react-types/shared` to `3.23.1`
+
+- Updated dependencies [[`685995a12`](https://github.com/nextui-org/nextui/commit/685995a125cc3db26c6adb67ed9f7245b87e792a)]:
+  - @nextui-org/use-aria-accordion@2.0.5
+  - @nextui-org/aria-utils@2.0.20
+  - @nextui-org/framer-utils@2.0.20
+  - @nextui-org/divider@2.0.28
+
 ## 2.0.33
 
 ### Patch Changes

packages/components/accordion/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/accordion",
-  "version": "2.0.33",
+  "version": "2.0.34",
   "description": "Collapse display a list of high-level options that can expand/collapse to reveal more information.",
   "keywords": [
     "react",
@@ -56,11 +56,11 @@
     "@nextui-org/use-aria-accordion": "workspace:*",
     "@react-aria/interactions": "3.21.1",
     "@react-aria/focus": "3.16.2",
-    "@react-aria/utils": "3.23.2",
+    "@react-aria/utils": "3.24.1",
     "@react-stately/tree": "3.7.6",
     "@react-aria/button": "3.9.3",
     "@react-types/accordion": "3.0.0-alpha.19",
-    "@react-types/shared": "3.22.1"
+    "@react-types/shared": "3.23.1"
   },
   "devDependencies": {
     "@nextui-org/theme": "workspace:*",

packages/components/autocomplete/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @nextui-org/autocomplete
 
+## 2.1.1
+
+### Patch Changes
+
+- [#3119](https://github.com/nextui-org/nextui/pull/3119) [`685995a12`](https://github.com/nextui-org/nextui/commit/685995a125cc3db26c6adb67ed9f7245b87e792a) Thanks [@wingkwong](https://github.com/wingkwong)! - bump `@react-aria/utils` version to `3.24.1` and bump `@react-types/shared` to `3.23.1`
+
+- Updated dependencies [[`685995a12`](https://github.com/nextui-org/nextui/commit/685995a125cc3db26c6adb67ed9f7245b87e792a)]:
+  - @nextui-org/button@2.0.33
+  - @nextui-org/input@2.2.1
+  - @nextui-org/listbox@2.1.21
+  - @nextui-org/popover@2.1.23
+  - @nextui-org/use-aria-button@2.0.8
+  - @nextui-org/aria-utils@2.0.20
+  - @nextui-org/scroll-shadow@2.1.16
+  - @nextui-org/spinner@2.0.29
+
 ## 2.1.0
 
 ### Minor Changes

packages/components/autocomplete/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/autocomplete",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "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"
@@ -57,11 +57,11 @@
     "@react-aria/focus": "3.16.2",
     "@react-aria/i18n": "3.10.2",
     "@react-aria/interactions": "3.21.1",
-    "@react-aria/utils": "3.23.2",
+    "@react-aria/utils": "3.24.1",
     "@react-aria/visually-hidden": "3.8.10",
     "@react-stately/combobox": "3.8.2",
     "@react-types/combobox": "3.10.1",
-    "@react-types/shared": "3.22.1"
+    "@react-types/shared": "3.23.1"
   },
   "devDependencies": {
     "@nextui-org/theme": "workspace:*",

packages/components/autocomplete/src/use-autocomplete.ts

@@ -318,7 +318,7 @@ export function useAutocomplete<T extends object>(originalProps: UseAutocomplete
       state.setSelectedKey(key);
       state.setInputValue(item.textValue);
     }
-  }, [inputRef.current, state]);
+  }, [inputRef.current]);
 
   // apply the same with to the popover as the select
   useEffect(() => {

packages/components/avatar/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nextui-org/avatar
 
+## 2.0.29
+
+### Patch Changes
+
+- [#3111](https://github.com/nextui-org/nextui/pull/3111) [`cdbc6514f`](https://github.com/nextui-org/nextui/commit/cdbc6514f8024381b778bad72b6a7a87330dab28) Thanks [@wingkwong](https://github.com/wingkwong)! - avoid passing `disableAnimation` prop to a DOM element (#3109)
+
 ## 2.0.28
 
 ### Patch Changes

packages/components/avatar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/avatar",
-  "version": "2.0.28",
+  "version": "2.0.29",
   "description": "The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.",
   "keywords": [
     "avatar"

packages/components/avatar/src/use-avatar.ts

@@ -1,11 +1,11 @@
 import type {AvatarSlots, AvatarVariantProps, SlotsToClasses} from "@nextui-org/theme";
+import type {DOMElement, DOMAttributes, HTMLNextUIProps, PropGetter} from "@nextui-org/system";
 
 import {avatar} from "@nextui-org/theme";
-import {HTMLNextUIProps, PropGetter, useProviderContext} from "@nextui-org/system";
+import {useProviderContext} from "@nextui-org/system";
 import {mergeProps} from "@react-aria/utils";
-import {useDOMRef} from "@nextui-org/react-utils";
+import {ReactRef, useDOMRef, filterDOMProps} from "@nextui-org/react-utils";
 import {clsx, safeText, dataAttr} from "@nextui-org/shared-utils";
-import {ReactRef} from "@nextui-org/react-utils";
 import {useFocusRing} from "@react-aria/focus";
 import {useMemo, useCallback} from "react";
 import {useImage} from "@nextui-org/use-image";
@@ -141,6 +141,8 @@ export function useAvatar(originalProps: UseAvatarProps = {}) {
 
   const isImgLoaded = imageStatus === "loaded";
 
+  const shouldFilterDOMProps = typeof ImgComponent === "string";
+
   /**
    * Fallback avatar applies under 2 conditions:
    * - If `src` was passed and the image has not loaded or failed to load
@@ -202,9 +204,15 @@ export function useAvatar(originalProps: UseAvatarProps = {}) {
       disableAnimation,
       "data-loaded": dataAttr(isImgLoaded),
       className: slots.img({class: classNames?.img}),
-      ...mergeProps(imgProps, props),
+      ...mergeProps(
+        imgProps,
+        props,
+        filterDOMProps({disableAnimation} as DOMAttributes<DOMElement>, {
+          enabled: shouldFilterDOMProps,
+        }),
+      ),
     }),
-    [slots, isImgLoaded, imgProps, disableAnimation, src, imgRef],
+    [slots, isImgLoaded, imgProps, disableAnimation, src, imgRef, shouldFilterDOMProps],
   );
 
   return {

packages/components/breadcrumbs/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nextui-org/breadcrumbs
 
+## 2.0.9
+
+### Patch Changes
+
+- [#3119](https://github.com/nextui-org/nextui/pull/3119) [`685995a12`](https://github.com/nextui-org/nextui/commit/685995a125cc3db26c6adb67ed9f7245b87e792a) Thanks [@wingkwong](https://github.com/wingkwong)! - bump `@react-aria/utils` version to `3.24.1` and bump `@react-types/shared` to `3.23.1`
+
 ## 2.0.8
 
 ### Patch Changes

packages/components/breadcrumbs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/breadcrumbs",
-  "version": "2.0.8",
+  "version": "2.0.9",
   "description": "Breadcrumbs display a hierarchy of links to the current page or resource in an application.",
   "keywords": [
     "breadcrumbs"
@@ -45,9 +45,9 @@
     "@nextui-org/shared-icons": "workspace:*",
     "@react-aria/focus": "3.16.2",
     "@react-aria/breadcrumbs": "3.5.11",
-    "@react-aria/utils": "3.23.2",
+    "@react-aria/utils": "3.24.1",
     "@react-types/breadcrumbs": "3.7.3",
-    "@react-types/shared": "3.22.1"
+    "@react-types/shared": "3.23.1"
   },
   "devDependencies": {
     "@nextui-org/theme": "workspace:*",

packages/components/button/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @nextui-org/button
 
+## 2.0.33
+
+### Patch Changes
+
+- [#3119](https://github.com/nextui-org/nextui/pull/3119) [`685995a12`](https://github.com/nextui-org/nextui/commit/685995a125cc3db26c6adb67ed9f7245b87e792a) Thanks [@wingkwong](https://github.com/wingkwong)! - bump `@react-aria/utils` version to `3.24.1` and bump `@react-types/shared` to `3.23.1`
+
+- Updated dependencies [[`685995a12`](https://github.com/nextui-org/nextui/commit/685995a125cc3db26c6adb67ed9f7245b87e792a)]:
+  - @nextui-org/use-aria-button@2.0.8
+  - @nextui-org/ripple@2.0.29
+  - @nextui-org/spinner@2.0.29
+
 ## 2.0.32
 
 ### Patch Changes

packages/components/button/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/button",
-  "version": "2.0.32",
+  "version": "2.0.33",
   "description": "Buttons allow users to perform actions and choose with a single tap.",
   "keywords": [
     "button"
@@ -48,9 +48,9 @@
     "@nextui-org/spinner": "workspace:*",
     "@react-aria/button": "3.9.3",
     "@react-aria/interactions": "3.21.1",
-    "@react-aria/utils": "3.23.2",
+    "@react-aria/utils": "3.24.1",
     "@react-aria/focus": "3.16.2",
-    "@react-types/shared": "3.22.1",
+    "@react-types/shared": "3.23.1",
     "@react-types/button": "3.9.2"
   },
   "devDependencies": {

packages/components/calendar/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @nextui-org/calendar
 
+## 2.0.6
+
+### Patch Changes
+
+- [#3119](https://github.com/nextui-org/nextui/pull/3119) [`685995a12`](https://github.com/nextui-org/nextui/commit/685995a125cc3db26c6adb67ed9f7245b87e792a) Thanks [@wingkwong](https://github.com/wingkwong)! - bump `@react-aria/utils` version to `3.24.1` and bump `@react-types/shared` to `3.23.1`
+
+- Updated dependencies [[`685995a12`](https://github.com/nextui-org/nextui/commit/685995a125cc3db26c6adb67ed9f7245b87e792a)]:
+  - @nextui-org/button@2.0.33
+  - @nextui-org/use-aria-button@2.0.8
+  - @nextui-org/framer-utils@2.0.20
+
 ## 2.0.5
 
 ### Patch Changes

packages/components/calendar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/calendar",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "description": "A calendar displays one or more date grids and allows users to select a single date.",
   "keywords": [
     "calendar"
@@ -54,11 +54,11 @@
     "@react-stately/calendar": "3.4.4",
     "@react-types/button": "3.9.2",
     "@react-aria/visually-hidden": "3.8.10",
-    "@react-aria/utils": "3.23.2",
+    "@react-aria/utils": "3.24.1",
     "@react-stately/utils": "3.9.1",
     "@react-types/calendar": "3.4.4",
     "@react-aria/interactions": "3.21.1",
-    "@react-types/shared": "3.22.1",
+    "@react-types/shared": "3.23.1",
     "scroll-into-view-if-needed": "3.0.10",
     "@types/lodash.debounce": "^4.0.7"
   },

packages/components/card/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @nextui-org/card
 
+## 2.0.30
+
+### Patch Changes
+
+- [#3119](https://github.com/nextui-org/nextui/pull/3119) [`685995a12`](https://github.com/nextui-org/nextui/commit/685995a125cc3db26c6adb67ed9f7245b87e792a) Thanks [@wingkwong](https://github.com/wingkwong)! - bump `@react-aria/utils` version to `3.24.1` and bump `@react-types/shared` to `3.23.1`
+
+- Updated dependencies [[`685995a12`](https://github.com/nextui-org/nextui/commit/685995a125cc3db26c6adb67ed9f7245b87e792a)]:
+  - @nextui-org/use-aria-button@2.0.8
+  - @nextui-org/ripple@2.0.29
+
 ## 2.0.29
 
 ### Patch Changes