chore(deps): bump react-aria versions

.changeset/calm-bulldogs-switch.md

@@ -0,0 +1,53 @@
+---
+"@heroui/use-aria-accordion-item": patch
+"@heroui/use-aria-modal-overlay": patch
+"@heroui/use-aria-multiselect": patch
+"@heroui/use-aria-accordion": patch
+"@heroui/autocomplete": patch
+"@heroui/number-input": patch
+"@heroui/breadcrumbs": patch
+"@heroui/date-picker": patch
+"@heroui/use-aria-overlay": patch
+"@heroui/date-input": patch
+"@heroui/pagination": patch
+"@heroui/use-aria-button": patch
+"@heroui/accordion": patch
+"@heroui/input-otp": patch
+"@heroui/use-disclosure": patch
+"@heroui/use-pagination": patch
+"@heroui/aria-utils": patch
+"@heroui/calendar": patch
+"@heroui/checkbox": patch
+"@heroui/dropdown": patch
+"@heroui/progress": patch
+"@heroui/use-aria-link": patch
+"@heroui/use-draggable": patch
+"@heroui/divider": patch
+"@heroui/listbox": patch
+"@heroui/popover": patch
+"@heroui/snippet": patch
+"@heroui/tooltip": patch
+"@heroui/avatar": patch
+"@heroui/button": patch
+"@heroui/navbar": patch
+"@heroui/select": patch
+"@heroui/slider": patch
+"@heroui/switch": patch
+"@heroui/input": patch
+"@heroui/modal": patch
+"@heroui/radio": patch
+"@heroui/table": patch
+"@heroui/toast": patch
+"@heroui/card": patch
+"@heroui/chip": patch
+"@heroui/form": patch
+"@heroui/link": patch
+"@heroui/menu": patch
+"@heroui/tabs": patch
+"@heroui/user": patch
+"@heroui/system-rsc": patch
+"@heroui/system": patch
+"@heroui/react": patch
+---
+
+bump react-aria versions

apps/docs/components/docs/components/code-demo/parse-dependencies.ts

@@ -52,6 +52,6 @@ export const parseDependencies = (content: string) => {
 };
 
 const fixedVersions = {
-  "@internationalized/date": "3.9.0",
-  "@react-aria/i18n": "3.12.12",
+  "@internationalized/date": "3.10.0",
+  "@react-aria/i18n": "3.12.13",
 };

apps/docs/content/docs/components/calendar.mdx

@@ -249,6 +249,12 @@ Here's the example to customize `topContent` and `bottomContent` to have some pr
       description: "The day that starts the week.",
       default: "-"
     },
+    {
+      attribute: "selectionAlignment",
+      type: "start | center | end",
+      description: "Determines the alignment of the visible months on initial render based on the current selection or current date if there is no selection.",
+      default: "center"
+    },
     {
       attribute: "focusedValue",
       type: "DateValue",

apps/docs/content/docs/components/date-input.mdx

@@ -104,9 +104,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.9.0",
-    yarn: "yarn add @internationalized/date@3.9.0",
-    pnpm: "pnpm add @internationalized/date@3.9.0",
+    npm: "npm install @internationalized/date@3.10.0",
+    yarn: "yarn add @internationalized/date@3.10.0",
+    pnpm: "pnpm add @internationalized/date@3.10.0",
   }}
 />
 
@@ -129,9 +129,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.9.0 @react-aria/i18n@3.12.12",
-    yarn: "yarn add @internationalized/date@3.9.0 @react-aria/i18n@3.12.12",
-    pnpm: "pnpm add @internationalized/date@3.9.0 @react-aria/i18n@3.12.12",
+    npm: "npm install @internationalized/date@3.10.0 @react-aria/i18n@3.12.13",
+    yarn: "yarn add @internationalized/date@3.10.0 @react-aria/i18n@3.12.13",
+    pnpm: "pnpm add @internationalized/date@3.10.0 @react-aria/i18n@3.12.13",
   }}
 />
 
@@ -153,9 +153,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.9.0",
-    yarn: "yarn add @internationalized/date@3.9.0",
-    pnpm: "pnpm add @internationalized/date@3.9.0",
+    npm: "npm install @internationalized/date@3.10.0",
+    yarn: "yarn add @internationalized/date@3.10.0",
+    pnpm: "pnpm add @internationalized/date@3.10.0",
   }}
 />
 
@@ -177,9 +177,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.9.0 @react-aria/i18n@3.12.12",
-    yarn: "yarn add @internationalized/date@3.9.0 @react-aria/i18n@3.12.12",
-    pnpm: "pnpm add @internationalized/date@3.9.0 @react-aria/i18n@3.12.12",
+    npm: "npm install @internationalized/date@3.10.0 @react-aria/i18n@3.12.13",
+    yarn: "yarn add @internationalized/date@3.10.0 @react-aria/i18n@3.12.13",
+    pnpm: "pnpm add @internationalized/date@3.10.0 @react-aria/i18n@3.12.13",
   }}
 />
 
