ci(changesets): version packages (#1366 )

Co-authored-by: Junior Garcia <jrgarciadev@gmail.com>
fix(tooltip): filter dom props function fixed (#1365 )
2023-08-11 12:20:17 -03:00 · 2023-08-11 12:06:47 -03:00 · 2023-08-11 09:04:17 -03:00 · 2023-08-10 23:47:40 -03:00 · 2023-08-10 23:25:24 -03:00 · 2023-08-10 17:35:26 -03:00
149 changed files with 5494 additions and 3329 deletions
@@ -1,6 +1,7 @@
 .now/*
 .next/*
 *.css
+.changeset
 dist
 esm/*
 public/*
@@ -2,6 +2,7 @@ dist
 node_modules
 plop
 coverage
+.changeset
 .next
 build
 scripts
@@ -271,8 +271,6 @@ export default function Page() {

  const [page, setPage] = useState(1);

-  const pages = Math.ceil(users.length / rowsPerPage);
-
  const hasSearchFilter = Boolean(filterValue);

  const headerColumns = useMemo(() => {
@@ -298,6 +296,8 @@ export default function Page() {
    return filteredUsers;
  }, [users, filterValue, statusFilter]);

+  const pages = Math.ceil(filteredItems.length / rowsPerPage);
+
  const items = useMemo(() => {
    const start = (page - 1) * rowsPerPage;
    const end = start + rowsPerPage;
@@ -390,6 +390,11 @@ export default function Page() {
    }
  }, []);

+  const onClear = useCallback(() => {
+    setFilterValue("");
+    setPage(1);
+  }, []);
+
  const topContent = useMemo(() => {
    return (
      <div className="flex flex-col gap-4">
@@ -400,7 +405,7 @@ export default function Page() {
            placeholder="Search by name..."
            startContent={<SearchIcon />}
            value={filterValue}
-            onClear={() => setFilterValue("")}
+            onClear={() => onClear()}
            onValueChange={onSearchChange}
          />
          <div className="flex gap-3">
@@ -483,23 +488,22 @@ export default function Page() {
        <span className="w-[30%] text-small text-default-400">
          {selectedKeys === "all"
            ? "All items selected"
-            : `${selectedKeys.size} of ${items.length} selected`}
+            : `${selectedKeys.size} of ${filteredItems.length} selected`}
        </span>
        <Pagination
          isCompact
          showControls
          showShadow
          color="primary"
-          isDisabled={hasSearchFilter}
          page={page}
          total={pages}
          onChange={setPage}
        />
        <div className="hidden sm:flex w-[30%] justify-end gap-2">
-          <Button isDisabled={hasSearchFilter} size="sm" variant="flat" onPress={onPreviousPage}>
+          <Button isDisabled={pages === 1} size="sm" variant="flat" onPress={onPreviousPage}>
            Previous
          </Button>
-          <Button isDisabled={hasSearchFilter} size="sm" variant="flat" onPress={onNextPage}>
+          <Button isDisabled={pages === 1} size="sm" variant="flat" onPress={onNextPage}>
            Next
          </Button>
        </div>
@@ -175,7 +175,7 @@ We've added a new function, `extendVariants`, that allows you to customize any N
  height={350}
 />

-You can create or override the component `variants`, `defaultVariants` and `componentVariants`.
+You can create or override the component `variants`, `defaultVariants` and `compoundVariants`.

 > Check out the [Custom Variants](/docs/customization/custom-variants) documentation for more information.

@@ -140,7 +140,7 @@ const ShuffleIcon = `export const ShuffleIcon = ({size = 24, width, height, ...p
  </svg>
 );`;

-const App = `import {Card, CardFooter, Image, Button, Progress} from "@nextui-org/react";
+const App = `import {Card, CardBody, Image, Button, Progress} from "@nextui-org/react";
 import {HeartIcon} from "./HeartIcon";
 import {PauseCircleIcon} from "./PauseCircleIcon";
 import {NextIcon} from "./NextIcon";
@@ -16,6 +16,7 @@ export default function App() {
      <div className="flex flex-wrap gap-3">
        {backdrops.map((b) => (
          <Button  
+            key={b}
            variant="flat" 
            color="warning" 
            onPress={() => handleOpen(b)}
@@ -16,7 +16,7 @@ export default function App() {
    <>
      <div className="flex flex-wrap gap-3">
        {sizes.map((size) => (
-          <Button onPress={() => handleOpen(size)}>Open {size}</Button>
+          <Button key={size} onPress={() => handleOpen(size)}>Open {size}</Button>
        ))}  
      </div>
      <Modal 
@@ -7,7 +7,7 @@ export default function App() {
  return (
    <div className="flex flex-wrap gap-4 items-center">
      {colors.map((color) => (
-        <Pagination total={10} initialPage={1} color={color} />
+        <Pagination key={color} total={10} initialPage={1} color={color} />
      ))}
    </div>
  );
@@ -7,7 +7,7 @@ export default function App() {
  return (
    <div className="flex flex-wrap gap-4 items-center">
      {radius.map((r) => (
-        <Pagination total={10} initialPage={1} radius={r} />
+        <Pagination key={r} total={10} initialPage={1} radius={r} />
      ))}
    </div>
  );
@@ -7,7 +7,7 @@ export default function App() {
  return (
    <div className="flex flex-wrap gap-4 items-center">
      {sizes.map((size) => (
-        <Pagination total={10} initialPage={1} size={size} />
+        <Pagination key={size} total={10} initialPage={1} size={size} />
      ))}
    </div>
  );
@@ -7,7 +7,7 @@ export default function App() {
  return (
    <div className="flex flex-wrap gap-4 items-center">
      {variants.map((variant) => (
-        <Pagination total={10} initialPage={1} variant={variant} />
+        <Pagination key={variant} total={10} initialPage={1} variant={variant} />
      ))}
    </div>
  );
@@ -360,8 +360,6 @@ export default function App() {
  });
  const [page, setPage] = React.useState(1);

-  const pages = Math.ceil(users.length / rowsPerPage);
-
  const hasSearchFilter = Boolean(filterValue);

  const headerColumns = React.useMemo(() => {
@@ -387,6 +385,8 @@ export default function App() {
    return filteredUsers;
  }, [users, filterValue, statusFilter]);

+  const pages = Math.ceil(filteredItems.length / rowsPerPage);
+
  const items = React.useMemo(() => {
    const start = (page - 1) * rowsPerPage;
    const end = start + rowsPerPage;
@@ -452,7 +452,7 @@ export default function App() {
        return cellValue;
    }
  }, []);
-  
+
  const onNextPage = React.useCallback(() => {
    if (page < pages) {
      setPage(page + 1);
@@ -479,6 +479,11 @@ export default function App() {
    }
  }, []);

+  const onClear = useCallback(()=>{
+    setFilterValue("")
+    setPage(1)
+  },[])
+
  const topContent = React.useMemo(() => {
    return (
      <div className="flex flex-col gap-4">
@@ -489,7 +494,7 @@ export default function App() {
            placeholder="Search by name..."
            startContent={<SearchIcon />}
            value={filterValue}
-            onClear={() => setFilterValue("")}
+            onClear={() => onClear()}
            onValueChange={onSearchChange}
          />
          <div className="flex gap-3">
@@ -572,23 +577,22 @@ export default function App() {
        <span className="w-[30%] text-small text-default-400">
          {selectedKeys === "all"
            ? "All items selected"
-            : \`\${selectedKeys.size} of \${items.length} selected\`}
+            : \`\${selectedKeys.size} of \${filteredItems.length} selected\`}
        </span>
        <Pagination
          isCompact
          showControls
          showShadow
          color="primary"
-          isDisabled={hasSearchFilter}
          page={page}
          total={pages}
          onChange={setPage}
        />
        <div className="hidden sm:flex w-[30%] justify-end gap-2">
-          <Button isDisabled={hasSearchFilter} size="sm" variant="flat" onPress={onPreviousPage}>
+          <Button isDisabled={pages === 1} size="sm" variant="flat" onPress={onPreviousPage}>
            Previous
          </Button>
-          <Button isDisabled={hasSearchFilter} size="sm" variant="flat" onPress={onNextPage}>
+          <Button isDisabled={pages === 1} size="sm" variant="flat" onPress={onNextPage}>
            Next
          </Button>
        </div>
@@ -684,7 +688,6 @@ export default function App() {
  });

  const [page, setPage] = useState(1);
-  const pages = Math.ceil(users.length / rowsPerPage);

  const hasSearchFilter = Boolean(filterValue);

@@ -711,6 +714,8 @@ export default function App() {
    return filteredUsers;
  }, [users, filterValue, statusFilter]);

+  const pages = Math.ceil(filteredItems.length / rowsPerPage);
+
  const items = React.useMemo(() => {
    const start = (page - 1) * rowsPerPage;
    const end = start + rowsPerPage;
@@ -776,7 +781,7 @@ export default function App() {
        return cellValue;
    }
  }, []);
-  
+
  const onNextPage = React.useCallback(() => {
    if (page < pages) {
      setPage(page + 1);
@@ -803,6 +808,11 @@ export default function App() {
    }
  }, []);

+  const onClear = useCallback(()=>{
+    setFilterValue("")
+    setPage(1)
+  },[])
+
  const topContent = React.useMemo(() => {
    return (
      <div className="flex flex-col gap-4">
@@ -813,7 +823,7 @@ export default function App() {
            placeholder="Search by name..."
            startContent={<SearchIcon />}
            value={filterValue}
-            onClear={() => setFilterValue("")}
+            onClear={() => onClear()}
            onValueChange={onSearchChange}
          />
          <div className="flex gap-3">
@@ -896,23 +906,22 @@ export default function App() {
        <span className="w-[30%] text-small text-default-400">
          {selectedKeys === "all"
            ? "All items selected"
-            : \`\${selectedKeys.size} of \${items.length} selected\`}
+            : \`\${selectedKeys.size} of \${filteredItems.length} selected\`}
        </span>
        <Pagination
          isCompact
          showControls
          showShadow
          color="primary"
-          isDisabled={hasSearchFilter}
          page={page}
          total={pages}
          onChange={setPage}
        />
        <div className="hidden sm:flex w-[30%] justify-end gap-2">
-          <Button isDisabled={hasSearchFilter} size="sm" variant="flat" onPress={onPreviousPage}>
+          <Button isDisabled={pages === 1} size="sm" variant="flat" onPress={onPreviousPage}>
            Previous
          </Button>
-          <Button isDisabled={hasSearchFilter} size="sm" variant="flat" onPress={onNextPage}>
+          <Button isDisabled={pages === 1} size="sm" variant="flat" onPress={onNextPage}>
            Next
          </Button>
        </div>
@@ -20,7 +20,7 @@ const MyButton = extendVariants(Button, {
    color: "olive",
    size: "xl",
  },
-  componentVariants: [
+  compoundVariants: [
    {
      isDisabled: true,
      color: "olive",
@@ -13,7 +13,7 @@ Accordion display a list of high-level options that can expand/collapse to revea

 ---

-<CarbonAd/>
+<CarbonAd />

 ## Import

@@ -174,6 +174,37 @@ Here's an example of how to customize the accordion styles:

 ## API

+### Accordion Props
+
+| Attribute                 | Type                                            | Description                                                                                             | Default  |
+| ------------------------- | ----------------------------------------------- | ------------------------------------------------------------------------------------------------------- | -------- |
+| children                  | `ReactNode` \| `ReactNode[]`                    | The contents of the collection. Usually the array of `AccordionItem`                                    |          |
+| variant                   | `light` \| `shadow` \| `bordered` \| `splitted` | The accordion appearance style.                                                                         | `light`  |
+| selectionMode             | `none` \| `single` \| `multiple`                | The type of selection that is allowed in the collection.                                                |          |
+| selectionBehavior         | `toggle` \| `replace`                           | The accordion selection behavior.                                                                       | `toggle` |
+| isCompact                 | `boolean`                                       | Whether all Accordion items should be smaller.                                                          | `false`  |
+| isDisabled                | `boolean`                                       | Whether the Accordion items are disabled.                                                               |          |
+| showDivider               | `boolean`                                       | WWhether to display a divider at the bottom of the each accordion item.                                 | `true`   |
+| DividerProps              | [DividerProps](/docs/components/divider)        | The divider component props.                                                                            | -        |
+| hideIndicator             | `boolean`                                       | Whether the Accordion items indicator is hidden.                                                        |          |
+| disableAnimation          | `boolean`                                       | Whether the Accordion items open/close animation is disabled.                                           |          |
+| disableIndicatorAnimation | `boolean`                                       | Whether the Accordion items indicator animation is disabled.                                            |          |
+| disallowEmptySelection    | `boolean`                                       | Whether the collection allows empty selection.                                                          |          |
+| keepContentMounted        | `boolean`                                       | Whether the Accordion items content should be always mounted.                                           | `false`  |
+| fullWidth                 | `boolean`                                       | Whether the accordion should take up the full width of its parent container.                            | `true`   |
+| motionProps               | `MotionProps`                                   | The motion properties of the Accordion.                                                                 |          |
+| disabledKeys              | `React.Key[]`                                   | The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with. |          |
+| itemClasses               | [Classnames](#accordiom-item-classnames)        | The accordion items classNames.                                                                         |          |
+| selectedKeys              | `all` \| `React.Key[]`                          | The currently selected keys in the collection (controlled).                                             |          |
+| defaultSelectedKeys       | `all` \| `React.Key[]`                          | The initial selected keys in the collection (uncontrolled).                                             |          |
+| disabledKeys              | `React.Key[]`                                   | The currently disabled keys in the collection (controlled).                                             |          |
+
+### Accordion Events
+
+| Attribute         | Type                                     | Description                                        |
+| ----------------- | ---------------------------------------- | -------------------------------------------------- |
+| onSelectionChange | `(keys: "all" ｜ Set<React.Key>) => any` | Handler that is called when the selection changes. |
+
 ### Accordion Item Props

 | Attribute                 | Type                                              | Description                                                                                           | Default |
@@ -187,6 +218,7 @@ Here's an example of how to customize the accordion styles:
 | isOpen                    | `boolean`                                         | The current open status. (controlled)                                                                 |         |
 | isCompact                 | `boolean`                                         | Whether the AccordionItem is compact.                                                                 | `false` |
 | isDisabled                | `boolean`                                         | The current disabled status.                                                                          | `false` |
+| keepContentMounted        | `boolean`                                         | Whether the AccordionItem content is kept mounted when closed.                                        | `false` |
 | hideIndicator             | `boolean`                                         | Whether the AccordionItem indicator is hidden.                                                        | `false` |
 | disableAnimation          | `boolean`                                         | Whether the AccordionItem animation is disabled.                                                      | `false` |
 | disableIndicatorAnimation | `boolean`                                         | Whether the AccordionItem indicator animation is disabled.                                            | `false` |
@@ -208,36 +240,6 @@ Here's an example of how to customize the accordion styles:
 | onPressUp     | `(e: PressEvent) => void`      | Handler called when a press is released over the target, regardless of whether it started on the target or not. |
 | onClick       | `MouseEventHandler`            | The native button click event handler (**Deprecated**) use **onPress** instead.                                 |

-### Accordion Props
-
-| Attribute                 | Type                                            | Description                                                                                             | Default  |
-| ------------------------- | ----------------------------------------------- | ------------------------------------------------------------------------------------------------------- | -------- |
-| children                  | `ReactNode` \| `ReactNode[]`                    | The contents of the collection. Usually the array of `AccordionItem`                                    |          |
-| variant                   | `light` \| `shadow` \| `bordered` \| `splitted` | The accordion appearance style.                                                                         | `light`  |
-| selectionMode             | `none` \| `single` \| `multiple`                | The type of selection that is allowed in the collection.                                                |          |
-| selectionBehavior         | `toggle` \| `replace`                           | The accordion selection behavior.                                                                       | `toggle` |
-| isCompact                 | `boolean`                                       | Whether all Accordion items should be smaller.                                                          | `false`  |
-| isDisabled                | `boolean`                                       | Whether the Accordion items are disabled.                                                               |          |
-| showDivider               | `boolean`                                       | WWhether to display a divider at the bottom of the each accordion item.                                 | `true`   |
-| DividerProps              | [DividerProps](/docs/components/divider)        | The divider component props.                                                                            | -        |
-| hideIndicator             | `boolean`                                       | Whether the Accordion items indicator is hidden.                                                        |          |
-| disableAnimation          | `boolean`                                       | Whether the Accordion items open/close animation is disabled.                                           |          |
-| disableIndicatorAnimation | `boolean`                                       | Whether the Accordion items indicator animation is disabled.                                            |          |
-| disallowEmptySelection    | `boolean`                                       | Whether the collection allows empty selection.                                                          |          |
-| fullWidth                 | `boolean`                                       | Whether the accordion should take up the full width of its parent container.                            | `true`   |
-| motionProps               | `MotionProps`                                   | The motion properties of the Accordion.                                                                 |          |
-| disabledKeys              | `React.Key[]`                                   | The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with. |          |
-| itemClasses               | [Classnames](#accordiom-item-classnames)        | The accordion items classNames.                                                                         |          |
-| selectedKeys              | `all` \| `React.Key[]`                          | The currently selected keys in the collection (controlled).                                             |          |
-| defaultSelectedKeys       | `all` \| `React.Key[]`                          | The initial selected keys in the collection (uncontrolled).                                             |          |
-| disabledKeys              | `React.Key[]`                                   | The currently disabled keys in the collection (controlled).                                             |          |
-
-### Accordion Events
-
-| Attribute         | Type                                     | Description                                        |
-| ----------------- | ---------------------------------------- | -------------------------------------------------- |
-| onSelectionChange | `(keys: "all" ｜ Set<React.Key>) => any` | Handler that is called when the selection changes. |
-
 ---

 ### Types
@@ -46,7 +46,7 @@ NextUI exports 3 pagination-related components:
 ### Colors

 <CodeDemo title="Radius" files={paginationContent.colors} />
-
+{/* 
 ### Variants

 You can use the `variant` property to change the pagination items style.
@@ -129,7 +129,7 @@ You can customize the `Pagination` component by passing custom Tailwind CSS clas
 In case you need to customize the pagination even further, you can use the `usePagination` hook to create
 your own implementation.

-<CodeDemo title="Custom Implementation" files={paginationContent.customImpl} />
+<CodeDemo title="Custom Implementation" files={paginationContent.customImpl} /> */}

 <Spacer y={4} />

@@ -233,7 +233,7 @@ import {useAsyncList} from "@react-stately/data";

 ### Loading more data

-Table sllows you to add a custom component at the end of the table, on the example below we are
+Table allows you to add a custom component at the end of the table, on the example below we are
 using a button to load more data.

 <CodeDemo
@@ -10,7 +10,7 @@ This can be done by extending the component and its properties, and customizing

 <CarbonAd />

-You can create or override the component `variants`, `defaultVariants` and `componentVariants`.
+You can create or override the component `variants`, `defaultVariants` and `compoundVariants`.

 > **Note**: For one-off customizations, refer to the [Override Styles](/docs/customization/override-styles) documentation.

@@ -52,13 +52,11 @@ export const MyButton = extendVariants(Button, {
      xl: "px-unit-8 min-w-unit-28 h-unit-14 text-large gap-unit-4 rounded-medium",
    },
  },
-  defaultVariants: {
-    // <- modify/add the default variants
+  defaultVariants: { // <- modify/add default variants
    color: "olive",
    size: "xl",
  },
-  componentVariants: [
-    // <- modify/add the component variants
+  compoundVariants: [ // <- modify/add compound variants
    {
      isDisabled: true,
      color: "olive",
@@ -131,8 +131,8 @@ import {Button} from "@nextui-org/react";
 export default function App() {
  return (
    <div className="flex gap-4">
-      <Button variant="solid">Solid</Button>
-      <Button variant="ghost">Ghost</Button>
+      <Button color="primary" variant="solid">Solid</Button>
+      <Button color="primary" variant="ghost">Ghost</Button>
    </div>
  );
 }
@@ -32,16 +32,16 @@
    "@nextui-org/use-clipboard": "workspace:*",
    "@nextui-org/use-infinite-scroll": "workspace:*",
    "@nextui-org/use-is-mobile": "workspace:*",
-    "@react-aria/focus": "^3.13.0",
-    "@react-aria/interactions": "^3.16.0",
-    "@react-aria/selection": "^3.15.0",
-    "@react-aria/ssr": "^3.6.0",
-    "@react-aria/utils": "^3.18.0",
-    "@react-aria/virtualizer": "^3.8.0",
-    "@react-aria/visually-hidden": "^3.8.0",
-    "@react-stately/data": "^3.10.0",
-    "@react-stately/layout": "^3.12.0",
-    "@react-stately/tree": "^3.7.0",
+    "@react-aria/focus": "^3.14.0",
+    "@react-aria/interactions": "^3.17.0",
+    "@react-aria/selection": "^3.16.1",
+    "@react-aria/ssr": "^3.7.1",
+    "@react-aria/utils": "^3.19.0",
+    "@react-aria/virtualizer": "^3.9.1",
+    "@react-aria/visually-hidden": "^3.8.3",
+    "@react-stately/data": "^3.10.1",
+    "@react-stately/layout": "^3.13.0",
+    "@react-stately/tree": "^3.7.1",
    "@rehooks/local-storage": "^2.4.4",
    "@vercel/analytics": "^1.0.1",
    "canvas-confetti": "^1.4.0",
@@ -49,7 +49,7 @@
    "color2k": "^2.0.2",
    "contentlayer": "^0.3.4",
    "date-fns": "^2.30.0",
-    "framer-motion": "^10.12.18",
+    "framer-motion": "^10.15.1",
    "github-slugger": "^2.0.0",
    "gray-matter": "^4.0.3",
    "hast-util-to-html": "7.1.2",
@@ -93,7 +93,7 @@
    "@docusaurus/utils": "2.0.0-beta.3",
    "@next/bundle-analyzer": "^13.4.6",
    "@next/env": "^13.4.12",
-    "@react-types/shared": "^3.18.0",
+    "@react-types/shared": "^3.19.0",
    "@tailwindcss/typography": "^0.5.9",
    "@types/canvas-confetti": "^1.4.2",
    "@types/lodash": "^4.14.194",
@@ -65,7 +65,7 @@
    "@commitlint/config-conventional": "^17.2.0",
    "@react-bootstrap/babel-preset": "^2.1.0",
    "@react-types/link": "^3.3.3",
-    "@react-types/shared": "^3.18.0",
+    "@react-types/shared": "^3.19.0",
    "@swc-node/jest": "^1.5.2",
    "@swc/core": "^1.3.35",
    "@swc/jest": "^0.2.24",
@@ -1,5 +1,59 @@
 # @nextui-org/accordion

+## 2.0.9
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/divider@2.0.8
+  - @nextui-org/react-utils@2.0.5
+
+## 2.0.8
+
+### Patch Changes
+
+- [#1359](https://github.com/nextui-org/nextui/pull/1359) [`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - \n
+
+  - react-aria packages updgraded to the latest version
+  - image storybooks fixed
+  - other bug fixes..
+
+- Updated dependencies [[`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171)]:
+  - @nextui-org/use-aria-accordion-item@2.0.3
+  - @nextui-org/framer-transitions@2.0.5
+  - @nextui-org/aria-utils@2.0.5
+  - @nextui-org/divider@2.0.7
+  - @nextui-org/system@2.0.5
+
+## 2.0.7
+
+### Patch Changes
+
+- Updated dependencies [[`710395f3`](https://github.com/nextui-org/nextui/commit/710395f3a2ca44238332237a49e948c933abe63d)]:
+  - @nextui-org/system@2.0.4
+  - @nextui-org/aria-utils@2.0.4
+  - @nextui-org/framer-transitions@2.0.4
+
+## 2.0.6
+
+### Patch Changes
+
+- [#1351](https://github.com/nextui-org/nextui/pull/1351) [`d13a14fa`](https://github.com/nextui-org/nextui/commit/d13a14facc1a92dac72e58a93e0452a86a2243c6) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - - filterDOMProps function modified to filter non-default event/props this avoid passing non-valid props to HTML elements
+  - NavbarMenu onMenuOpenChange open state modified, undefined type removed
+  - keepContentMounted prop added to accordion and accordion item
+  - Some bug fixes..
+- Updated dependencies []:
+  - @nextui-org/divider@2.0.6
+  - @nextui-org/react-utils@2.0.4
+
+## 2.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/divider@2.0.5
+  - @nextui-org/react-utils@2.0.3
+
 ## 2.0.4

 ### Patch Changes
@@ -246,4 +246,36 @@ describe("Accordion", () => {

    expect(button).toHaveAttribute("aria-expanded", "true");
  });
+
+  it("should support keepContentMounted", async () => {
+    const wrapper = render(
+      <Accordion keepContentMounted>
+        <AccordionItem key="1" data-testid="item-1" title="Accordion Item 1">
+          Accordion Item 1 description
+        </AccordionItem>
+        <AccordionItem key="2" data-testid="item-2" title="Accordion Item 2">
+          Accordion Item 2 description
+        </AccordionItem>
+      </Accordion>,
+    );
+
+    const item1 = wrapper.getByTestId("item-1");
+    const button = item1.querySelector("button") as HTMLElement;
+
+    expect(item1.querySelector("[role='region']")).toBeInTheDocument();
+
+    await act(async () => {
+      await userEvent.click(button);
+    });
+
+    const item2 = wrapper.getByTestId("item-2");
+    const button2 = item2.querySelector("button") as HTMLElement;
+
+    await act(async () => {
+      await userEvent.click(button2);
+    });
+
+    expect(item1.querySelector("[role='region']")).toBeInTheDocument();
+    expect(item2.querySelector("[role='region']")).toBeInTheDocument();
+  });
 });
@@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/accordion",
-  "version": "2.0.4",
+  "version": "2.0.9",
  "description": "Collapse display a list of high-level options that can expand/collapse to reveal more information.",
  "keywords": [
    "react",
@@ -53,18 +53,18 @@
    "@nextui-org/system": "workspace:*",
    "@nextui-org/theme": "workspace:*",
    "@nextui-org/divider": "workspace:*",
-    "@react-aria/accordion": "3.0.0-alpha.19",
-    "@react-aria/interactions": "^3.16.0",
-    "@react-aria/focus": "^3.13.0",
-    "@react-aria/utils": "^3.18.0",
-    "@react-stately/tree": "^3.7.0"
+    "@react-aria/accordion": "3.0.0-alpha.20",
+    "@react-aria/interactions": "^3.17.0",
+    "@react-aria/focus": "^3.14.0",
+    "@react-aria/utils": "^3.19.0",
+    "@react-stately/tree": "^3.7.1"
  },
  "devDependencies": {
    "@nextui-org/avatar": "workspace:*",
    "@nextui-org/test-utils": "workspace:*",
-    "@react-types/accordion": "3.0.0-alpha.14",
-    "@react-types/shared": "^3.18.1",
-    "framer-motion": "^10.12.18",
+    "@react-types/accordion": "3.0.0-alpha.15",
+    "@react-types/shared": "^3.19.0",
+    "framer-motion": "^10.15.1",
    "clean-package": "2.2.0",
    "react": "^18.0.0"
  },
@@ -21,6 +21,7 @@ const AccordionItem = forwardRef<"button", AccordionItemProps>((props, ref) => {
    isOpen,
    isDisabled,
    hideIndicator,
+    keepContentMounted,
    disableAnimation,
    motionProps,
    getBaseProps,
@@ -51,7 +52,19 @@ const AccordionItem = forwardRef<"button", AccordionItemProps>((props, ref) => {
      return <div {...getContentProps()}>{children}</div>;
    }

-    return (
+    return keepContentMounted ? (
+      <motion.section
+        key="accordion-content"
+        animate={isOpen ? "enter" : "exit"}
+        exit="exit"
+        initial="exit"
+        style={{overflowY: "hidden", willChange}}
+        variants={TRANSITION_VARIANTS.collapse}
+        {...motionProps}
+      >
+        <div {...getContentProps()}>{children}</div>
+      </motion.section>
+    ) : (
      <AnimatePresence initial={false}>
        {isOpen && (
          <motion.section
@@ -68,7 +81,7 @@ const AccordionItem = forwardRef<"button", AccordionItemProps>((props, ref) => {
        )}
      </AnimatePresence>
    );
-  }, [isOpen, disableAnimation, children, motionProps]);
+  }, [isOpen, disableAnimation, keepContentMounted, children, motionProps]);

  return (
    <Component {...getBaseProps()}>
@@ -55,6 +55,11 @@ export interface Props<T extends object = {}>
   * The props to modify the framer motion animation. Use the `variants` API to create your own animation.
   */
  motionProps?: HTMLMotionProps<"section">;
+  /**
+   * Whether to keep the accordion content mounted when collapsed.
+   * @default false
+   */
+  keepContentMounted?: boolean;
  /**
   * The native button click event handler.
   * @deprecated - use `onPress` instead.
@@ -6,7 +6,6 @@ export type {AccordionProps} from "./accordion";
 export type {AccordionItemProps} from "./accordion-item";
 export type {AccordionItemIndicatorProps} from "./base/accordion-item-base";
 export type {AccordionItemBaseProps} from "./base/accordion-item-base";
-export type {Selection} from "@react-types/shared";

 // export hooks
 export {useAccordionItem} from "./use-accordion-item";
@@ -56,6 +56,7 @@ export function useAccordionItem<T extends object = {}>(props: UseAccordionItemP
    isDisabled: isDisabledProp = false,
    hideIndicator = false,
    disableAnimation = false,
+    keepContentMounted = false,
    disableIndicatorAnimation = false,
    onPress,
    onPressStart,
@@ -248,6 +249,7 @@ export function useAccordionItem<T extends object = {}>(props: UseAccordionItemP
    isOpen,
    isDisabled,
    hideIndicator,
+    keepContentMounted,
    disableAnimation,
    motionProps,
    getBaseProps,
@@ -3,7 +3,7 @@ import type {SelectionBehavior, MultipleSelection} from "@react-types/shared";
 import type {AriaAccordionProps} from "@react-types/accordion";
 import type {AccordionGroupVariantProps} from "@nextui-org/theme";

-import {ReactRef} from "@nextui-org/react-utils";
+import {ReactRef, filterDOMProps} from "@nextui-org/react-utils";
 import React, {Key, useCallback} from "react";
 import {TreeState, useTreeState} from "@react-stately/tree";
 import {useAccordion as useReactAriaAccordion} from "@react-aria/accordion";
@@ -35,6 +35,11 @@ interface Props extends HTMLNextUIProps<"div"> {
   * @default "toggle"
   */
  selectionBehavior?: SelectionBehavior;
+  /**
+   * Whether to keep the accordion content mounted when collapsed.
+   * @default false
+   */
+  keepContentMounted?: boolean;
  /**
   * The accordion items classNames.
   */
@@ -62,6 +67,7 @@ export type ValuesType<T extends object = {}> = {
  isDisabled?: AccordionItemProps["isDisabled"];
  hideIndicator?: AccordionItemProps["hideIndicator"];
  disableAnimation?: AccordionItemProps["disableAnimation"];
+  keepContentMounted?: Props["keepContentMounted"];
  disableIndicatorAnimation?: AccordionItemProps["disableAnimation"];
  motionProps?: AccordionItemProps["motionProps"];
 };
@@ -81,6 +87,7 @@ export function useAccordion<T extends object>(props: UseAccordionProps<T>) {
    defaultExpandedKeys,
    selectionMode = "single",
    selectionBehavior = "toggle",
+    keepContentMounted = false,
    disallowEmptySelection,
    defaultSelectedKeys,
    onExpandedChange,
@@ -99,6 +106,7 @@ export function useAccordion<T extends object>(props: UseAccordionProps<T>) {
  const [focusedKey, setFocusedKey] = useState<Key | null>(null);

  const Component = as || "div";
+  const shouldFilterDOMProps = typeof Component === "string";

  const domRef = useDOMRef(ref);

@@ -182,6 +190,7 @@ export function useAccordion<T extends object>(props: UseAccordionProps<T>) {
      isDisabled,
      hideIndicator,
      disableAnimation,
+      keepContentMounted,
      disableIndicatorAnimation,
    }),
    [
@@ -190,10 +199,11 @@ export function useAccordion<T extends object>(props: UseAccordionProps<T>) {
      isDisabled,
      hideIndicator,
      disableAnimation,
+      keepContentMounted,
      state?.expandedKeys.values,
      disableIndicatorAnimation,
-      ...[...state?.expandedKeys],
-      ...[...state?.disabledKeys],
+      state.expandedKeys.size,
+      state.disabledKeys.size,
      motionProps,
    ],
  );
@@ -203,7 +213,13 @@ export function useAccordion<T extends object>(props: UseAccordionProps<T>) {
      ref: domRef,
      className: classNames,
      "data-orientation": "vertical",
-      ...mergeProps(accordionProps, otherProps, props),
+      ...mergeProps(
+        accordionProps,
+        filterDOMProps(otherProps, {
+          enabled: shouldFilterDOMProps,
+        }),
+        props,
+      ),
    };
  }, []);

@@ -346,6 +346,15 @@ export const DefaultExpanded = {
  },
 };

+export const KeepContentMounted = {
+  render: Template,
+
+  args: {
+    ...defaultProps,
+    keepContentMounted: true,
+  },
+};
+
 export const DisabledKeys = {
  render: Template,

@@ -1,5 +1,46 @@
 # @nextui-org/avatar

+## 2.0.9
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.5
+
+## 2.0.8
+
+### Patch Changes
+
+- [#1359](https://github.com/nextui-org/nextui/pull/1359) [`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - \n
+
+  - react-aria packages updgraded to the latest version
+  - image storybooks fixed
+  - other bug fixes..
+
+- Updated dependencies [[`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171)]:
+  - @nextui-org/system@2.0.5
+
+## 2.0.7
+
+### Patch Changes
+
+- Updated dependencies [[`710395f3`](https://github.com/nextui-org/nextui/commit/710395f3a2ca44238332237a49e948c933abe63d)]:
+  - @nextui-org/system@2.0.4
+
+## 2.0.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.4
+
+## 2.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.3
+
 ## 2.0.4

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/avatar",
-  "version": "2.0.4",
+  "version": "2.0.9",
  "description": "The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.",
  "keywords": [
    "avatar"
@@ -42,9 +42,9 @@
    "@nextui-org/shared-utils": "workspace:*",
    "@nextui-org/react-utils": "workspace:*",
    "@nextui-org/use-image": "workspace:*",
-    "@react-aria/interactions": "^3.16.0",
-    "@react-aria/focus": "^3.13.0",
-    "@react-aria/utils": "^3.18.0"
+    "@react-aria/interactions": "^3.17.0",
+    "@react-aria/focus": "^3.14.0",
+    "@react-aria/utils": "^3.19.0"
  },
  "devDependencies": {
    "@nextui-org/shared-icons": "workspace:*",
@@ -1,5 +1,29 @@
 # @nextui-org/badge

+## 2.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.5
+  - @nextui-org/system-rsc@2.0.3
+
+## 2.0.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.4
+  - @nextui-org/system-rsc@2.0.3
+
+## 2.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.3
+  - @nextui-org/system-rsc@2.0.3
+
 ## 2.0.4

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/badge",
-  "version": "2.0.4",
+  "version": "2.0.7",
  "description": "Badges are used as a small numerical value or status descriptor for UI elements.",
  "keywords": [
    "badge"
@@ -1,5 +1,55 @@
 # @nextui-org/button

+## 2.0.9
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.5
+  - @nextui-org/ripple@2.0.9
+  - @nextui-org/spinner@2.0.7
+
+## 2.0.8
+
+### Patch Changes
+
+- [#1359](https://github.com/nextui-org/nextui/pull/1359) [`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - \n
+
+  - react-aria packages updgraded to the latest version
+  - image storybooks fixed
+  - other bug fixes..
+
+- Updated dependencies [[`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171)]:
+  - @nextui-org/use-aria-button@2.0.3
+  - @nextui-org/ripple@2.0.8
+  - @nextui-org/system@2.0.5
+
+## 2.0.7
+
+### Patch Changes
+
+- Updated dependencies [[`710395f3`](https://github.com/nextui-org/nextui/commit/710395f3a2ca44238332237a49e948c933abe63d)]:
+  - @nextui-org/system@2.0.4
+  - @nextui-org/ripple@2.0.7
+
+## 2.0.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.4
+  - @nextui-org/ripple@2.0.6
+  - @nextui-org/spinner@2.0.6
+
+## 2.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.3
+  - @nextui-org/ripple@2.0.5
+  - @nextui-org/spinner@2.0.5
+
 ## 2.0.4

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/button",
-  "version": "2.0.4",
+  "version": "2.0.9",
  "description": "Buttons allow users to perform actions and choose with a single tap.",
  "keywords": [
    "button"
@@ -44,12 +44,12 @@
    "@nextui-org/theme": "workspace:*",
    "@nextui-org/ripple": "workspace:*",
    "@nextui-org/spinner": "workspace:*",
-    "@react-aria/button": "^3.8.0",
-    "@react-aria/interactions": "^3.16.0",
-    "@react-aria/utils": "^3.18.0",
-    "@react-aria/focus": "^3.13.0",
-    "@react-types/shared": "^3.18.1",
-    "@react-types/button": "^3.7.3"
+    "@react-aria/button": "^3.8.1",
+    "@react-aria/interactions": "^3.17.0",
+    "@react-aria/utils": "^3.19.0",
+    "@react-aria/focus": "^3.14.0",
+    "@react-types/shared": "^3.19.0",
+    "@react-types/button": "^3.7.4"
  },
  "devDependencies": {
    "@nextui-org/shared-icons": "workspace:*",
@@ -1,5 +1,52 @@
 # @nextui-org/card

+## 2.0.9
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.5
+  - @nextui-org/ripple@2.0.9
+
+## 2.0.8
+
+### Patch Changes
+
+- [#1359](https://github.com/nextui-org/nextui/pull/1359) [`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - \n
+
+  - react-aria packages updgraded to the latest version
+  - image storybooks fixed
+  - other bug fixes..
+
+- Updated dependencies [[`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171)]:
+  - @nextui-org/use-aria-button@2.0.3
+  - @nextui-org/ripple@2.0.8
+  - @nextui-org/system@2.0.5
+
+## 2.0.7
+
+### Patch Changes
+
+- Updated dependencies [[`710395f3`](https://github.com/nextui-org/nextui/commit/710395f3a2ca44238332237a49e948c933abe63d)]:
+  - @nextui-org/system@2.0.4
+  - @nextui-org/ripple@2.0.7
+
+## 2.0.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.4
+  - @nextui-org/ripple@2.0.6
+
+## 2.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.3
+  - @nextui-org/ripple@2.0.5
+
 ## 2.0.4

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/card",
-  "version": "2.0.4",
+  "version": "2.0.9",
  "description": "Card is a container for text, photos, and actions in the context of a single subject.",
  "keywords": [
    "card"
@@ -43,11 +43,11 @@
    "@nextui-org/react-utils": "workspace:*",
    "@nextui-org/use-aria-button": "workspace:*",
    "@nextui-org/ripple": "workspace:*",
-    "@react-aria/focus": "^3.13.0",
-    "@react-aria/utils": "^3.18.0",
-    "@react-aria/interactions": "^3.16.0",
-    "@react-aria/button": "^3.8.0",
-    "@react-types/shared": "^3.18.1"
+    "@react-aria/focus": "^3.14.0",
+    "@react-aria/utils": "^3.19.0",
+    "@react-aria/interactions": "^3.17.0",
+    "@react-aria/button": "^3.8.1",
+    "@react-types/shared": "^3.19.0"
  },
  "devDependencies": {
    "@nextui-org/code": "workspace:*",
@@ -1,5 +1,46 @@
 # @nextui-org/checkbox

+## 2.0.9
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.5
+
+## 2.0.8
+
+### Patch Changes
+
+- [#1359](https://github.com/nextui-org/nextui/pull/1359) [`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - \n
+
+  - react-aria packages updgraded to the latest version
+  - image storybooks fixed
+  - other bug fixes..
+
+- Updated dependencies [[`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171)]:
+  - @nextui-org/system@2.0.5
+
+## 2.0.7
+
+### Patch Changes
+
+- Updated dependencies [[`710395f3`](https://github.com/nextui-org/nextui/commit/710395f3a2ca44238332237a49e948c933abe63d)]:
+  - @nextui-org/system@2.0.4
+
+## 2.0.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.4
+
+## 2.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.3
+
 ## 2.0.4

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/checkbox",
-  "version": "2.0.4",
+  "version": "2.0.9",
  "description": "Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.",
  "keywords": [
    "checkbox"
@@ -41,15 +41,15 @@
    "@nextui-org/shared-utils": "workspace:*",
    "@nextui-org/react-utils": "workspace:*",
    "@nextui-org/theme": "workspace:*",
-    "@react-aria/checkbox": "^3.9.2",
-    "@react-aria/focus": "^3.13.0",
-    "@react-aria/interactions": "^3.16.0",
-    "@react-aria/visually-hidden": "^3.8.2",
-    "@react-stately/checkbox": "^3.4.3",
-    "@react-stately/toggle": "^3.6.0",
-    "@react-aria/utils": "^3.18.0",
-    "@react-types/checkbox": "^3.4.4",
-    "@react-types/shared": "^3.18.1"
+    "@react-aria/checkbox": "^3.10.0",
+    "@react-aria/focus": "^3.14.0",
+    "@react-aria/interactions": "^3.17.0",
+    "@react-aria/visually-hidden": "^3.8.3",
+    "@react-stately/checkbox": "^3.4.4",
+    "@react-stately/toggle": "^3.6.1",
+    "@react-aria/utils": "^3.19.0",
+    "@react-types/checkbox": "^3.5.0",
+    "@react-types/shared": "^3.19.0"
  },
  "devDependencies": {
    "@nextui-org/shared-icons": "workspace:*",
@@ -1,5 +1,46 @@
 # @nextui-org/chip

+## 2.0.9
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.5
+
+## 2.0.8
+
+### Patch Changes
+
+- [#1359](https://github.com/nextui-org/nextui/pull/1359) [`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - \n
+
+  - react-aria packages updgraded to the latest version
+  - image storybooks fixed
+  - other bug fixes..
+
+- Updated dependencies [[`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171)]:
+  - @nextui-org/system@2.0.5
+
+## 2.0.7
+
+### Patch Changes
+
+- Updated dependencies [[`710395f3`](https://github.com/nextui-org/nextui/commit/710395f3a2ca44238332237a49e948c933abe63d)]:
+  - @nextui-org/system@2.0.4
+
+## 2.0.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.4
+
+## 2.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.3
+
 ## 2.0.4

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/chip",
-  "version": "2.0.4",
+  "version": "2.0.9",
  "description": "Chips help people enter information, make selections, filter content, or trigger actions.",
  "keywords": [
    "chip"
@@ -42,10 +42,10 @@
    "@nextui-org/react-utils": "workspace:*",
    "@nextui-org/system": "workspace:*",
    "@nextui-org/theme": "workspace:*",
-    "@react-aria/focus": "^3.13.0",
-    "@react-aria/interactions": "^3.16.0",
-    "@react-aria/utils": "^3.18.0",
-    "@react-types/checkbox": "^3.4.4"
+    "@react-aria/focus": "^3.14.0",
+    "@react-aria/interactions": "^3.17.0",
+    "@react-aria/utils": "^3.19.0",
+    "@react-types/checkbox": "^3.5.0"
  },
  "devDependencies": {
    "@nextui-org/avatar": "workspace:*",
@@ -1,5 +1,29 @@
 # @nextui-org/code

+## 2.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.5
+  - @nextui-org/system-rsc@2.0.3
+
+## 2.0.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.4
+  - @nextui-org/system-rsc@2.0.3
+
+## 2.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.3
+  - @nextui-org/system-rsc@2.0.3
+
 ## 2.0.4

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/code",
-  "version": "2.0.4",
+  "version": "2.0.7",
  "description": "Code is a component used to display inline code.",
  "keywords": [
    "code"
@@ -1,5 +1,39 @@
 # @nextui-org/divider

+## 2.0.8
+
+### Patch Changes
+
+- Updated dependencies [[`fe03c42f`](https://github.com/nextui-org/nextui/commit/fe03c42fa144b5066ebc8ad39c144aeef437d2c6), [`fe03c42f`](https://github.com/nextui-org/nextui/commit/fe03c42fa144b5066ebc8ad39c144aeef437d2c6)]:
+  - @nextui-org/react-rsc-utils@2.0.5
+  - @nextui-org/system-rsc@2.0.3
+
+## 2.0.7
+
+### Patch Changes
+
+- [#1359](https://github.com/nextui-org/nextui/pull/1359) [`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - \n
+
+  - react-aria packages updgraded to the latest version
+  - image storybooks fixed
+  - other bug fixes..
+
+## 2.0.6
+
+### Patch Changes
+
+- Updated dependencies [[`d13a14fa`](https://github.com/nextui-org/nextui/commit/d13a14facc1a92dac72e58a93e0452a86a2243c6)]:
+  - @nextui-org/react-rsc-utils@2.0.4
+  - @nextui-org/system-rsc@2.0.3
+
+## 2.0.5
+
+### Patch Changes
+
+- Updated dependencies [[`42001647`](https://github.com/nextui-org/nextui/commit/4200164712b6eb4b37a14fe9e005844ff770a180)]:
+  - @nextui-org/react-rsc-utils@2.0.3
+  - @nextui-org/system-rsc@2.0.3
+
 ## 2.0.4

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/divider",
-  "version": "2.0.4",
+  "version": "2.0.8",
  "description": ". A separator is a visual divider between two groups of content",
  "keywords": [
    "divider"
@@ -41,7 +41,7 @@
    "@nextui-org/react-rsc-utils": "workspace:*",
    "@nextui-org/system-rsc": "workspace:*",
    "@nextui-org/theme": "workspace:*",
-    "@react-types/shared": "^3.18.1"
+    "@react-types/shared": "^3.19.0"
  },
  "devDependencies": {
    "clean-package": "2.2.0",
@@ -1,5 +1,58 @@
 # @nextui-org/dropdown

+## 2.0.9
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/divider@2.0.8
+  - @nextui-org/react-utils@2.0.5
+  - @nextui-org/popover@2.0.9
+
+## 2.0.8
+
+### Patch Changes
+
+- [#1359](https://github.com/nextui-org/nextui/pull/1359) [`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - \n
+
+  - react-aria packages updgraded to the latest version
+  - image storybooks fixed
+  - other bug fixes..
+
+- Updated dependencies [[`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171)]:
+  - @nextui-org/aria-utils@2.0.5
+  - @nextui-org/use-is-mobile@2.0.3
+  - @nextui-org/divider@2.0.7
+  - @nextui-org/popover@2.0.8
+  - @nextui-org/system@2.0.5
+
+## 2.0.7
+
+### Patch Changes
+
+- Updated dependencies [[`710395f3`](https://github.com/nextui-org/nextui/commit/710395f3a2ca44238332237a49e948c933abe63d)]:
+  - @nextui-org/system@2.0.4
+  - @nextui-org/popover@2.0.7
+  - @nextui-org/aria-utils@2.0.4
+
+## 2.0.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/divider@2.0.6
+  - @nextui-org/react-utils@2.0.4
+  - @nextui-org/popover@2.0.6
+
+## 2.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/divider@2.0.5
+  - @nextui-org/react-utils@2.0.3
+  - @nextui-org/popover@2.0.5
+
 ## 2.0.4

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/dropdown",
-  "version": "2.0.4",
+  "version": "2.0.9",
  "description": "A dropdown displays a list of actions or options that a user can choose.",
  "keywords": [
    "dropdown"
@@ -46,21 +46,21 @@
    "@nextui-org/theme": "workspace:*",
    "@nextui-org/divider": "workspace:*",
    "@nextui-org/use-is-mobile": "workspace:*",
-    "@react-aria/menu": "^3.10.0",
-    "@react-aria/utils": "^3.18.0",
-    "@react-stately/menu": "^3.5.3",
-    "@react-stately/tree": "^3.7.0",
-    "@react-aria/focus": "^3.13.0",
-    "@react-aria/interactions": "^3.16.0",
-    "@react-types/menu": "^3.9.2",
-    "@react-types/shared": "^3.18.1"
+    "@react-aria/menu": "^3.10.1",
+    "@react-aria/utils": "^3.19.0",
+    "@react-stately/menu": "^3.5.4",
+    "@react-stately/tree": "^3.7.1",
+    "@react-aria/focus": "^3.14.0",
+    "@react-aria/interactions": "^3.17.0",
+    "@react-types/menu": "^3.9.3",
+    "@react-types/shared": "^3.19.0"
  },
  "devDependencies": {
    "@nextui-org/button": "workspace:*",
    "@nextui-org/avatar": "workspace:*",
    "@nextui-org/user": "workspace:*",
    "@nextui-org/shared-icons": "workspace:*",
-    "framer-motion": "^10.12.18",
+    "framer-motion": "^10.15.1",
    "clean-package": "2.2.0",
    "react": "^18.0.0"
  },
@@ -1,5 +1,46 @@
 # @nextui-org/image

+## 2.0.9
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.5
+
+## 2.0.8
+
+### Patch Changes
+
+- [#1359](https://github.com/nextui-org/nextui/pull/1359) [`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - \n
+
+  - react-aria packages updgraded to the latest version
+  - image storybooks fixed
+  - other bug fixes..
+
+- Updated dependencies [[`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171)]:
+  - @nextui-org/system@2.0.5
+
+## 2.0.7
+
+### Patch Changes
+
+- Updated dependencies [[`710395f3`](https://github.com/nextui-org/nextui/commit/710395f3a2ca44238332237a49e948c933abe63d)]:
+  - @nextui-org/system@2.0.4
+
+## 2.0.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.4
+
+## 2.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.3
+
 ## 2.0.4

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/image",
-  "version": "2.0.4",
+  "version": "2.0.9",
  "description": "A simple image component",
  "keywords": [
    "image"
@@ -47,7 +47,7 @@ export default {

 const defaultProps = {
  ...image.defaultVariants,
-  src: require("./assets/local-image-1.jpeg"),
+  src: "./images/local-image-1.jpeg",
  alt: "NextUI hero image",
  disableSkeleton: true,
 };
@@ -82,7 +82,7 @@ export const Blurred = {
    ...defaultProps,
    width: 300,
    isBlurred: true,
-    src: require("./assets/local-image-small.jpg"),
+    src: "/images/local-image-small.jpg",
    // src:
    //   "https://images.unsplash.com/photo-1519638831568-d9897f54ed69?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1770&q=80",
  },
@@ -105,7 +105,7 @@ export const Shadow = {
    isZoomed: true,
    radius: "lg",
    shadow: "md",
-    src: require("./assets/local-image-small.jpg"),
+    src: "/images/local-image-small.jpg",
  },
 };

@@ -126,7 +126,7 @@ export const Fallback = {
    width: 300,
    radius: "lg",
    src: "https://app.requestly.io/delay/3000/https://images.unsplash.com/photo-1539571696357-5a69c17a67c6",
-    fallbackSrc: "https://via.placeholder.com/300x450",
+    fallbackSrc: "/images/placeholder_300x450.png",
  },
 };

@@ -1,5 +1,48 @@
 # @nextui-org/input

+## 2.0.10
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.5
+
+## 2.0.9
+
+### Patch Changes
+
+- [#1359](https://github.com/nextui-org/nextui/pull/1359) [`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - \n
+
+  - react-aria packages updgraded to the latest version
+  - image storybooks fixed
+  - other bug fixes..
+
+- Updated dependencies [[`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171)]:
+  - @nextui-org/system@2.0.5
+
+## 2.0.8
+
+### Patch Changes
+
+- Updated dependencies [[`710395f3`](https://github.com/nextui-org/nextui/commit/710395f3a2ca44238332237a49e948c933abe63d)]:
+  - @nextui-org/system@2.0.4
+
+## 2.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.4
+
+## 2.0.6
+
+### Patch Changes
+
+- [#1323](https://github.com/nextui-org/nextui/pull/1323) [`42001647`](https://github.com/nextui-org/nextui/commit/4200164712b6eb4b37a14fe9e005844ff770a180) Thanks [@tianenpang](https://github.com/tianenpang)! - Fixed event functions call twice.
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.3
+
 ## 2.0.5

 ### Patch Changes
@@ -88,4 +88,15 @@ describe("Input", () => {

    expect(container6.querySelector("input")).toHaveAttribute("type", "text");
  });
+
+  it("should call dom event handlers only once", () => {
+    const onFocus = jest.fn();
+
+    const {container} = render(<Input label="test input" onFocus={onFocus} />);
+
+    container.querySelector("input")?.focus();
+    container.querySelector("input")?.blur();
+
+    expect(onFocus).toHaveBeenCalledTimes(1);
+  });
 });
@@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/input",
-  "version": "2.0.5",
+  "version": "2.0.10",
  "description": "The input component is designed for capturing user input within a text field.",
  "keywords": [
    "input"
@@ -42,14 +42,14 @@
    "@nextui-org/shared-utils": "workspace:*",
    "@nextui-org/system": "workspace:*",
    "@nextui-org/theme": "workspace:*",
-    "@react-aria/focus": "^3.13.0",
-    "@react-aria/interactions": "^3.16.0",
-    "@react-aria/textfield": "^3.10.0",
-    "@react-aria/utils": "^3.18.0",
+    "@react-aria/focus": "^3.14.0",
+    "@react-aria/interactions": "^3.17.0",
+    "@react-aria/textfield": "^3.11.0",
+    "@react-aria/utils": "^3.19.0",
    "@react-stately/utils": "^3.7.0",
-    "@react-types/shared": "^3.18.1",
-    "@react-types/textfield": "^3.7.2",
-    "react-textarea-autosize": "^8.5.1"
+    "@react-types/shared": "^3.19.0",
+    "@react-types/textfield": "^3.7.3",
+    "react-textarea-autosize": "^8.5.2"
  },
  "devDependencies": {
    "clean-package": "2.2.0",
@@ -234,7 +234,16 @@ export function useInput<T extends HTMLInputElement | HTMLTextAreaElement = HTML
      return {
        ref: domRef,
        className: slots.input({class: clsx(classNames?.input, !!inputValue ? "is-filled" : "")}),
-        ...mergeProps(focusProps, inputProps, filterDOMProps(otherProps), props),
+        ...mergeProps(
+          focusProps,
+          inputProps,
+          filterDOMProps(otherProps, {
+            enabled: true,
+            labelable: true,
+            omitEventNames: new Set(Object.keys(inputProps)),
+          }),
+          props,
+        ),
        required: originalProps.isRequired,
        "aria-readonly": dataAttr(originalProps.isReadOnly),
        "aria-required": dataAttr(originalProps.isRequired),
@@ -1,5 +1,39 @@
 # @nextui-org/kbd

+## 2.0.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.5
+  - @nextui-org/system-rsc@2.0.3
+
+## 2.0.7
+
+### Patch Changes
+
+- [#1359](https://github.com/nextui-org/nextui/pull/1359) [`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - \n
+
+  - react-aria packages updgraded to the latest version
+  - image storybooks fixed
+  - other bug fixes..
+
+## 2.0.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.4
+  - @nextui-org/system-rsc@2.0.3
+
+## 2.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.3
+  - @nextui-org/system-rsc@2.0.3
+
 ## 2.0.4

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/kbd",
-  "version": "2.0.4",
+  "version": "2.0.8",
  "description": "The keyboard key components indicates which key or set of keys used to execute a specificv  action",
  "keywords": [
    "kbd"
@@ -41,7 +41,7 @@
    "@nextui-org/theme": "workspace:*",
    "@nextui-org/shared-utils": "workspace:*",
    "@nextui-org/react-utils": "workspace:*",
-    "@react-aria/utils": "^3.18.0"
+    "@react-aria/utils": "^3.19.0"
  },
  "devDependencies": {
    "clean-package": "2.2.0",
@@ -1,5 +1,46 @@
 # @nextui-org/link

+## 2.0.9
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.5
+
+## 2.0.8
+
+### Patch Changes
+
+- [#1359](https://github.com/nextui-org/nextui/pull/1359) [`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - \n
+
+  - react-aria packages updgraded to the latest version
+  - image storybooks fixed
+  - other bug fixes..
+
+- Updated dependencies [[`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171)]:
+  - @nextui-org/system@2.0.5
+
+## 2.0.7
+
+### Patch Changes
+
+- Updated dependencies [[`710395f3`](https://github.com/nextui-org/nextui/commit/710395f3a2ca44238332237a49e948c933abe63d)]:
+  - @nextui-org/system@2.0.4
+
+## 2.0.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.4
+
+## 2.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.3
+
 ## 2.0.4

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/link",
-  "version": "2.0.4",
+  "version": "2.0.9",
  "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"
@@ -42,10 +42,10 @@
    "@nextui-org/react-utils": "workspace:*",
    "@nextui-org/system": "workspace:*",
    "@nextui-org/theme": "workspace:*",
-    "@react-aria/link": "^3.5.2",
-    "@react-aria/utils": "^3.18.0",
-    "@react-aria/focus": "^3.13.0",
-    "@react-types/link": "^3.4.3"
+    "@react-aria/link": "^3.5.3",
+    "@react-aria/utils": "^3.19.0",
+    "@react-aria/focus": "^3.14.0",
+    "@react-types/link": "^3.4.4"
  },
  "devDependencies": {
    "clean-package": "2.2.0",
@@ -1,5 +1,57 @@
 # @nextui-org/modal

+## 2.0.10
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.5
+
+## 2.0.9
+
+### Patch Changes
+
+- [#1359](https://github.com/nextui-org/nextui/pull/1359) [`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - \n
+
+  - react-aria packages updgraded to the latest version
+  - image storybooks fixed
+  - other bug fixes..
+
+- Updated dependencies [[`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171)]:
+  - @nextui-org/use-aria-modal-overlay@2.0.3
+  - @nextui-org/framer-transitions@2.0.5
+  - @nextui-org/use-aria-button@2.0.3
+  - @nextui-org/use-disclosure@2.0.3
+  - @nextui-org/system@2.0.5
+
+## 2.0.8
+
+### Patch Changes
+
+- Updated dependencies [[`710395f3`](https://github.com/nextui-org/nextui/commit/710395f3a2ca44238332237a49e948c933abe63d)]:
+  - @nextui-org/system@2.0.4
+  - @nextui-org/framer-transitions@2.0.4
+
+## 2.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.4
+
+## 2.0.6
+
+### Patch Changes
+
+- [#1333](https://github.com/nextui-org/nextui/pull/1333) [`5a50390e`](https://github.com/nextui-org/nextui/commit/5a50390e3f675828bff6ce68ee424fcda52cf829) Thanks [@jguddas](https://github.com/jguddas)! - fix: moved sr only modal close buttons to not show unnecessary scroll bar
+
+## 2.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.3
+
 ## 2.0.4

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/modal",
-  "version": "2.0.4",
+  "version": "2.0.10",
  "description": "Displays a dialog with a custom content that requires attention or provides additional information.",
  "keywords": [
    "modal"
@@ -47,13 +47,13 @@
    "@nextui-org/react-utils": "workspace:*",
    "@nextui-org/shared-icons": "workspace:*",
    "@nextui-org/use-aria-modal-overlay": "workspace:*",
-    "@react-aria/dialog": "^3.5.3",
-    "@react-aria/interactions": "^3.16.0",
-    "@react-aria/overlays": "^3.15.0",
-    "@react-aria/utils": "^3.18.0",
-    "@react-stately/overlays": "^3.6.0",
-    "@react-aria/focus": "^3.13.0",
-    "@react-types/overlays": "^3.8.0",
+    "@react-aria/dialog": "^3.5.4",
+    "@react-aria/interactions": "^3.17.0",
+    "@react-aria/overlays": "^3.16.0",
+    "@react-aria/utils": "^3.19.0",
+    "@react-stately/overlays": "^3.6.1",
+    "@react-aria/focus": "^3.14.0",
+    "@react-types/overlays": "^3.8.1",
    "react-remove-scroll": "^2.5.6"
  },
  "devDependencies": {
@@ -62,7 +62,7 @@
    "@nextui-org/button": "workspace:*",
    "@nextui-org/link": "workspace:*",
    "react-lorem-component": "0.13.0",
-    "framer-motion": "^10.12.18",
+    "framer-motion": "^10.15.1",
    "clean-package": "2.2.0",
    "react": "^18.0.0"
  },
@@ -60,14 +60,12 @@ const ModalContent = forwardRef<"div", ModalContentProps, KeysToOmit>((props, _)
  );

  const content = (
-    <>
+    <Component {...getDialogProps(mergeProps(dialogProps, otherProps))}>
      <DismissButton onDismiss={onClose} />
-      <Component {...getDialogProps(mergeProps(dialogProps, otherProps))}>
-        {!hideCloseButton && closeButtonContent}
-        {typeof children === "function" ? children(onClose) : children}
-      </Component>
+      {!hideCloseButton && closeButtonContent}
+      {typeof children === "function" ? children(onClose) : children}
      <DismissButton onDismiss={onClose} />
-    </>
+    </Component>
  );

  const backdropContent = useMemo(() => {
@@ -1,5 +1,53 @@
 # @nextui-org/navbar

+## 2.0.9
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.5
+
+## 2.0.8
+
+### Patch Changes
+
+- [#1359](https://github.com/nextui-org/nextui/pull/1359) [`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - \n
+
+  - react-aria packages updgraded to the latest version
+  - image storybooks fixed
+  - other bug fixes..
+
+- Updated dependencies [[`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171)]:
+  - @nextui-org/use-aria-toggle-button@2.0.3
+  - @nextui-org/framer-transitions@2.0.5
+  - @nextui-org/system@2.0.5
+
+## 2.0.7
+
+### Patch Changes
+
+- Updated dependencies [[`710395f3`](https://github.com/nextui-org/nextui/commit/710395f3a2ca44238332237a49e948c933abe63d)]:
+  - @nextui-org/system@2.0.4
+  - @nextui-org/framer-transitions@2.0.4
+
+## 2.0.6
+
+### Patch Changes
+
+- [#1351](https://github.com/nextui-org/nextui/pull/1351) [`d13a14fa`](https://github.com/nextui-org/nextui/commit/d13a14facc1a92dac72e58a93e0452a86a2243c6) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - - filterDOMProps function modified to filter non-default event/props this avoid passing non-valid props to HTML elements
+  - NavbarMenu onMenuOpenChange open state modified, undefined type removed
+  - keepContentMounted prop added to accordion and accordion item
+  - Some bug fixes..
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.4
+
+## 2.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.3
+
 ## 2.0.4

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/navbar",
-  "version": "2.0.4",
+  "version": "2.0.9",
  "description": "A responsive navigation header positioned on top side of your page that includes support for branding, links, navigation, collapse and more.",
  "keywords": [
    "navbar"
@@ -45,12 +45,12 @@
    "@nextui-org/framer-transitions": "workspace:*",
    "@nextui-org/use-aria-toggle-button": "workspace:*",
    "@nextui-org/use-scroll-position": "workspace:*",
-    "@react-aria/focus": "^3.13.0",
-    "@react-aria/interactions": "^3.16.0",
-    "@react-aria/utils": "^3.18.0",
-    "@react-stately/toggle": "^3.6.0",
+    "@react-aria/focus": "^3.14.0",
+    "@react-aria/interactions": "^3.17.0",
+    "@react-aria/utils": "^3.19.0",
+    "@react-stately/toggle": "^3.6.1",
    "@react-stately/utils": "^3.7.0",
-    "@react-aria/overlays": "^3.15.0",
+    "@react-aria/overlays": "^3.16.0",
    "react-remove-scroll": "^2.5.6"
  },
  "devDependencies": {
@@ -23,7 +23,7 @@ export interface Props extends Omit<HTMLNextUIProps<"button">, keyof AriaToggleB
  /**
   * The icon to display.
   */
-  icon?: ReactNode | ((isOpen: boolean | undefined) => ReactNode) | null;
+  icon?: ReactNode | ((isOpen: boolean) => ReactNode) | null;
 }

 export type NavbarMenuToggleProps = Props & AriaToggleButtonProps;
@@ -59,7 +59,7 @@ const NavbarMenuToggle = forwardRef<"button", NavbarMenuToggleProps>((props, ref

  const child = useMemo(() => {
    if (typeof icon === "function") {
-      return icon(isMenuOpen);
+      return icon(isMenuOpen ?? false);
    }

    return icon || <span className={slots.toggleIcon({class: classNames?.toggleIcon})} />;
@@ -5,7 +5,7 @@ import {navbar} from "@nextui-org/theme";
 import {useDOMRef} from "@nextui-org/react-utils";
 import {clsx, dataAttr} from "@nextui-org/shared-utils";
 import {ReactRef} from "@nextui-org/react-utils";
-import {useEffect, useMemo, useRef, useState} from "react";
+import {useCallback, useEffect, useMemo, useRef, useState} from "react";
 import {mergeProps, useResizeObserver} from "@react-aria/utils";
 import {useScrollPosition} from "@nextui-org/use-scroll-position";
 import {useControlledState} from "@react-stately/utils";
@@ -57,7 +57,7 @@ interface Props extends HTMLNextUIProps<"nav"> {
   * @param isOpen boolean
   * @returns void
   */
-  onMenuOpenChange?: (isOpen: boolean | undefined) => void;
+  onMenuOpenChange?: (isOpen: boolean) => void;
  /**
   * The scroll event handler for the navbar. The event fires when the navbar parent element is scrolled.
   * it only works if `disableScrollHandler` is set to `false` or `shouldHideOnScroll` is set to `true`.
@@ -114,10 +114,17 @@ export function useNavbar(originalProps: UseNavbarProps) {

  const [isHidden, setIsHidden] = useState(false);

+  const handleMenuOpenChange = useCallback(
+    (isOpen: boolean | undefined) => {
+      onMenuOpenChange(isOpen || false);
+    },
+    [onMenuOpenChange],
+  );
+
  const [isMenuOpen, setIsMenuOpen] = useControlledState<boolean | undefined>(
    isMenuOpenProp,
    isMenuDefaultOpen,
-    onMenuOpenChange,
+    handleMenuOpenChange,
  );

  const updateWidth = () => {
@@ -1,5 +1,52 @@
 # @nextui-org/pagination

+## 2.0.10
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.5
+
+## 2.0.9
+
+### Patch Changes
+
+- [#1359](https://github.com/nextui-org/nextui/pull/1359) [`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - \n
+
+  - react-aria packages updgraded to the latest version
+  - image storybooks fixed
+  - other bug fixes..
+
+- Updated dependencies [[`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171)]:
+  - @nextui-org/system@2.0.5
+
+## 2.0.8
+
+### Patch Changes
+
+- Updated dependencies [[`710395f3`](https://github.com/nextui-org/nextui/commit/710395f3a2ca44238332237a49e948c933abe63d)]:
+  - @nextui-org/system@2.0.4
+
+## 2.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.4
+
+## 2.0.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.3
+
+## 2.0.5
+
+### Patch Changes
+
+- [`8de209bf`](https://github.com/nextui-org/nextui/commit/8de209bff75e7e1b8126f89e4a5c3e6d515c316f) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Pagination warnings fixed
+
 ## 2.0.4

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/pagination",
-  "version": "2.0.4",
+  "version": "2.0.10",
  "description": "The Pagination component allows you to display active page and navigate between multiple pages.",
  "keywords": [
    "pagination"
@@ -43,9 +43,9 @@
    "@nextui-org/theme": "workspace:*",
    "@nextui-org/shared-icons": "workspace:*",
    "@nextui-org/use-pagination": "workspace:*",
-    "@react-aria/focus": "^3.13.0",
-    "@react-aria/interactions": "^3.16.0",
-    "@react-aria/utils": "^3.18.0",
+    "@react-aria/focus": "^3.14.0",
+    "@react-aria/interactions": "^3.17.0",
+    "@react-aria/utils": "^3.19.0",
    "scroll-into-view-if-needed": "3.0.10"
  },
  "devDependencies": {
@@ -4,14 +4,10 @@ import {usePaginationItem, UsePaginationItemProps} from "./use-pagination-item";

 export interface PaginationItemProps extends UsePaginationItemProps {}

-const PaginationItem = forwardRef<"li", PaginationItemProps>(({key, ...props}, ref) => {
+const PaginationItem = forwardRef<"li", PaginationItemProps>((props, ref) => {
  const {Component, children, getItemProps} = usePaginationItem({...props, ref});

-  return (
-    <Component key={key} {...getItemProps()}>
-      {children}
-    </Component>
-  );
+  return <Component {...getItemProps()}>{children}</Component>;
 });

 PaginationItem.displayName = "NextUI.PaginationItem";
@@ -267,7 +267,7 @@ export function usePagination(originalProps: UsePaginationProps) {
      ...props,
      ref: domRef,
      role: "navigation",
-      ariaLabel: props["aria-label"] || "pagination navigation",
+      "aria-label": props["aria-label"] || "pagination navigation",
      "data-slot": "base",
      "data-controls": dataAttr(showControls),
      "data-loop": dataAttr(loop),
@@ -1,5 +1,56 @@
 # @nextui-org/popover

+## 2.0.9
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.5
+  - @nextui-org/button@2.0.9
+
+## 2.0.8
+
+### Patch Changes
+
+- [#1359](https://github.com/nextui-org/nextui/pull/1359) [`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - \n
+
+  - react-aria packages updgraded to the latest version
+  - image storybooks fixed
+  - other bug fixes..
+
+- Updated dependencies [[`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171)]:
+  - @nextui-org/framer-transitions@2.0.5
+  - @nextui-org/use-aria-button@2.0.3
+  - @nextui-org/aria-utils@2.0.5
+  - @nextui-org/button@2.0.8
+  - @nextui-org/system@2.0.5
+
+## 2.0.7
+
+### Patch Changes
+
+- Updated dependencies [[`710395f3`](https://github.com/nextui-org/nextui/commit/710395f3a2ca44238332237a49e948c933abe63d)]:
+  - @nextui-org/system@2.0.4
+  - @nextui-org/button@2.0.7
+  - @nextui-org/aria-utils@2.0.4
+  - @nextui-org/framer-transitions@2.0.4
+
+## 2.0.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.4
+  - @nextui-org/button@2.0.6
+
+## 2.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.3
+  - @nextui-org/button@2.0.5
+
 ## 2.0.4

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/popover",
-  "version": "2.0.4",
+  "version": "2.0.9",
  "description": "A popover is an overlay element positioned relative to a trigger.",
  "keywords": [
    "popover"
@@ -46,20 +46,20 @@
    "@nextui-org/react-utils": "workspace:*",
    "@nextui-org/system": "workspace:*",
    "@nextui-org/theme": "workspace:*",
-    "@react-aria/dialog": "^3.5.3",
-    "@react-aria/interactions": "^3.16.0",
-    "@react-aria/overlays": "^3.15.0",
-    "@react-aria/utils": "^3.18.0",
-    "@react-stately/overlays": "^3.6.0",
-    "@react-aria/focus": "^3.13.0",
-    "@react-types/overlays": "^3.8.0",
-    "@react-types/button": "^3.7.3",
+    "@react-aria/dialog": "^3.5.4",
+    "@react-aria/interactions": "^3.17.0",
+    "@react-aria/overlays": "^3.16.0",
+    "@react-aria/utils": "^3.19.0",
+    "@react-stately/overlays": "^3.6.1",
+    "@react-aria/focus": "^3.14.0",
+    "@react-types/overlays": "^3.8.1",
+    "@react-types/button": "^3.7.4",
    "react-remove-scroll": "^2.5.6"
  },
  "devDependencies": {
    "@nextui-org/input": "workspace:*",
    "@nextui-org/card": "workspace:*",
-    "framer-motion": "^10.12.18",
+    "framer-motion": "^10.15.1",
    "clean-package": "2.2.0",
    "react": "^18.0.0"
  },
@@ -243,7 +243,6 @@ export function usePopover(originalProps: UsePopoverProps) {
    shouldBlockScroll,
    backdrop: originalProps.backdrop ?? "transparent",
    motionProps,
-    focusProps,
    getBackdropProps,
    getPopoverProps,
    getTriggerProps,
@@ -66,6 +66,11 @@ export default {
        type: "number",
      },
    },
+    isOpen: {
+      control: {
+        type: "boolean",
+      },
+    },
    defaultOpen: {
      control: {
        type: "boolean",
@@ -1,5 +1,46 @@
 # @nextui-org/progress

+## 2.0.9
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.5
+
+## 2.0.8
+
+### Patch Changes
+
+- [#1359](https://github.com/nextui-org/nextui/pull/1359) [`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - \n
+
+  - react-aria packages updgraded to the latest version
+  - image storybooks fixed
+  - other bug fixes..
+
+- Updated dependencies [[`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171)]:
+  - @nextui-org/system@2.0.5
+
+## 2.0.7
+
+### Patch Changes
+
+- Updated dependencies [[`710395f3`](https://github.com/nextui-org/nextui/commit/710395f3a2ca44238332237a49e948c933abe63d)]:
+  - @nextui-org/system@2.0.4
+
+## 2.0.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.4
+
+## 2.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.3
+
 ## 2.0.4

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/progress",
-  "version": "2.0.4",
+  "version": "2.0.9",
  "description": "Progress bars show either determinate or indeterminate progress of an operation over time.",
  "keywords": [
    "progress"
@@ -42,9 +42,9 @@
    "@nextui-org/use-is-mounted": "workspace:*",
    "@nextui-org/system": "workspace:*",
    "@nextui-org/theme": "workspace:*",
-    "@react-aria/i18n": "^3.8.0",
-    "@react-aria/progress": "^3.4.3",
-    "@react-aria/utils": "^3.18.0",
+    "@react-aria/i18n": "^3.8.1",
+    "@react-aria/progress": "^3.4.4",
+    "@react-aria/utils": "^3.19.0",
    "@react-types/progress": "^3.4.1"
  },
  "devDependencies": {
@@ -1,5 +1,46 @@
 # @nextui-org/radio

+## 2.0.9
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.5
+
+## 2.0.8
+
+### Patch Changes
+
+- [#1359](https://github.com/nextui-org/nextui/pull/1359) [`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - \n
+
+  - react-aria packages updgraded to the latest version
+  - image storybooks fixed
+  - other bug fixes..
+
+- Updated dependencies [[`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171)]:
+  - @nextui-org/system@2.0.5
+
+## 2.0.7
+
+### Patch Changes
+
+- Updated dependencies [[`710395f3`](https://github.com/nextui-org/nextui/commit/710395f3a2ca44238332237a49e948c933abe63d)]:
+  - @nextui-org/system@2.0.4
+
+## 2.0.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.4
+
+## 2.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.3
+
 ## 2.0.4

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/radio",
-  "version": "2.0.4",
+  "version": "2.0.9",
  "description": "Radios allow users to select a single option from a list of mutually exclusive options.",
  "keywords": [
    "radio"
@@ -41,14 +41,14 @@
    "@nextui-org/shared-utils": "workspace:*",
    "@nextui-org/react-utils": "workspace:*",
    "@nextui-org/system": "workspace:*",
-    "@react-aria/focus": "^3.13.0",
-    "@react-aria/interactions": "^3.16.0",
-    "@react-aria/radio": "^3.6.2",
-    "@react-aria/utils": "^3.18.0",
-    "@react-aria/visually-hidden": "^3.8.2",
-    "@react-stately/radio": "^3.8.2",
-    "@react-types/radio": "^3.4.2",
-    "@react-types/shared": "^3.18.1"
+    "@react-aria/focus": "^3.14.0",
+    "@react-aria/interactions": "^3.17.0",
+    "@react-aria/radio": "^3.7.0",
+    "@react-aria/utils": "^3.19.0",
+    "@react-aria/visually-hidden": "^3.8.3",
+    "@react-stately/radio": "^3.8.3",
+    "@react-types/radio": "^3.5.0",
+    "@react-types/shared": "^3.19.0"
  },
  "devDependencies": {
    "@nextui-org/button": "workspace:*",
@@ -1,5 +1,46 @@
 # @nextui-org/ripple

+## 2.0.9
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.5
+
+## 2.0.8
+
+### Patch Changes
+
+- [#1359](https://github.com/nextui-org/nextui/pull/1359) [`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - \n
+
+  - react-aria packages updgraded to the latest version
+  - image storybooks fixed
+  - other bug fixes..
+
+- Updated dependencies [[`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171)]:
+  - @nextui-org/system@2.0.5
+
+## 2.0.7
+
+### Patch Changes
+
+- Updated dependencies [[`710395f3`](https://github.com/nextui-org/nextui/commit/710395f3a2ca44238332237a49e948c933abe63d)]:
+  - @nextui-org/system@2.0.4
+
+## 2.0.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.4
+
+## 2.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.3
+
 ## 2.0.4

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/ripple",
-  "version": "2.0.4",
+  "version": "2.0.9",
  "description": "A simple implementation to display a ripple animation when the source component is clicked",
  "keywords": [
    "ripple"
@@ -45,7 +45,7 @@
  },
  "devDependencies": {
    "clean-package": "2.2.0",
-    "framer-motion": "^10.12.18",
+    "framer-motion": "^10.15.1",
    "react": "^18.0.0"
  },
  "clean-package": "../../../clean-package.config.json"
@@ -1,5 +1,29 @@
 # @nextui-org/skeleton

+## 2.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.5
+  - @nextui-org/system-rsc@2.0.3
+
+## 2.0.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.4
+  - @nextui-org/system-rsc@2.0.3
+
+## 2.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.3
+  - @nextui-org/system-rsc@2.0.3
+
 ## 2.0.4

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/skeleton",
-  "version": "2.0.4",
+  "version": "2.0.7",
  "description": "Skeleton is used to display the loading state of some component.",
  "keywords": [
    "skeleton"
@@ -1,5 +1,56 @@
 # @nextui-org/snippet

+## 2.0.10
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.5
+  - @nextui-org/button@2.0.9
+  - @nextui-org/tooltip@2.0.10
+
+## 2.0.9
+
+### Patch Changes
+
+- [#1359](https://github.com/nextui-org/nextui/pull/1359) [`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - \n
+
+  - react-aria packages updgraded to the latest version
+  - image storybooks fixed
+  - other bug fixes..
+
+- Updated dependencies [[`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171)]:
+  - @nextui-org/tooltip@2.0.9
+  - @nextui-org/button@2.0.8
+  - @nextui-org/system@2.0.5
+
+## 2.0.8
+
+### Patch Changes
+
+- Updated dependencies [[`710395f3`](https://github.com/nextui-org/nextui/commit/710395f3a2ca44238332237a49e948c933abe63d)]:
+  - @nextui-org/system@2.0.4
+  - @nextui-org/button@2.0.7
+  - @nextui-org/tooltip@2.0.8
+
+## 2.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.4
+  - @nextui-org/button@2.0.6
+  - @nextui-org/tooltip@2.0.7
+
+## 2.0.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.3
+  - @nextui-org/button@2.0.5
+  - @nextui-org/tooltip@2.0.6
+
 ## 2.0.5

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/snippet",
-  "version": "2.0.5",
+  "version": "2.0.10",
  "description": "Display a snippet of copyable code for the command line.",
  "keywords": [
    "snippet"
@@ -46,8 +46,8 @@
    "@nextui-org/shared-icons": "workspace:*",
    "@nextui-org/use-clipboard": "workspace:*",
    "@nextui-org/tooltip": "workspace:*",
-    "@react-aria/focus": "^3.13.0",
-    "@react-aria/utils": "^3.18.0"
+    "@react-aria/focus": "^3.14.0",
+    "@react-aria/utils": "^3.19.0"
  },
  "devDependencies": {
    "clean-package": "2.2.0",
@@ -1,5 +1,29 @@
 # @nextui-org/spacer

+## 2.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.5
+  - @nextui-org/system-rsc@2.0.3
+
+## 2.0.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.4
+  - @nextui-org/system-rsc@2.0.3
+
+## 2.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.3
+  - @nextui-org/system-rsc@2.0.3
+
 ## 2.0.4

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

+## 2.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.5
+  - @nextui-org/system-rsc@2.0.3
+
+## 2.0.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.4
+  - @nextui-org/system-rsc@2.0.3
+
+## 2.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.3
+  - @nextui-org/system-rsc@2.0.3
+
 ## 2.0.4

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/spinner",
-  "version": "2.0.4",
+  "version": "2.0.7",
  "description": "Loaders express an unspecified wait time or display the length of a process.",
  "keywords": [
    "loading",
@@ -1,5 +1,46 @@
 # @nextui-org/switch

+## 2.0.9
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.5
+
+## 2.0.8
+
+### Patch Changes
+
+- [#1359](https://github.com/nextui-org/nextui/pull/1359) [`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - \n
+
+  - react-aria packages updgraded to the latest version
+  - image storybooks fixed
+  - other bug fixes..
+
+- Updated dependencies [[`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171)]:
+  - @nextui-org/system@2.0.5
+
+## 2.0.7
+
+### Patch Changes
+
+- Updated dependencies [[`710395f3`](https://github.com/nextui-org/nextui/commit/710395f3a2ca44238332237a49e948c933abe63d)]:
+  - @nextui-org/system@2.0.4
+
+## 2.0.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.4
+
+## 2.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.3
+
 ## 2.0.4

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/switch",
-  "version": "2.0.4",
+  "version": "2.0.9",
  "description": "A switch is similar to a checkbox, but represents on/off values as opposed to selection.",
  "keywords": [
    "switch"
@@ -41,13 +41,13 @@
    "@nextui-org/react-utils": "workspace:*",
    "@nextui-org/system": "workspace:*",
    "@nextui-org/theme": "workspace:*",
-    "@react-aria/focus": "^3.13.0",
-    "@react-aria/interactions": "^3.16.0",
-    "@react-aria/switch": "^3.5.2",
-    "@react-aria/utils": "^3.18.0",
-    "@react-aria/visually-hidden": "^3.8.2",
-    "@react-stately/toggle": "^3.6.0",
-    "@react-types/shared": "^3.18.1"
+    "@react-aria/focus": "^3.14.0",
+    "@react-aria/interactions": "^3.17.0",
+    "@react-aria/switch": "^3.5.3",
+    "@react-aria/utils": "^3.19.0",
+    "@react-aria/visually-hidden": "^3.8.3",
+    "@react-stately/toggle": "^3.6.1",
+    "@react-types/shared": "^3.19.0"
  },
  "devDependencies": {
    "clean-package": "2.2.0",
@@ -1,5 +1,54 @@
 # @nextui-org/table

+## 2.0.9
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.5
+  - @nextui-org/checkbox@2.0.9
+  - @nextui-org/spacer@2.0.7
+
+## 2.0.8
+
+### Patch Changes
+
+- [#1359](https://github.com/nextui-org/nextui/pull/1359) [`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - \n
+
+  - react-aria packages updgraded to the latest version
+  - image storybooks fixed
+  - other bug fixes..
+
+- Updated dependencies [[`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171)]:
+  - @nextui-org/checkbox@2.0.8
+  - @nextui-org/system@2.0.5
+
+## 2.0.7
+
+### Patch Changes
+
+- Updated dependencies [[`710395f3`](https://github.com/nextui-org/nextui/commit/710395f3a2ca44238332237a49e948c933abe63d)]:
+  - @nextui-org/system@2.0.4
+  - @nextui-org/checkbox@2.0.7
+
+## 2.0.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.4
+  - @nextui-org/checkbox@2.0.6
+  - @nextui-org/spacer@2.0.6
+
+## 2.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.3
+  - @nextui-org/checkbox@2.0.5
+  - @nextui-org/spacer@2.0.5
+
 ## 2.0.4

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/table",
-  "version": "2.0.4",
+  "version": "2.0.9",
  "description": "Tables are used to display tabular data using rows and columns. ",
  "keywords": [
    "table"
@@ -44,14 +44,14 @@
    "@nextui-org/spacer": "workspace:*",
    "@nextui-org/system": "workspace:*",
    "@nextui-org/theme": "workspace:*",
-    "@react-aria/focus": "^3.13.0",
-    "@react-aria/interactions": "^3.16.0",
-    "@react-aria/table": "^3.10.0",
-    "@react-aria/utils": "^3.18.0",
-    "@react-aria/visually-hidden": "^3.8.2",
-    "@react-stately/table": "^3.10.0",
-    "@react-types/grid": "^3.1.8",
-    "@react-types/table": "^3.7.0"
+    "@react-aria/focus": "^3.14.0",
+    "@react-aria/interactions": "^3.17.0",
+    "@react-aria/table": "^3.11.0",
+    "@react-aria/utils": "^3.19.0",
+    "@react-aria/visually-hidden": "^3.8.3",
+    "@react-stately/table": "^3.11.0",
+    "@react-types/grid": "^3.2.0",
+    "@react-types/table": "^3.8.0"
  },
  "devDependencies": {
    "@nextui-org/chip": "workspace:*",
@@ -61,7 +61,7 @@
    "@nextui-org/use-infinite-scroll": "workspace:*",
    "@nextui-org/tooltip": "workspace:*",
    "@nextui-org/user": "workspace:*",
-    "@react-stately/data": "^3.10.0",
+    "@react-stately/data": "^3.10.1",
    "clean-package": "2.2.0",
    "react": "^18.0.0"
  },
@@ -2,7 +2,8 @@ import {HTMLNextUIProps} from "@nextui-org/system";
 import {Row} from "@react-stately/table";
 import {RowProps} from "@react-types/table";

-export type TableRowProps = RowProps & Omit<HTMLNextUIProps<"tr">, keyof RowProps>;
+export type TableRowProps<T = object> = RowProps<T> &
+  Omit<HTMLNextUIProps<"tr">, keyof RowProps<T>>;

 const TableRow = Row as (props: TableRowProps) => JSX.Element;

@@ -272,7 +272,6 @@ export function useTable<T extends object>(originalProps: UseTableProps<T>) {
    topContent,
    bottomContent,
    removeWrapper,
-    selectionMode,
    topContentPlacement,
    bottomContentPlacement,
    getBaseProps,
@@ -1,5 +1,50 @@
 # @nextui-org/tabs

+## 2.0.9
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.5
+
+## 2.0.8
+
+### Patch Changes
+
+- [#1359](https://github.com/nextui-org/nextui/pull/1359) [`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - \n
+
+  - react-aria packages updgraded to the latest version
+  - image storybooks fixed
+  - other bug fixes..
+
+- Updated dependencies [[`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171)]:
+  - @nextui-org/framer-transitions@2.0.5
+  - @nextui-org/aria-utils@2.0.5
+  - @nextui-org/system@2.0.5
+
+## 2.0.7
+
+### Patch Changes
+
+- Updated dependencies [[`710395f3`](https://github.com/nextui-org/nextui/commit/710395f3a2ca44238332237a49e948c933abe63d)]:
+  - @nextui-org/system@2.0.4
+  - @nextui-org/aria-utils@2.0.4
+  - @nextui-org/framer-transitions@2.0.4
+
+## 2.0.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.4
+
+## 2.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.3
+
 ## 2.0.4

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/tabs",
-  "version": "2.0.4",
+  "version": "2.0.9",
  "description": "Tabs organize content into multiple sections and allow users to navigate between them.",
  "keywords": [
    "tabs"
@@ -46,17 +46,17 @@
    "@nextui-org/framer-transitions": "workspace:*",
    "@nextui-org/use-is-mounted": "workspace:*",
    "@nextui-org/use-update-effect": "workspace:*",
-    "@react-aria/focus": "^3.13.0",
-    "@react-aria/interactions": "^3.16.0",
-    "@react-aria/tabs": "^3.6.1",
-    "@react-aria/utils": "^3.18.0",
-    "@react-stately/tabs": "^3.5.0",
-    "@react-types/shared": "^3.18.1",
-    "@react-types/tabs": "^3.3.0",
+    "@react-aria/focus": "^3.14.0",
+    "@react-aria/interactions": "^3.17.0",
+    "@react-aria/tabs": "^3.6.2",
+    "@react-aria/utils": "^3.19.0",
+    "@react-stately/tabs": "^3.5.1",
+    "@react-types/shared": "^3.19.0",
+    "@react-types/tabs": "^3.3.1",
    "scroll-into-view-if-needed": "3.0.10"
  },
  "devDependencies": {
-    "framer-motion": "^10.12.18",
+    "framer-motion": "^10.15.1",
    "react-lorem-component": "0.13.0",
    "@nextui-org/card": "workspace:*",
    "@nextui-org/input": "workspace:*",
@@ -1,5 +1,50 @@
 # @nextui-org/tooltip

+## 2.0.10
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.5
+
+## 2.0.9
+
+### Patch Changes
+
+- [#1359](https://github.com/nextui-org/nextui/pull/1359) [`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - \n
+
+  - react-aria packages updgraded to the latest version
+  - image storybooks fixed
+  - other bug fixes..
+
+- Updated dependencies [[`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171)]:
+  - @nextui-org/framer-transitions@2.0.5
+  - @nextui-org/aria-utils@2.0.5
+  - @nextui-org/system@2.0.5
+
+## 2.0.8
+
+### Patch Changes
+
+- Updated dependencies [[`710395f3`](https://github.com/nextui-org/nextui/commit/710395f3a2ca44238332237a49e948c933abe63d)]:
+  - @nextui-org/system@2.0.4
+  - @nextui-org/aria-utils@2.0.4
+  - @nextui-org/framer-transitions@2.0.4
+
+## 2.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.4
+
+## 2.0.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.3
+
 ## 2.0.5

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/tooltip",
-  "version": "2.0.5",
+  "version": "2.0.10",
  "description": "A React Component for rendering dynamically positioned Tooltips",
  "keywords": [
    "tooltip"
@@ -44,17 +44,17 @@
    "@nextui-org/system": "workspace:*",
    "@nextui-org/theme": "workspace:*",
    "@nextui-org/framer-transitions": "workspace:*",
-    "@react-aria/overlays": "^3.15.0",
-    "@react-aria/tooltip": "^3.6.0",
-    "@react-stately/tooltip": "^3.4.2",
-    "@react-aria/interactions": "^3.16.0",
-    "@react-aria/utils": "^3.18.0",
-    "@react-types/tooltip": "^3.4.2",
-    "@react-types/overlays": "^3.8.0"
+    "@react-aria/overlays": "^3.16.0",
+    "@react-aria/tooltip": "^3.6.1",
+    "@react-stately/tooltip": "^3.4.3",
+    "@react-aria/interactions": "^3.17.0",
+    "@react-aria/utils": "^3.19.0",
+    "@react-types/tooltip": "^3.4.3",
+    "@react-types/overlays": "^3.8.1"
  },
  "devDependencies": {
    "@nextui-org/button": "workspace:*",
-    "framer-motion": "^10.12.18",
+    "framer-motion": "^10.15.1",
    "clean-package": "2.2.0",
    "react": "^18.0.0"
  },
@@ -249,7 +249,6 @@ export function useTooltip(originalProps: UseTooltipProps) {
    children,
    isOpen,
    triggerRef,
-    triggerProps,
    showArrow,
    portalContainer,
    placement: placementProp,
@@ -1,5 +1,51 @@
 # @nextui-org/user

+## 2.0.9
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.5
+  - @nextui-org/avatar@2.0.9
+
+## 2.0.8
+
+### Patch Changes
+
+- [#1359](https://github.com/nextui-org/nextui/pull/1359) [`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - \n
+
+  - react-aria packages updgraded to the latest version
+  - image storybooks fixed
+  - other bug fixes..
+
+- Updated dependencies [[`a30cec48`](https://github.com/nextui-org/nextui/commit/a30cec4810988fb1962f3a61e0fc0362de08b171)]:
+  - @nextui-org/avatar@2.0.8
+  - @nextui-org/system@2.0.5
+
+## 2.0.7
+
+### Patch Changes
+
+- Updated dependencies [[`710395f3`](https://github.com/nextui-org/nextui/commit/710395f3a2ca44238332237a49e948c933abe63d)]:
+  - @nextui-org/system@2.0.4
+  - @nextui-org/avatar@2.0.7
+
+## 2.0.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.4
+  - @nextui-org/avatar@2.0.6
+
+## 2.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/react-utils@2.0.3
+  - @nextui-org/avatar@2.0.5
+
 ## 2.0.4

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@nextui-org/user",
-  "version": "2.0.4",
+  "version": "2.0.9",
  "description": "Flexible User Profile Component.",
  "keywords": [
    "user"
@@ -42,8 +42,8 @@
    "@nextui-org/theme": "workspace:*",
    "@nextui-org/shared-utils": "workspace:*",
    "@nextui-org/react-utils": "workspace:*",
-    "@react-aria/focus": "^3.13.0",
-    "@react-aria/utils": "^3.18.0"
+    "@react-aria/focus": "^3.14.0",
+    "@react-aria/utils": "^3.19.0"
  },
  "devDependencies": {
    "clean-package": "2.2.0",
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
github-actions[bot]	d15b16ecab	ci(changesets): version packages (#1366 ) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com>	2023-08-11 12:20:17 -03:00
Junior Garcia	fe03c42fa1	fix(tooltip): filter dom props function fixed (#1365 ) * fix(tooltip): filter dom props function fixed * fix(root): react types pkg updated	2023-08-11 12:06:47 -03:00
navedqb	25a918d146	Fixed incorrect import in card component (#1364 )	2023-08-11 09:04:17 -03:00
github-actions[bot]	87918ac5b4	ci(changesets): version packages (#1360 ) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com>	2023-08-10 23:47:40 -03:00
Junior Garcia	a30cec4810	chore(root): react-aria packages upgraded (#1359 )	2023-08-10 23:25:24 -03:00
github-actions[bot]	1b0653c97a	ci(changesets): version packages (#1353 ) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com>	2023-08-10 17:35:26 -03:00
Junior Garcia	710395f3a2	Refactor/remove needless exports system (#1350 ) * fix(root): filter dom props func, accordion keep content mounted, navbaropen menu callbacks * refactor(system): needeless exports removed * refactor(system): needeless exports removed	2023-08-10 17:27:53 -03:00
github-actions[bot]	e7e58e854a	ci(changesets): version packages (#1352 ) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com>	2023-08-10 17:19:51 -03:00
Junior Garcia	d13a14facc	Fix/events and props issues (#1351 ) * fix(root): filter dom props func, accordion keep content mounted, navbaropen menu callbacks * fix(docs): examples keys	2023-08-10 17:10:53 -03:00
Junior Garcia	cef7235c4b	fix(docs): compound variants typo	2023-08-10 08:54:38 -03:00
Junior Garcia	fcff1a1d36	Merge branch 'main' of github.com:nextui-org/nextui	2023-08-09 23:39:57 -03:00
Junior Garcia	c7ba9e1508	fix(docs): customize theme button example, color added	2023-08-09 23:39:44 -03:00
github-actions[bot]	1d8dc4b9d8	ci(changesets): version packages (#1339 ) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com>	2023-08-09 21:51:25 -03:00
github-actions[bot]	ea5e0fb096	ci(changesets): version packages (#1338 ) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com>	2023-08-09 21:42:53 -03:00
Junior Garcia	26f64d043d	fix(storybook): padding	2023-08-09 21:40:54 -03:00
Jakob Guddas	a078c3dcd2	chore: storybook improvements (#1335 )	2023-08-09 21:36:54 -03:00
Jakob Guddas	5a50390e3f	fix: moved sr only modal close buttons to not show unnecessary scroll bar (#1333 ) * fix: moved sr only modal close buttons to not show unnecessary scroll bar * Create sour-lizards-allow.md	2023-08-09 21:36:14 -03:00
Tianen Pang	894d85d059	docs(table): use case example (#1326 )	2023-08-08 14:43:40 -03:00
github-actions[bot]	0ef41d27e7	ci(changesets): version packages (#1324 ) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com>	2023-08-08 12:28:30 -03:00
Tianen Pang	4200164712	fix(input): duplicate triggering of input events (#1323 ) * feat(utils): support for omit-names * fix(input): exclude duplicate event props * fix(input): exclude duplicate event fn only * test(input): event fn call count * chore(changeset): changeset added	2023-08-08 12:19:08 -03:00
Tianen Pang	6d4c6980d5	fix(docs): typo in the loading more data section (#1319 )	2023-08-08 09:10:10 -03:00
github-actions[bot]	f3f36a7146	ci(changesets): version packages (#1316 ) Co-authored-by: Junior Garcia <jrgarciadev@gmail.com>	2023-08-08 01:04:01 -03:00
Junior Garcia	8de209bff7	feat(root): new changeset	2023-08-08 00:56:56 -03:00
Junior Garcia	e9d01be74d	chore(root): eslint and prettier ignore updated	2023-08-08 00:45:14 -03:00
Junior Garcia	66ac2e67ae	feat(root): new changeset	2023-08-08 00:44:58 -03:00
Junior Garcia	7ed88f39c1	chore(pagination): fix prettier	2023-08-08 00:41:58 -03:00
vaynevayne	32d18bfd41	Update pagination-item.tsx (#1315 )	2023-08-08 00:41:09 -03:00
vaynevayne	a1b32c1ceb	Update use-pagination.ts (#1314 )	2023-08-08 00:39:01 -03:00
Junior Garcia	9e683b32ba	Merge branch 'main' of github.com:nextui-org/nextui	2023-08-08 00:12:35 -03:00
Junior Garcia	b7c947805d	feat(storybook): logo adapted to light/dark theme, favicon added	2023-08-08 00:12:21 -03:00