@@ -200,9 +200,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.9.0",
-    yarn: "yarn add @internationalized/date@3.9.0",
-    pnpm: "pnpm add @internationalized/date@3.9.0",
+    npm: "npm install @internationalized/date@3.10.0",
+    yarn: "yarn add @internationalized/date@3.10.0",
+    pnpm: "pnpm add @internationalized/date@3.10.0",
   }}
 />
 
@@ -223,9 +223,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.9.0",
-    yarn: "yarn add @internationalized/date@3.9.0",
-    pnpm: "pnpm add @internationalized/date@3.9.0",
+    npm: "npm install @internationalized/date@3.10.0",
+    yarn: "yarn add @internationalized/date@3.10.0",
+    pnpm: "pnpm add @internationalized/date@3.10.0",
   }}
 />
 

apps/docs/content/docs/components/date-picker.mdx

@@ -119,9 +119,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.9.0",
-    yarn: "yarn add @internationalized/date@3.9.0",
-    pnpm: "pnpm add @internationalized/date@3.9.0",
+    npm: "npm install @internationalized/date@3.10.0",
+    yarn: "yarn add @internationalized/date@3.10.0",
+    pnpm: "pnpm add @internationalized/date@3.10.0",
   }}
 />
 
@@ -144,9 +144,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.9.0 @react-aria/i18n@3.12.12",
-    yarn: "yarn add @internationalized/date@3.9.0 @react-aria/i18n@3.12.12",
-    pnpm: "pnpm add @internationalized/date@3.9.0 @react-aria/i18n@3.12.12",
+    npm: "npm install @internationalized/date@3.10.0 @react-aria/i18n@3.12.13",
+    yarn: "yarn add @internationalized/date@3.10.0 @react-aria/i18n@3.12.13",
+    pnpm: "pnpm add @internationalized/date@3.10.0 @react-aria/i18n@3.12.13",
   }}
 />
 
@@ -168,9 +168,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.9.0",
-    yarn: "yarn add @internationalized/date@3.9.0",
-    pnpm: "pnpm add @internationalized/date@3.9.0",
+    npm: "npm install @internationalized/date@3.10.0",
+    yarn: "yarn add @internationalized/date@3.10.0",
+    pnpm: "pnpm add @internationalized/date@3.10.0",
   }}
 />
 
@@ -192,9 +192,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.9.0 @react-aria/i18n@3.12.12",
-    yarn: "yarn add @internationalized/date@3.9.0 @react-aria/i18n@3.12.12",
-    pnpm: "pnpm add @internationalized/date@3.9.0 @react-aria/i18n@3.12.12",
+    npm: "npm install @internationalized/date@3.10.0 @react-aria/i18n@3.12.13",
+    yarn: "yarn add @internationalized/date@3.10.0 @react-aria/i18n@3.12.13",
+    pnpm: "pnpm add @internationalized/date@3.10.0 @react-aria/i18n@3.12.13",
   }}
 />
 
@@ -214,9 +214,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.9.0 @react-aria/i18n@3.12.12",
-    yarn: "yarn add @internationalized/date@3.9.0 @react-aria/i18n@3.12.12",
-    pnpm: "pnpm add @internationalized/date@3.9.0 @react-aria/i18n@3.12.12",
+    npm: "npm install @internationalized/date@3.10.0 @react-aria/i18n@3.12.13",
+    yarn: "yarn add @internationalized/date@3.10.0 @react-aria/i18n@3.12.13",
+    pnpm: "pnpm add @internationalized/date@3.10.0 @react-aria/i18n@3.12.13",
   }}
 />
 
@@ -252,9 +252,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.9.0 @react-aria/i18n@3.12.12",
-    yarn: "yarn add @internationalized/date@3.9.0 @react-aria/i18n@3.12.12",
-    pnpm: "pnpm add @internationalized/date@3.9.0 @react-aria/i18n@3.12.12",
+    npm: "npm install @internationalized/date@3.10.0 @react-aria/i18n@3.12.13",
+    yarn: "yarn add @internationalized/date@3.10.0 @react-aria/i18n@3.12.13",
+    pnpm: "pnpm add @internationalized/date@3.10.0 @react-aria/i18n@3.12.13",
   }}
 />
 
@@ -447,6 +447,12 @@ import {I18nProvider} from "@react-aria/i18n";
       description: "The day that starts the week.",
       default: "-"
     },
+    {
+      attribute: "selectionAlignment",
+      type: "start | center | end",
+      description: "Determines the alignment of the visible months on initial render based on the current selection or current date if there is no selection.",
+      default: "center"
+    },
     {
       attribute: "selectorIcon",
       type: "ReactNode",

apps/docs/content/docs/components/date-range-picker.mdx

@@ -142,9 +142,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.9.0",
-    yarn: "yarn add @internationalized/date@3.9.0",
-    pnpm: "pnpm add @internationalized/date@3.9.0",
+    npm: "npm install @internationalized/date@3.10.0",
+    yarn: "yarn add @internationalized/date@3.10.0",
+    pnpm: "pnpm add @internationalized/date@3.10.0",
   }}
 />
 
@@ -167,9 +167,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.9.0 @react-aria/i18n@3.12.12",
-    yarn: "yarn add @internationalized/date@3.9.0 @react-aria/i18n@3.12.12",
-    pnpm: "pnpm add @internationalized/date@3.9.0 @react-aria/i18n@3.12.12",
+    npm: "npm install @internationalized/date@3.10.0 @react-aria/i18n@3.12.13",
+    yarn: "yarn add @internationalized/date@3.10.0 @react-aria/i18n@3.12.13",
+    pnpm: "pnpm add @internationalized/date@3.10.0 @react-aria/i18n@3.12.13",
   }}
 />
 
@@ -191,9 +191,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.9.0",
-    yarn: "yarn add @internationalized/date@3.9.0",
-    pnpm: "pnpm add @internationalized/date@3.9.0",
+    npm: "npm install @internationalized/date@3.10.0",
+    yarn: "yarn add @internationalized/date@3.10.0",
+    pnpm: "pnpm add @internationalized/date@3.10.0",
   }}
 />
 
@@ -215,9 +215,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.9.0 @react-aria/i18n@3.12.12",
-    yarn: "yarn add @internationalized/date@3.9.0 @react-aria/i18n@3.12.12",
-    pnpm: "pnpm add @internationalized/date@3.9.0 @react-aria/i18n@3.12.12",
+    npm: "npm install @internationalized/date@3.10.0 @react-aria/i18n@3.12.13",
+    yarn: "yarn add @internationalized/date@3.10.0 @react-aria/i18n@3.12.13",
+    pnpm: "pnpm add @internationalized/date@3.10.0 @react-aria/i18n@3.12.13",
   }}
 />
 
@@ -237,9 +237,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.9.0 @react-aria/i18n@3.12.12",
-    yarn: "yarn add @internationalized/date@3.9.0 @react-aria/i18n@3.12.12",
-    pnpm: "pnpm add @internationalized/date@3.9.0 @react-aria/i18n@3.12.12",
+    npm: "npm install @internationalized/date@3.10.0 @react-aria/i18n@3.12.13",
+    yarn: "yarn add @internationalized/date@3.10.0 @react-aria/i18n@3.12.13",
+    pnpm: "pnpm add @internationalized/date@3.10.0 @react-aria/i18n@3.12.13",
   }}
 />
 
@@ -262,9 +262,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.9.0 @react-aria/i18n@3.12.12",
-    yarn: "yarn add @internationalized/date@3.9.0 @react-aria/i18n@3.12.12",
-    pnpm: "pnpm add @internationalized/date@3.9.0 @react-aria/i18n@3.12.12",
+    npm: "npm install @internationalized/date@3.10.0 @react-aria/i18n@3.12.13",
+    yarn: "yarn add @internationalized/date@3.10.0 @react-aria/i18n@3.12.13",
+    pnpm: "pnpm add @internationalized/date@3.10.0 @react-aria/i18n@3.12.13",
   }}
 />
 
@@ -282,9 +282,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.9.0 @react-aria/i18n@3.12.12",
-    yarn: "yarn add @internationalized/date@3.9.0 @react-aria/i18n@3.12.12",
-    pnpm: "pnpm add @internationalized/date@3.9.0 @react-aria/i18n@3.12.12",
+    npm: "npm install @internationalized/date@3.10.0 @react-aria/i18n@3.12.13",
+    yarn: "yarn add @internationalized/date@3.10.0 @react-aria/i18n@3.12.13",
+    pnpm: "pnpm add @internationalized/date@3.10.0 @react-aria/i18n@3.12.13",
   }}
 />
 
@@ -542,6 +542,12 @@ You can customize the `DateRangePicker` component by passing custom Tailwind CSS
       description: "The day that starts the week.",
       default: "-"
     },
+    {
+      attribute: "selectionAlignment",
+      type: "start | center | end",
+      description: "Determines the alignment of the visible months on initial render based on the current selection or current date if there is no selection.",
+      default: "center"
+    },
     {
       attribute: "autoFocus",
       type: "boolean",

apps/docs/content/docs/components/range-calendar.mdx

@@ -257,6 +257,12 @@ Here's the example to customize `topContent` and `bottomContent` to have some pr
       description: "The day that starts the week.",
       default: "-"
     },
+    {
+      attribute: "selectionAlignment",
+      type: "start | center | end",
+      description: "Determines the alignment of the visible months on initial render based on the current selection or current date if there is no selection.",
+      default: "center"
+    },
     {
       attribute: "focusedValue",
       type: "DateValue",