ci(changesets): version packages (#4280)

Co-authored-by: Junior Garcia <jrgarciadev@gmail.com>

apps/docs/app/docs/[[...slug]]/page.tsx

@@ -99,7 +99,7 @@ export default async function DocPage({params}: DocPageProps) {
         </footer>
       </div>
       {headings && headings.length > 0 && (
-        <div className="hidden z-10 xl:flex xl:col-span-2 mt-8 pl-4">
+        <div className="hidden z-10 xl:flex xl:col-span-2 mt-8 pl-0">
           <DocsToc headings={headings} />
         </div>
       )}

apps/docs/app/examples/table/custom-styles/page.tsx

@@ -360,9 +360,9 @@ export default function Page() {
                 </Button>
               </DropdownTrigger>
               <DropdownMenu>
-                <DropdownItem>View</DropdownItem>
-                <DropdownItem>Edit</DropdownItem>
-                <DropdownItem>Delete</DropdownItem>
+                <DropdownItem key="view">View</DropdownItem>
+                <DropdownItem key="edit">Edit</DropdownItem>
+                <DropdownItem key="delete">Delete</DropdownItem>
               </DropdownMenu>
             </Dropdown>
           </div>

apps/docs/app/examples/table/use-case/page.tsx

@@ -352,9 +352,9 @@ export default function Page() {
                 </Button>
               </DropdownTrigger>
               <DropdownMenu>
-                <DropdownItem>View</DropdownItem>
-                <DropdownItem>Edit</DropdownItem>
-                <DropdownItem>Delete</DropdownItem>
+                <DropdownItem key="view">View</DropdownItem>
+                <DropdownItem key="edit">Edit</DropdownItem>
+                <DropdownItem key="delete">Delete</DropdownItem>
               </DropdownMenu>
             </Dropdown>
           </div>

apps/docs/components/docs/toc.tsx

@@ -87,7 +87,7 @@ export const DocsToc: FC<DocsTocProps> = ({headings}) => {
                 className={clsx(
                   "transition-colors",
                   "font-normal",
-                  "flex items-center text-sm font-normal text-default-500 dark:text-default-300",
+                  "flex items-center text-tiny font-normal text-default-500 dark:text-default-300",
                   "data-[active=true]:text-foreground",
                   "dark:data-[active=true]:text-foreground",
                   "before:content-['']",
@@ -115,7 +115,7 @@ export const DocsToc: FC<DocsTocProps> = ({headings}) => {
           <Divider />
           <Spacer y={2} />
           <a
-            className="flex gap-2 items-center text-small text-default-500 dark:text-foreground/30 hover:text-foreground/80 pl-4 transition-opacity"
+            className="flex gap-2 items-center text-tiny text-default-500 dark:text-foreground/30 hover:text-foreground/80 pl-4 transition-opacity"
             href={`#${firstId}`}
           >
             Back to top

apps/docs/config/github-info.json

@@ -1,6 +1,6 @@
 {
-  "stars": { "raw": 22002, "formatted": "22K" },
-  "forks": 1536,
-  "subscribers": 85,
-  "openIssues": 433
+  "stars": { "raw": 22226, "formatted": "22.2K" },
+  "forks": 1566,
+  "subscribers": 83,
+  "openIssues": 406
 }

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

@@ -91,7 +91,7 @@ Built on [React Aria's Form](https://react-spectrum.adobe.com/react-aria/forms.h
 
 <Spacer y={4} />
 
-<CodeDemo title="Usage" showEditor={false} files={formContent.demo} />
+<CodeDemo title="Usage" files={formContent.demo} />
 
 ### Built-in Validation
 
@@ -749,7 +749,7 @@ The circular progress Tailwind variants have been moved from `circular-progress`
 - Replaced VA by Posthog by [@wingkwong](https://github.com/wingkwong) in [PR #4123](https://github.com/nextui-org/nextui/pull/4123)
 - Moved circular-progress tv to progress by [@winchesHe](https://github.com/winchesHe) in [PR #3321](https://github.com/nextui-org/nextui/pull/3321)
 
-Special thanks to NextUI Team members [@wingkwong](https://github.com/wingkwong), [@macci001](https://github.com/macci001),
+Special thanks to NextUI Team members [@wingkwong](https://github.com/wingkwong), [@macci001](https://github.com/macci001), [@vinroger](https://github.com/vinroger),
 [@ryo-manba](https://github.com/ryo-manba), [@winchesHe](https://github.com/winchesHe), [@tianenpang](https://github.com/tianenpang) and contributors for their contributions to this release.
 
 For a full list of changes, please refer to the [release notes](https://github.com/nextui-org/nextui/releases/tag/%40nextui-org%2Freact%402.6.2).

apps/docs/content/components/calendar/controlled-focused-value.raw.tsx

@@ -6,7 +6,7 @@ import {today, getLocalTimeZone} from "@internationalized/date";
 
 export default function App() {
   let defaultDate = today(getLocalTimeZone());
-  let [focusedDate, setFocusedDate] = React.useState<DateValue>(defaultDate);
+  let [focusedDate, setFocusedDate] = React.useState<DateValue | null>(defaultDate);
 
   return (
     <Calendar

apps/docs/content/components/calendar/controlled.raw.tsx

@@ -5,7 +5,7 @@ import {Calendar} from "@nextui-org/react";
 import {parseDate} from "@internationalized/date";
 
 export default function App() {
-  let [value, setValue] = React.useState<DateValue>(parseDate("2024-03-07"));
+  let [value, setValue] = React.useState<DateValue | null>(parseDate("2024-03-07"));
 
   return <Calendar aria-label="Date (Controlled)" value={value} onChange={setValue} />;
 }

apps/docs/content/components/calendar/invalid-date.raw.tsx

@@ -6,9 +6,9 @@ import {today, getLocalTimeZone, isWeekend} from "@internationalized/date";
 import {useLocale} from "@react-aria/i18n";
 
 export default function App() {
-  let [date, setDate] = React.useState<DateValue>(today(getLocalTimeZone()));
+  let [date, setDate] = React.useState<DateValue | null>(today(getLocalTimeZone()));
   let {locale} = useLocale();
-  let isInvalid = isWeekend(date, locale);
+  let isInvalid = isWeekend(date!, locale);
 
   return (
     <Calendar

apps/docs/content/components/calendar/presets.raw.tsx

@@ -7,7 +7,7 @@ import {useLocale} from "@react-aria/i18n";
 
 export default function App() {
   let defaultDate = today(getLocalTimeZone());
-  let [value, setValue] = React.useState<DateValue>(defaultDate);
+  let [value, setValue] = React.useState<DateValue | null>(defaultDate);
   let {locale} = useLocale();
 
   let now = today(getLocalTimeZone());

apps/docs/content/components/date-input/controlled.raw.tsx

@@ -4,7 +4,7 @@ import {DateValue, parseDate, getLocalTimeZone} from "@internationalized/date";
 import {useDateFormatter} from "@react-aria/i18n";
 
 export default function App() {
-  const [value, setValue] = React.useState<DateValue>(parseDate("2024-04-04"));
+  const [value, setValue] = React.useState<DateValue | null>(parseDate("2024-04-04"));
 
   let formatter = useDateFormatter({dateStyle: "full"});
 

apps/docs/content/components/date-input/granularity.raw.tsx

@@ -3,7 +3,9 @@ import {DateInput} from "@nextui-org/react";
 import {DateValue, now, parseAbsoluteToLocal} from "@internationalized/date";
 
 export default function App() {
-  let [date, setDate] = React.useState<DateValue>(parseAbsoluteToLocal("2021-04-07T18:45:22Z"));
+  let [date, setDate] = React.useState<DateValue | null>(
+    parseAbsoluteToLocal("2021-04-07T18:45:22Z"),
+  );
 
   return (
     <div className="w-full max-w-xl flex flex-col items-start gap-4">

apps/docs/content/components/date-input/international-calendar.raw.tsx

@@ -4,7 +4,9 @@ import {DateValue, parseAbsoluteToLocal} from "@internationalized/date";
 import {I18nProvider} from "@react-aria/i18n";
 
 export default function App() {
-  const [date, setDate] = React.useState<DateValue>(parseAbsoluteToLocal("2021-04-07T18:45:22Z"));
+  const [date, setDate] = React.useState<DateValue | null>(
+    parseAbsoluteToLocal("2021-04-07T18:45:22Z"),
+  );
 
   return (
     <div className="flex flex-col gap-4">

apps/docs/content/components/date-picker/controlled.raw.tsx

@@ -4,7 +4,7 @@ import {DateValue, parseDate, getLocalTimeZone} from "@internationalized/date";
 import {useDateFormatter} from "@react-aria/i18n";
 
 export default function App() {
-  const [value, setValue] = React.useState<DateValue>(parseDate("2024-04-04"));
+  const [value, setValue] = React.useState<DateValue | null>(parseDate("2024-04-04"));
 
   let formatter = useDateFormatter({dateStyle: "full"});
 

apps/docs/content/components/date-picker/granularity.raw.tsx

@@ -3,7 +3,9 @@ import {DatePicker} from "@nextui-org/react";
 import {DateValue, now, parseAbsoluteToLocal} from "@internationalized/date";
 
 export default function App() {
-  let [date, setDate] = React.useState<DateValue>(parseAbsoluteToLocal("2021-04-07T18:45:22Z"));
+  let [date, setDate] = React.useState<DateValue | null>(
+    parseAbsoluteToLocal("2021-04-07T18:45:22Z"),
+  );
 
   return (
     <div className="w-full max-w-xl flex flex-col items-start gap-4">

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

@@ -35,7 +35,7 @@ const AppTs = `import {DatePicker} from "@nextui-org/react";
 import {DateValue, now, parseAbsoluteToLocal} from "@internationalized/date";
 
 export default function App() {
-  let [date, setDate] = React.useState<DateValue>(parseAbsoluteToLocal("2021-04-07T18:45:22Z"));
+  let [date, setDate] = React.useState<DateValue | null>(parseAbsoluteToLocal("2021-04-07T18:45:22Z"));
 
   return (
     <div className="w-full max-w-xl flex flex-col items-start gap-4">

apps/docs/content/components/date-picker/international-calendar.raw.tsx

@@ -4,7 +4,9 @@ import {DateValue, parseAbsoluteToLocal} from "@internationalized/date";
 import {I18nProvider} from "@react-aria/i18n";
 
 export default function App() {
-  let [date, setDate] = React.useState<DateValue>(parseAbsoluteToLocal("2021-04-07T18:45:22Z"));
+  let [date, setDate] = React.useState<DateValue | null>(
+    parseAbsoluteToLocal("2021-04-07T18:45:22Z"),
+  );
 
   return (
     <div className="flex flex-col gap-4">

apps/docs/content/components/date-picker/preset.raw.tsx

@@ -12,7 +12,7 @@ import {useLocale, useDateFormatter} from "@react-aria/i18n";
 export default function App() {
   let defaultDate = today(getLocalTimeZone());
 
-  const [value, setValue] = React.useState<DateValue>(defaultDate);
+  const [value, setValue] = React.useState<DateValue | null>(defaultDate);
 
   let {locale} = useLocale();
   let formatter = useDateFormatter({dateStyle: "full"});

apps/docs/content/components/date-range-picker/controlled.raw.tsx

@@ -7,7 +7,7 @@ import {parseDate, getLocalTimeZone} from "@internationalized/date";
 import {useDateFormatter} from "@react-aria/i18n";
 
 export default function App() {
-  const [value, setValue] = React.useState<RangeValue<DateValue>>({
+  const [value, setValue] = React.useState<RangeValue<DateValue> | null>({
     start: parseDate("2024-04-01"),
     end: parseDate("2024-04-08"),
   });

apps/docs/content/components/date-range-picker/granularity.raw.tsx

@@ -6,7 +6,7 @@ import {DateRangePicker} from "@nextui-org/react";
 import {parseAbsoluteToLocal} from "@internationalized/date";
 
 export default function App() {
-  let [date, setDate] = React.useState<RangeValue<DateValue>>({
+  let [date, setDate] = React.useState<RangeValue<DateValue> | null>({
     start: parseAbsoluteToLocal("2024-04-01T18:45:22Z"),
     end: parseAbsoluteToLocal("2024-04-08T19:15:22Z"),
   });

apps/docs/content/components/date-range-picker/international-calendar.raw.tsx

@@ -7,7 +7,7 @@ import {parseAbsoluteToLocal} from "@internationalized/date";
 import {I18nProvider} from "@react-aria/i18n";
 
 export default function App() {
-  let [date, setDate] = React.useState<RangeValue<DateValue>>({
+  let [date, setDate] = React.useState<RangeValue<DateValue> | null>({
     start: parseAbsoluteToLocal("2021-04-01T18:45:22Z"),
     end: parseAbsoluteToLocal("2021-04-14T19:15:22Z"),
   });

apps/docs/content/components/range-calendar/presets.raw.tsx

@@ -19,7 +19,7 @@ export default function App() {
     end: today(getLocalTimeZone()).add({weeks: 1, days: 3}),
   });
 
-  let [focusedValue, setFocusedValue] = React.useState<DateValue>(today(getLocalTimeZone()));
+  let [focusedValue, setFocusedValue] = React.useState<DateValue | null>(today(getLocalTimeZone()));
 
   let {locale} = useLocale();
 

apps/docs/content/components/table/custom-styles.raw.jsx

@@ -449,9 +449,9 @@ export default function App() {
                 </Button>
               </DropdownTrigger>
               <DropdownMenu>
-                <DropdownItem>View</DropdownItem>
-                <DropdownItem>Edit</DropdownItem>
-                <DropdownItem>Delete</DropdownItem>
+                <DropdownItem key="view">View</DropdownItem>
+                <DropdownItem key="edit">Edit</DropdownItem>
+                <DropdownItem key="delete">Delete</DropdownItem>
               </DropdownMenu>
             </Dropdown>
           </div>

apps/docs/content/components/table/custom-styles.raw.tsx

@@ -461,9 +461,9 @@ export default function App() {
                 </Button>
               </DropdownTrigger>
               <DropdownMenu>
-                <DropdownItem>View</DropdownItem>
-                <DropdownItem>Edit</DropdownItem>
-                <DropdownItem>Delete</DropdownItem>
+                <DropdownItem key="view">View</DropdownItem>
+                <DropdownItem key="edit">Edit</DropdownItem>
+                <DropdownItem key="delete">Delete</DropdownItem>
               </DropdownMenu>
             </Dropdown>
           </div>

apps/docs/content/components/table/use-case.raw.jsx

@@ -441,9 +441,9 @@ export default function App() {
                 </Button>
               </DropdownTrigger>
               <DropdownMenu>
-                <DropdownItem>View</DropdownItem>
-                <DropdownItem>Edit</DropdownItem>
-                <DropdownItem>Delete</DropdownItem>
+                <DropdownItem key="view">View</DropdownItem>
+                <DropdownItem key="edit">Edit</DropdownItem>
+                <DropdownItem key="delete">Delete</DropdownItem>
               </DropdownMenu>
             </Dropdown>
           </div>

apps/docs/content/components/table/use-case.raw.tsx

@@ -454,9 +454,9 @@ export default function App() {
                 </Button>
               </DropdownTrigger>
               <DropdownMenu>
-                <DropdownItem>View</DropdownItem>
-                <DropdownItem>Edit</DropdownItem>
-                <DropdownItem>Delete</DropdownItem>
+                <DropdownItem key="view">View</DropdownItem>
+                <DropdownItem key="edit">Edit</DropdownItem>
+                <DropdownItem key="delete">Delete</DropdownItem>
               </DropdownMenu>
             </Dropdown>
           </div>

apps/docs/content/components/time-input/controlled.raw.tsx

@@ -6,7 +6,7 @@ import {parseAbsoluteToLocal, Time, ZonedDateTime} from "@internationalized/date
 import {useDateFormatter} from "@react-aria/i18n";
 
 export default function App() {
-  let [value, setValue] = React.useState<TimeInputValue>(
+  let [value, setValue] = React.useState<TimeInputValue | null>(
     parseAbsoluteToLocal("2024-04-08T18:45:22Z"),
   );
 

apps/docs/content/components/time-input/granularity.raw.tsx

@@ -5,7 +5,7 @@ import {TimeInput} from "@nextui-org/react";
 import {parseAbsoluteToLocal} from "@internationalized/date";
 
 export default function App() {
-  let [date, setDate] = React.useState<TimeInputValue>(
+  let [date, setDate] = React.useState<TimeInputValue | null>(
     parseAbsoluteToLocal("2021-04-07T18:45:22Z"),
   );
 

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.5.5",
-    yarn: "yarn add @internationalized/date@3.5.5",
-    pnpm: "pnpm add @internationalized/date@3.5.5",
+    npm: "npm install @internationalized/date@3.6.0",
+    yarn: "yarn add @internationalized/date@3.6.0",
+    pnpm: "pnpm add @internationalized/date@3.6.0",
   }}
 />
 
@@ -129,9 +129,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.5.5 @react-aria/i18n@3.12.2",
-    yarn: "yarn add @internationalized/date@3.5.5 @react-aria/i18n@3.12.2",
-    pnpm: "pnpm add @internationalized/date@3.5.5 @react-aria/i18n@3.12.2",
+    npm: "npm install @internationalized/date@3.6.0 @react-aria/i18n@3.12.2",
+    yarn: "yarn add @internationalized/date@3.6.0 @react-aria/i18n@3.12.2",
+    pnpm: "pnpm add @internationalized/date@3.6.0 @react-aria/i18n@3.12.2",
   }}
 />
 
@@ -153,9 +153,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.5.5",
-    yarn: "yarn add @internationalized/date@3.5.5",
-    pnpm: "pnpm add @internationalized/date@3.5.5",
+    npm: "npm install @internationalized/date@3.6.0",
+    yarn: "yarn add @internationalized/date@3.6.0",
+    pnpm: "pnpm add @internationalized/date@3.6.0",
   }}
 />
 
@@ -177,9 +177,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.5.5 @react-aria/i18n@3.12.2",
-    yarn: "yarn add @internationalized/date@3.5.5 @react-aria/i18n@3.12.2",
-    pnpm: "pnpm add @internationalized/date@3.5.5 @react-aria/i18n@3.12.2",
+    npm: "npm install @internationalized/date@3.6.0 @react-aria/i18n@3.12.2",
+    yarn: "yarn add @internationalized/date@3.6.0 @react-aria/i18n@3.12.2",
+    pnpm: "pnpm add @internationalized/date@3.6.0 @react-aria/i18n@3.12.2",
   }}
 />
 
@@ -200,9 +200,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.5.5",
-    yarn: "yarn add @internationalized/date@3.5.5",
-    pnpm: "pnpm add @internationalized/date@3.5.5",
+    npm: "npm install @internationalized/date@3.6.0",
+    yarn: "yarn add @internationalized/date@3.6.0",
+    pnpm: "pnpm add @internationalized/date@3.6.0",
   }}
 />
 
@@ -223,9 +223,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.5.5",
-    yarn: "yarn add @internationalized/date@3.5.5",
-    pnpm: "pnpm add @internationalized/date@3.5.5",
+    npm: "npm install @internationalized/date@3.6.0",
+    yarn: "yarn add @internationalized/date@3.6.0",
+    pnpm: "pnpm add @internationalized/date@3.6.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.5.5",
-    yarn: "yarn add @internationalized/date@3.5.5",
-    pnpm: "pnpm add @internationalized/date@3.5.5",
+    npm: "npm install @internationalized/date@3.6.0",
+    yarn: "yarn add @internationalized/date@3.6.0",
+    pnpm: "pnpm add @internationalized/date@3.6.0",
   }}
 />
 
@@ -144,9 +144,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.5.5 @react-aria/i18n@3.12.2",
-    yarn: "yarn add @internationalized/date@3.5.5 @react-aria/i18n@3.12.2",
-    pnpm: "pnpm add @internationalized/date@3.5.5 @react-aria/i18n@3.12.2",
+    npm: "npm install @internationalized/date@3.6.0 @react-aria/i18n@3.12.2",
+    yarn: "yarn add @internationalized/date@3.6.0 @react-aria/i18n@3.12.2",
+    pnpm: "pnpm add @internationalized/date@3.6.0 @react-aria/i18n@3.12.2",
   }}
 />
 
@@ -168,9 +168,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.5.5",
-    yarn: "yarn add @internationalized/date@3.5.5",
-    pnpm: "pnpm add @internationalized/date@3.5.5",
+    npm: "npm install @internationalized/date@3.6.0",
+    yarn: "yarn add @internationalized/date@3.6.0",
+    pnpm: "pnpm add @internationalized/date@3.6.0",
   }}
 />
 
@@ -192,9 +192,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.5.5 @react-aria/i18n@3.12.2",
-    yarn: "yarn add @internationalized/date@3.5.5 @react-aria/i18n@3.12.2",
-    pnpm: "pnpm add @internationalized/date@3.5.5 @react-aria/i18n@3.12.2",
+    npm: "npm install @internationalized/date@3.6.0 @react-aria/i18n@3.12.2",
+    yarn: "yarn add @internationalized/date@3.6.0 @react-aria/i18n@3.12.2",
+    pnpm: "pnpm add @internationalized/date@3.6.0 @react-aria/i18n@3.12.2",
   }}
 />
 
@@ -214,9 +214,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.5.5 @react-aria/i18n@3.12.2",
-    yarn: "yarn add @internationalized/date@3.5.5 @react-aria/i18n@3.12.2",
-    pnpm: "pnpm add @internationalized/date@3.5.5 @react-aria/i18n@3.12.2",
+    npm: "npm install @internationalized/date@3.6.0 @react-aria/i18n@3.12.2",
+    yarn: "yarn add @internationalized/date@3.6.0 @react-aria/i18n@3.12.2",
+    pnpm: "pnpm add @internationalized/date@3.6.0 @react-aria/i18n@3.12.2",
   }}
 />
 
@@ -246,9 +246,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.5.5 @react-aria/i18n@3.12.2",
-    yarn: "yarn add @internationalized/date@3.5.5 @react-aria/i18n@3.12.2",
-    pnpm: "pnpm add @internationalized/date@3.5.5 @react-aria/i18n@3.12.2",
+    npm: "npm install @internationalized/date@3.6.0 @react-aria/i18n@3.12.2",
+    yarn: "yarn add @internationalized/date@3.6.0 @react-aria/i18n@3.12.2",
+    pnpm: "pnpm add @internationalized/date@3.6.0 @react-aria/i18n@3.12.2",
   }}
 />
 

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

@@ -136,9 +136,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.5.5",
-    yarn: "yarn add @internationalized/date@3.5.5",
-    pnpm: "pnpm add @internationalized/date@3.5.5",
+    npm: "npm install @internationalized/date@3.6.0",
+    yarn: "yarn add @internationalized/date@3.6.0",
+    pnpm: "pnpm add @internationalized/date@3.6.0",
   }}
 />
 
@@ -161,9 +161,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.5.5 @react-aria/i18n@3.12.2",
-    yarn: "yarn add @internationalized/date@3.5.5 @react-aria/i18n@3.12.2",
-    pnpm: "pnpm add @internationalized/date@3.5.5 @react-aria/i18n@3.12.2",
+    npm: "npm install @internationalized/date@3.6.0 @react-aria/i18n@3.12.2",
+    yarn: "yarn add @internationalized/date@3.6.0 @react-aria/i18n@3.12.2",
+    pnpm: "pnpm add @internationalized/date@3.6.0 @react-aria/i18n@3.12.2",
   }}
 />
 
@@ -185,9 +185,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.5.5",
-    yarn: "yarn add @internationalized/date@3.5.5",
-    pnpm: "pnpm add @internationalized/date@3.5.5",
+    npm: "npm install @internationalized/date@3.6.0",
+    yarn: "yarn add @internationalized/date@3.6.0",
+    pnpm: "pnpm add @internationalized/date@3.6.0",
   }}
 />
 
@@ -209,9 +209,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.5.5 @react-aria/i18n@3.12.2",
-    yarn: "yarn add @internationalized/date@3.5.5 @react-aria/i18n@3.12.2",
-    pnpm: "pnpm add @internationalized/date@3.5.5 @react-aria/i18n@3.12.2",
+    npm: "npm install @internationalized/date@3.6.0 @react-aria/i18n@3.12.2",
+    yarn: "yarn add @internationalized/date@3.6.0 @react-aria/i18n@3.12.2",
+    pnpm: "pnpm add @internationalized/date@3.6.0 @react-aria/i18n@3.12.2",
   }}
 />
 
@@ -231,9 +231,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.5.5 @react-aria/i18n@3.12.2",
-    yarn: "yarn add @internationalized/date@3.5.5 @react-aria/i18n@3.12.2",
-    pnpm: "pnpm add @internationalized/date@3.5.5 @react-aria/i18n@3.12.2",
+    npm: "npm install @internationalized/date@3.6.0 @react-aria/i18n@3.12.2",
+    yarn: "yarn add @internationalized/date@3.6.0 @react-aria/i18n@3.12.2",
+    pnpm: "pnpm add @internationalized/date@3.6.0 @react-aria/i18n@3.12.2",
   }}
 />
 
@@ -256,9 +256,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.5.5 @react-aria/i18n@3.12.2",
-    yarn: "yarn add @internationalized/date@3.5.5 @react-aria/i18n@3.12.2",
-    pnpm: "pnpm add @internationalized/date@3.5.5 @react-aria/i18n@3.12.2",
+    npm: "npm install @internationalized/date@3.6.0 @react-aria/i18n@3.12.2",
+    yarn: "yarn add @internationalized/date@3.6.0 @react-aria/i18n@3.12.2",
+    pnpm: "pnpm add @internationalized/date@3.6.0 @react-aria/i18n@3.12.2",
   }}
 />
 
@@ -276,9 +276,9 @@ in multiple formats into `ZonedDateTime` objects.
 
 <PackageManagers
   commands={{
-    npm: "npm install @internationalized/date@3.5.5 @react-aria/i18n@3.12.2",
-    yarn: "yarn add @internationalized/date@3.5.5 @react-aria/i18n@3.12.2",
-    pnpm: "pnpm add @internationalized/date@3.5.5 @react-aria/i18n@3.12.2",
+    npm: "npm install @internationalized/date@3.6.0 @react-aria/i18n@3.12.2",
+    yarn: "yarn add @internationalized/date@3.6.0 @react-aria/i18n@3.12.2",
+    pnpm: "pnpm add @internationalized/date@3.6.0 @react-aria/i18n@3.12.2",
   }}
 />
 

apps/docs/package.json

@@ -20,7 +20,7 @@
     "@emotion/is-prop-valid": "^1.3.1",
     "@iconify/icons-solar": "1.2.3",
     "@iconify/react": "5.0.2",
-    "@internationalized/date": "3.5.6",
+    "@internationalized/date": "3.6.0",
     "@mapbox/rehype-prism": "^0.6.0",
     "@nextui-org/aria-utils": "workspace:*",
     "@nextui-org/badge": "workspace:*",
@@ -40,17 +40,17 @@
     "@nextui-org/use-infinite-scroll": "workspace:*",
     "@nextui-org/use-is-mobile": "workspace:*",
     "@radix-ui/react-scroll-area": "^1.0.5",
-    "@react-aria/focus": "3.18.4",
-    "@react-aria/i18n": "3.12.3",
-    "@react-aria/interactions": "3.22.4",
-    "@react-aria/selection": "3.20.1",
-    "@react-aria/ssr": "3.9.6",
+    "@react-aria/focus": "3.19.0",
+    "@react-aria/i18n": "3.12.4",
+    "@react-aria/interactions": "3.22.5",
+    "@react-aria/selection": "3.21.0",
+    "@react-aria/ssr": "3.9.7",
     "@react-aria/utils": "3.26.0",
-    "@react-aria/virtualizer": "3.10.1",
-    "@react-aria/visually-hidden": "3.8.17",
-    "@react-stately/data": "3.11.4",
-    "@react-stately/layout": "3.13.9",
-    "@react-stately/tree": "3.8.1",
+    "@react-aria/virtualizer": "4.1.0",
+    "@react-aria/visually-hidden": "3.8.18",
+    "@react-stately/data": "3.12.0",
+    "@react-stately/layout": "4.1.0",
+    "@react-stately/tree": "3.8.6",
     "@rehooks/local-storage": "^2.4.5",
     "@tanstack/react-virtual": "3.10.9",
     "canvas-confetti": "^1.9.2",
@@ -104,9 +104,9 @@
     "@docusaurus/utils": "2.0.0-beta.3",
     "@next/bundle-analyzer": "14.3.0-canary.43",
     "@next/env": "14.3.0-canary.43",
-    "@react-types/calendar": "3.4.10",
-    "@react-types/datepicker": "3.8.3",
-    "@react-types/shared": "3.25.0",
+    "@react-types/calendar": "3.5.0",
+    "@react-types/datepicker": "3.9.0",
+    "@react-types/shared": "3.26.0",
     "@tailwindcss/typography": "^0.5.9",
     "@types/canvas-confetti": "^1.4.2",
     "@types/marked": "^5.0.0",

package.json

@@ -70,8 +70,8 @@
     "@commitlint/cli": "^17.2.0",
     "@commitlint/config-conventional": "^17.2.0",
     "@react-bootstrap/babel-preset": "^2.1.0",
-    "@react-types/link": "3.5.7",
-    "@react-types/shared": "3.25.0",
+    "@react-types/link": "3.5.9",
+    "@react-types/shared": "3.26.0",
     "@storybook/react": "^8.4.5",
     "@swc/core": "^1.3.35",
     "@swc/jest": "^0.2.24",

packages/components/accordion/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @nextui-org/accordion
 
+## 2.2.4
+
+### Patch Changes
+
+- [#4258](https://github.com/nextui-org/nextui/pull/4258) [`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with upstream RA versions
+
+- Updated dependencies [[`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3)]:
+  - @nextui-org/use-aria-accordion@2.2.2
+  - @nextui-org/aria-utils@2.2.4
+  - @nextui-org/divider@2.2.4
+  - @nextui-org/framer-utils@2.1.4
+
 ## 2.2.3
 
 ### Patch Changes

packages/components/accordion/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/accordion",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "description": "Collapse display a list of high-level options that can expand/collapse to reveal more information.",
   "keywords": [
     "react",
@@ -55,13 +55,13 @@
     "@nextui-org/divider": "workspace:*",
     "@nextui-org/use-aria-accordion": "workspace:*",
     "@nextui-org/dom-animation": "workspace:*",
-    "@react-aria/interactions": "3.22.4",
-    "@react-aria/focus": "3.18.4",
+    "@react-aria/interactions": "3.22.5",
+    "@react-aria/focus": "3.19.0",
     "@react-aria/utils": "3.26.0",
-    "@react-stately/tree": "3.8.5",
-    "@react-aria/button": "3.10.1",
-    "@react-types/accordion": "3.0.0-alpha.24",
-    "@react-types/shared": "3.25.0"
+    "@react-stately/tree": "3.8.6",
+    "@react-aria/button": "3.11.0",
+    "@react-types/accordion": "3.0.0-alpha.25",
+    "@react-types/shared": "3.26.0"
   },
   "devDependencies": {
     "@nextui-org/theme": "workspace:*",

packages/components/alert/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @nextui-org/alert
 
+## 2.2.4
+
+### Patch Changes
+
+- [#4258](https://github.com/nextui-org/nextui/pull/4258) [`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with upstream RA versions
+
+- Updated dependencies [[`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3)]:
+  - @nextui-org/button@2.2.4
+
 ## 2.2.3
 
 ### Patch Changes

packages/components/alert/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/alert",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "description": "Alerts are temporary notifications that provide concise feedback about an action or event.",
   "keywords": [
     "alert"
@@ -47,7 +47,7 @@
     "@nextui-org/react-utils": "workspace:*",
     "@nextui-org/shared-icons": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
-    "@react-stately/utils": "3.10.4",
+    "@react-stately/utils": "3.10.5",
     "@react-aria/utils": "3.26.0",
     "@nextui-org/button": "workspace:*"
   },

packages/components/autocomplete/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @nextui-org/autocomplete
 
+## 2.3.4
+
+### Patch Changes
+
+- [#4258](https://github.com/nextui-org/nextui/pull/4258) [`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with upstream RA versions
+
+- Updated dependencies [[`b16291b`](https://github.com/nextui-org/nextui/commit/b16291b2200229f0d0a9ea910e38f3f100f7931f), [`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3)]:
+  - @nextui-org/form@2.1.4
+  - @nextui-org/use-aria-button@2.2.2
+  - @nextui-org/aria-utils@2.2.4
+  - @nextui-org/listbox@2.3.4
+  - @nextui-org/popover@2.3.4
+  - @nextui-org/button@2.2.4
+  - @nextui-org/input@2.4.4
+  - @nextui-org/spinner@2.2.4
+  - @nextui-org/scroll-shadow@2.3.3
+
 ## 2.3.3
 
 ### Patch Changes

packages/components/autocomplete/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/autocomplete",
-  "version": "2.3.3",
+  "version": "2.3.4",
   "description": "An autocomplete combines a text input with a listbox, allowing users to filter a list of options to items matching a query.",
   "keywords": [
     "autocomplete"
@@ -54,15 +54,15 @@
     "@nextui-org/spinner": "workspace:*",
     "@nextui-org/use-aria-button": "workspace:*",
     "@nextui-org/use-safe-layout-effect": "workspace:*",
-    "@react-aria/combobox": "3.10.5",
-    "@react-aria/focus": "3.18.4",
-    "@react-aria/i18n": "3.12.3",
-    "@react-aria/interactions": "3.22.4",
+    "@react-aria/combobox": "3.11.0",
+    "@react-aria/focus": "3.19.0",
+    "@react-aria/i18n": "3.12.4",
+    "@react-aria/interactions": "3.22.5",
     "@react-aria/utils": "3.26.0",
-    "@react-aria/visually-hidden": "3.8.17",
-    "@react-stately/combobox": "3.10.0",
-    "@react-types/combobox": "3.13.0",
-    "@react-types/shared": "3.25.0"
+    "@react-aria/visually-hidden": "3.8.18",
+    "@react-stately/combobox": "3.10.1",
+    "@react-types/combobox": "3.13.1",
+    "@react-types/shared": "3.26.0"
   },
   "devDependencies": {
     "@nextui-org/avatar": "workspace:*",
@@ -71,7 +71,7 @@
     "@nextui-org/system": "workspace:*",
     "@nextui-org/theme": "workspace:*",
     "@nextui-org/use-infinite-scroll": "workspace:*",
-    "@react-stately/data": "3.11.7",
+    "@react-stately/data": "3.12.0",
     "clean-package": "2.2.0",
     "framer-motion": "11.9.0",
     "react": "^18.0.0",

packages/components/avatar/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nextui-org/avatar
 
+## 2.2.4
+
+### Patch Changes
+
+- [#4258](https://github.com/nextui-org/nextui/pull/4258) [`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with upstream RA versions
+
 ## 2.2.3
 
 ### Patch Changes

packages/components/avatar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/avatar",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "description": "The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.",
   "keywords": [
     "avatar"
@@ -43,8 +43,8 @@
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-utils": "workspace:*",
     "@nextui-org/use-image": "workspace:*",
-    "@react-aria/interactions": "3.22.4",
-    "@react-aria/focus": "3.18.4",
+    "@react-aria/interactions": "3.22.5",
+    "@react-aria/focus": "3.19.0",
     "@react-aria/utils": "3.26.0"
   },
   "devDependencies": {

packages/components/breadcrumbs/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nextui-org/breadcrumbs
 
+## 2.2.4
+
+### Patch Changes
+
+- [#4258](https://github.com/nextui-org/nextui/pull/4258) [`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with upstream RA versions
+
 ## 2.2.3
 
 ### Patch Changes

packages/components/breadcrumbs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/breadcrumbs",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "description": "Breadcrumbs display a hierarchy of links to the current page or resource in an application.",
   "keywords": [
     "breadcrumbs"
@@ -43,11 +43,11 @@
     "@nextui-org/react-utils": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/shared-icons": "workspace:*",
-    "@react-aria/focus": "3.18.4",
-    "@react-aria/breadcrumbs": "3.5.18",
+    "@react-aria/focus": "3.19.0",
+    "@react-aria/breadcrumbs": "3.5.19",
     "@react-aria/utils": "3.26.0",
-    "@react-types/breadcrumbs": "3.7.8",
-    "@react-types/shared": "3.25.0"
+    "@react-types/breadcrumbs": "3.7.9",
+    "@react-types/shared": "3.26.0"
   },
   "devDependencies": {
     "@nextui-org/theme": "workspace:*",

packages/components/button/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @nextui-org/button
 
+## 2.2.4
+
+### Patch Changes
+
+- [#4258](https://github.com/nextui-org/nextui/pull/4258) [`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with upstream RA versions
+
+- Updated dependencies [[`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3)]:
+  - @nextui-org/use-aria-button@2.2.2
+  - @nextui-org/spinner@2.2.4
+  - @nextui-org/ripple@2.2.3
+
 ## 2.2.3
 
 ### Patch Changes

packages/components/button/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/button",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "description": "Buttons allow users to perform actions and choose with a single tap.",
   "keywords": [
     "button"
@@ -46,12 +46,12 @@
     "@nextui-org/use-aria-button": "workspace:*",
     "@nextui-org/ripple": "workspace:*",
     "@nextui-org/spinner": "workspace:*",
-    "@react-aria/button": "3.10.1",
-    "@react-aria/interactions": "3.22.4",
+    "@react-aria/button": "3.11.0",
+    "@react-aria/interactions": "3.22.5",
     "@react-aria/utils": "3.26.0",
-    "@react-aria/focus": "3.18.4",
-    "@react-types/shared": "3.25.0",
-    "@react-types/button": "3.10.0"
+    "@react-aria/focus": "3.19.0",
+    "@react-types/shared": "3.26.0",
+    "@react-types/button": "3.10.1"
   },
   "devDependencies": {
     "@nextui-org/theme": "workspace:*",

packages/components/calendar/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @nextui-org/calendar
 
+## 2.2.4
+
+### Patch Changes
+
+- [#4258](https://github.com/nextui-org/nextui/pull/4258) [`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with upstream RA versions
+
+- Updated dependencies [[`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3)]:
+  - @nextui-org/use-aria-button@2.2.2
+  - @nextui-org/button@2.2.4
+  - @nextui-org/framer-utils@2.1.4
+
 ## 2.2.3
 
 ### Patch Changes

packages/components/calendar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/calendar",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "description": "A calendar displays one or more date grids and allows users to select a single date.",
   "keywords": [
     "calendar"
@@ -48,18 +48,18 @@
     "@nextui-org/use-aria-button": "workspace:*",
     "@nextui-org/button": "workspace:*",
     "@nextui-org/dom-animation": "workspace:*",
-    "@internationalized/date": "3.5.6",
-    "@react-aria/calendar": "3.5.13",
-    "@react-aria/focus": "3.18.4",
-    "@react-aria/i18n": "3.12.3",
-    "@react-stately/calendar": "3.5.5",
-    "@react-types/button": "3.10.0",
-    "@react-aria/visually-hidden": "3.8.17",
+    "@internationalized/date": "3.6.0",
+    "@react-aria/calendar": "3.6.0",
+    "@react-aria/focus": "3.19.0",
+    "@react-aria/i18n": "3.12.4",
+    "@react-stately/calendar": "3.6.0",
+    "@react-types/button": "3.10.1",
+    "@react-aria/visually-hidden": "3.8.18",
     "@react-aria/utils": "3.26.0",
-    "@react-stately/utils": "3.10.4",
-    "@react-types/calendar": "3.4.10",
-    "@react-aria/interactions": "3.22.4",
-    "@react-types/shared": "3.25.0",
+    "@react-stately/utils": "3.10.5",
+    "@react-types/calendar": "3.5.0",
+    "@react-aria/interactions": "3.22.5",
+    "@react-types/shared": "3.26.0",
     "scroll-into-view-if-needed": "3.0.10",
     "@types/lodash.debounce": "^4.0.7"
   },

packages/components/calendar/stories/calendar.stories.tsx

@@ -55,7 +55,7 @@ const defaultProps = {
 const Template = (args: CalendarProps) => <Calendar {...args} />;
 
 const ControlledTemplate = (args: CalendarProps) => {
-  let [value, setValue] = React.useState<DateValue>(parseDate("2024-03-07"));
+  let [value, setValue] = React.useState<DateValue | null>(parseDate("2024-03-07"));
 
   return (
     <div className="flex flex-wrap gap-4">
@@ -110,7 +110,7 @@ const UnavailableDatesTemplate = (args: CalendarProps) => {
 
 const ControlledFocusedValueTemplate = (args: CalendarProps) => {
   let defaultDate = today(getLocalTimeZone());
-  let [focusedDate, setFocusedDate] = React.useState<DateValue>(defaultDate);
+  let [focusedDate, setFocusedDate] = React.useState<DateValue | null>(defaultDate);
 
   return (
     <div className="flex flex-col gap-4">
@@ -133,7 +133,7 @@ const ControlledFocusedValueTemplate = (args: CalendarProps) => {
 };
 
 const InvalidDateTemplate = (args: CalendarProps) => {
-  let [date, setDate] = React.useState<DateValue>(today(getLocalTimeZone()));
+  let [date, setDate] = React.useState<DateValue | null>(today(getLocalTimeZone()));
   let {locale} = useLocale();
   let isInvalid = isWeekend(date, locale);
 
@@ -161,7 +161,7 @@ const InternationalCalendarsTemplate = (args: CalendarProps) => {
 
 const PresetsTemplate = (args: CalendarProps) => {
   let defaultDate = today(getLocalTimeZone());
-  let [value, setValue] = React.useState<DateValue>(defaultDate);
+  let [value, setValue] = React.useState<DateValue | null>(defaultDate);
   let {locale} = useLocale();
 
   let now = today(getLocalTimeZone());

packages/components/calendar/stories/range-calendar.stories.tsx

@@ -141,7 +141,7 @@ const ControlledFocusedValueTemplate = (args: RangeCalendarProps) => {
 };
 
 const InvalidDatesTemplate = (args: RangeCalendarProps) => {
-  let [date, setDate] = React.useState<RangeValue<DateValue>>({
+  let [date, setDate] = React.useState<RangeValue<DateValue> | null>({
     start: today(getLocalTimeZone()),
     end: today(getLocalTimeZone()).add({weeks: 1}),
   });
@@ -172,12 +172,12 @@ const InternationalCalendarsTemplate = (args: RangeCalendarProps) => {
 };
 
 const PresetsTemplate = (args: RangeCalendarProps) => {
-  let [value, setValue] = React.useState<RangeValue<DateValue>>({
+  let [value, setValue] = React.useState<RangeValue<DateValue> | null>({
     start: today(getLocalTimeZone()),
     end: today(getLocalTimeZone()).add({weeks: 1, days: 3}),
   });
 
-  let [focusedValue, setFocusedValue] = React.useState<DateValue>(today(getLocalTimeZone()));
+  let [focusedValue, setFocusedValue] = React.useState<DateValue | null>(today(getLocalTimeZone()));
 
   let {locale} = useLocale();
 

packages/components/card/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @nextui-org/card
 
+## 2.2.4
+
+### Patch Changes
+
+- [#4258](https://github.com/nextui-org/nextui/pull/4258) [`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with upstream RA versions
+
+- Updated dependencies [[`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3)]:
+  - @nextui-org/use-aria-button@2.2.2
+  - @nextui-org/ripple@2.2.3
+
 ## 2.2.3
 
 ### Patch Changes

packages/components/card/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/card",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "description": "Card is a container for text, photos, and actions in the context of a single subject.",
   "keywords": [
     "card"
@@ -45,11 +45,11 @@
     "@nextui-org/react-utils": "workspace:*",
     "@nextui-org/use-aria-button": "workspace:*",
     "@nextui-org/ripple": "workspace:*",
-    "@react-aria/focus": "3.18.4",
+    "@react-aria/focus": "3.19.0",
     "@react-aria/utils": "3.26.0",
-    "@react-aria/interactions": "3.22.4",
-    "@react-aria/button": "3.10.1",
-    "@react-types/shared": "3.25.0"
+    "@react-aria/interactions": "3.22.5",
+    "@react-aria/button": "3.11.0",
+    "@react-types/shared": "3.26.0"
   },
   "devDependencies": {
     "@nextui-org/theme": "workspace:*",

packages/components/checkbox/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @nextui-org/checkbox
 
+## 2.3.4
+
+### Patch Changes
+
+- [#4258](https://github.com/nextui-org/nextui/pull/4258) [`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with upstream RA versions
+
+- Updated dependencies [[`b16291b`](https://github.com/nextui-org/nextui/commit/b16291b2200229f0d0a9ea910e38f3f100f7931f), [`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3)]:
+  - @nextui-org/form@2.1.4
+
 ## 2.3.3
 
 ### Patch Changes

packages/components/checkbox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/checkbox",
-  "version": "2.3.3",
+  "version": "2.3.4",
   "description": "Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.",
   "keywords": [
     "checkbox"
@@ -45,15 +45,15 @@
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/use-callback-ref": "workspace:*",
     "@nextui-org/use-safe-layout-effect": "workspace:*",
-    "@react-aria/checkbox": "3.14.8",
-    "@react-aria/focus": "3.18.4",
-    "@react-aria/interactions": "3.22.4",
+    "@react-aria/checkbox": "3.15.0",
+    "@react-aria/focus": "3.19.0",
+    "@react-aria/interactions": "3.22.5",
     "@react-aria/utils": "3.26.0",
-    "@react-aria/visually-hidden": "3.8.17",
-    "@react-stately/checkbox": "3.6.9",
-    "@react-stately/toggle": "3.7.8",
-    "@react-types/checkbox": "3.8.4",
-    "@react-types/shared": "3.25.0"
+    "@react-aria/visually-hidden": "3.8.18",
+    "@react-stately/checkbox": "3.6.10",
+    "@react-stately/toggle": "3.8.0",
+    "@react-types/checkbox": "3.9.0",
+    "@react-types/shared": "3.26.0"
   },
   "devDependencies": {
     "@nextui-org/chip": "workspace:*",

packages/components/chip/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nextui-org/chip
 
+## 2.2.4
+
+### Patch Changes
+
+- [#4258](https://github.com/nextui-org/nextui/pull/4258) [`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with upstream RA versions
+
 ## 2.2.3
 
 ### Patch Changes

packages/components/chip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/chip",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "description": "Chips help people enter information, make selections, filter content, or trigger actions.",
   "keywords": [
     "chip"
@@ -43,10 +43,10 @@
     "@nextui-org/shared-icons": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-utils": "workspace:*",
-    "@react-aria/focus": "3.18.4",
-    "@react-aria/interactions": "3.22.4",
+    "@react-aria/focus": "3.19.0",
+    "@react-aria/interactions": "3.22.5",
     "@react-aria/utils": "3.26.0",
-    "@react-types/checkbox": "3.8.4"
+    "@react-types/checkbox": "3.9.0"
   },
   "devDependencies": {
     "@nextui-org/theme": "workspace:*",

packages/components/code/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @nextui-org/code
 
+## 2.2.4
+
+### Patch Changes
+
+- Updated dependencies [[`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3)]:
+  - @nextui-org/system-rsc@2.3.4
+
 ## 2.2.3
 
 ### Patch Changes

packages/components/code/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/code",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "description": "Code is a component used to display inline code.",
   "keywords": [
     "code"

packages/components/date-input/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @nextui-org/date-input
 
+## 2.3.4
+
+### Patch Changes
+
+- [#4258](https://github.com/nextui-org/nextui/pull/4258) [`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with upstream RA versions
+
+- Updated dependencies [[`b16291b`](https://github.com/nextui-org/nextui/commit/b16291b2200229f0d0a9ea910e38f3f100f7931f), [`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3)]:
+  - @nextui-org/form@2.1.4
+
 ## 2.3.3
 
 ### Patch Changes

packages/components/date-input/__tests__/date-input.test.tsx

@@ -294,7 +294,7 @@ describe("DateInput", () => {
 
     it("supports form reset", async () => {
       function Test() {
-        let [value, setValue] = React.useState<DateValue>(new CalendarDate(2020, 2, 3));
+        let [value, setValue] = React.useState<DateValue | null>(new CalendarDate(2020, 2, 3));
 
         return (
           <form>

packages/components/date-input/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/date-input",
-  "version": "2.3.3",
+  "version": "2.3.4",
   "description": "A date input allows users to enter and edit date and time values using a keyboard.",
   "keywords": [
     "date-field"
@@ -43,12 +43,12 @@
     "@nextui-org/form": "workspace:*",
     "@nextui-org/react-utils": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
-    "@internationalized/date": "3.5.6",
-    "@react-aria/datepicker": "3.11.4",
-    "@react-aria/i18n": "3.12.3",
-    "@react-stately/datepicker": "3.10.3",
-    "@react-types/datepicker": "3.8.3",
-    "@react-types/shared": "3.25.0",
+    "@internationalized/date": "3.6.0",
+    "@react-aria/datepicker": "3.12.0",
+    "@react-aria/i18n": "3.12.4",
+    "@react-stately/datepicker": "3.11.0",
+    "@react-types/datepicker": "3.9.0",
+    "@react-types/shared": "3.26.0",
     "@react-aria/utils": "3.26.0"
   },
   "devDependencies": {

packages/components/date-input/stories/date-input.stories.tsx

@@ -98,7 +98,7 @@ const LabelPlacementTemplate = (args: DateInputProps) => (
 );
 
 const ControlledTemplate = (args: DateInputProps) => {
-  const [value, setValue] = React.useState<DateValue>(parseDate("2024-04-04"));
+  const [value, setValue] = React.useState<DateValue | null>(parseDate("2024-04-04"));
 
   let formatter = useDateFormatter({dateStyle: "full"});
 
@@ -131,7 +131,9 @@ const TimeZonesTemplate = (args: DateInputProps) => (
 );
 
 const GranularityTemplate = (args: DateInputProps) => {
-  let [date, setDate] = React.useState<DateValue>(parseAbsoluteToLocal("2021-04-07T18:45:22Z"));
+  let [date, setDate] = React.useState<DateValue | null>(
+    parseAbsoluteToLocal("2021-04-07T18:45:22Z"),
+  );
 
   return (
     <div className="w-full max-w-xl flex flex-col items-start gap-4">
@@ -155,7 +157,9 @@ const GranularityTemplate = (args: DateInputProps) => {
 };
 
 const InternationalCalendarsTemplate = (args: DateInputProps) => {
-  let [date, setDate] = React.useState<DateValue>(parseAbsoluteToLocal("2021-04-07T18:45:22Z"));
+  let [date, setDate] = React.useState<DateValue | null>(
+    parseAbsoluteToLocal("2021-04-07T18:45:22Z"),
+  );
 
   return (
     <div className="flex flex-col gap-4">

packages/components/date-picker/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @nextui-org/date-picker
 
+## 2.3.4
+
+### Patch Changes
+
+- [#4258](https://github.com/nextui-org/nextui/pull/4258) [`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with upstream RA versions
+
+- Updated dependencies [[`b16291b`](https://github.com/nextui-org/nextui/commit/b16291b2200229f0d0a9ea910e38f3f100f7931f), [`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3)]:
+  - @nextui-org/form@2.1.4
+  - @nextui-org/date-input@2.3.4
+  - @nextui-org/aria-utils@2.2.4
+  - @nextui-org/calendar@2.2.4
+  - @nextui-org/popover@2.3.4
+  - @nextui-org/button@2.2.4
+
 ## 2.3.3
 
 ### Patch Changes

packages/components/date-picker/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/date-picker",
-  "version": "2.3.3",
+  "version": "2.3.4",
   "description": "A date picker combines a DateInput and a Calendar popover to allow users to enter or select a date and time value.",
   "keywords": [
     "date-picker"
@@ -41,7 +41,7 @@
     "react-dom": ">=18 || >=19.0.0-rc.0"
   },
   "dependencies": {
-    "@internationalized/date": "3.5.6",
+    "@internationalized/date": "3.6.0",
     "@nextui-org/aria-utils": "workspace:*",
     "@nextui-org/button": "workspace:*",
     "@nextui-org/calendar": "workspace:*",
@@ -51,14 +51,14 @@
     "@nextui-org/react-utils": "workspace:*",
     "@nextui-org/shared-icons": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
-    "@react-aria/datepicker": "3.11.4",
-    "@react-aria/i18n": "3.12.3",
+    "@react-aria/datepicker": "3.12.0",
+    "@react-aria/i18n": "3.12.4",
     "@react-aria/utils": "3.26.0",
-    "@react-stately/datepicker": "3.10.3",
-    "@react-stately/overlays": "3.6.11",
-    "@react-stately/utils": "3.10.4",
-    "@react-types/datepicker": "3.8.3",
-    "@react-types/shared": "3.25.0"
+    "@react-stately/datepicker": "3.11.0",
+    "@react-stately/overlays": "3.6.12",
+    "@react-stately/utils": "3.10.5",
+    "@react-types/datepicker": "3.9.0",
+    "@react-types/shared": "3.26.0"
   },
   "devDependencies": {
     "@nextui-org/radio": "workspace:*",

packages/components/date-picker/src/use-date-picker.ts

@@ -1,5 +1,5 @@
 import type {DateValue} from "@internationalized/date";
-import type {DateInputProps, TimeInputProps} from "@nextui-org/date-input";
+import type {DateInputProps} from "@nextui-org/date-input";
 import type {DatePickerState} from "@react-stately/datepicker";
 import type {ButtonProps} from "@nextui-org/button";
 import type {CalendarProps} from "@nextui-org/calendar";
@@ -163,7 +163,7 @@ export function useDatePicker<T extends DateValue>({
     } as DateInputProps;
   };
 
-  const getTimeInputProps = (): TimeInputProps => {
+  const getTimeInputProps = () => {
     if (!showTimeField) return {};
 
     return {

packages/components/date-picker/stories/date-picker.stories.tsx

@@ -114,7 +114,7 @@ const LabelPlacementTemplate = (args: DatePickerProps) => (
 );
 
 const ControlledTemplate = (args: DatePickerProps) => {
-  const [value, setValue] = React.useState<DateValue>(parseDate("2024-04-04"));
+  const [value, setValue] = React.useState<DateValue | null>(parseDate("2024-04-04"));
 
   let formatter = useDateFormatter({dateStyle: "full"});
 
@@ -149,7 +149,9 @@ const TimeZonesTemplate = (args: DatePickerProps) => (
 );
 
 const GranularityTemplate = (args: DatePickerProps) => {
-  let [date, setDate] = React.useState<DateValue>(parseAbsoluteToLocal("2021-04-07T18:45:22Z"));
+  let [date, setDate] = React.useState<DateValue | null>(
+    parseAbsoluteToLocal("2021-04-07T18:45:22Z"),
+  );
 
   return (
     <div className="w-full max-w-xl flex flex-col items-start gap-4">
@@ -182,7 +184,9 @@ const GranularityTemplate = (args: DatePickerProps) => {
 };
 
 const InternationalCalendarsTemplate = (args: DatePickerProps) => {
-  let [date, setDate] = React.useState<DateValue>(parseAbsoluteToLocal("2021-04-07T18:45:22Z"));
+  let [date, setDate] = React.useState<DateValue | null>(
+    parseAbsoluteToLocal("2021-04-07T18:45:22Z"),
+  );
 
   return (
     <div className="flex flex-col gap-4">
@@ -202,7 +206,7 @@ const InternationalCalendarsTemplate = (args: DatePickerProps) => {
 const PresetsTemplate = (args: DatePickerProps) => {
   let defaultDate = today(getLocalTimeZone());
 
-  const [value, setValue] = React.useState<DateValue>(defaultDate);
+  const [value, setValue] = React.useState<DateValue | null>(defaultDate);
 
   let {locale} = useLocale();
   let formatter = useDateFormatter({dateStyle: "full"});

packages/components/date-picker/stories/date-range-picker.stories.tsx

@@ -114,7 +114,7 @@ const LabelPlacementTemplate = (args: DateRangePickerProps) => (
 );
 
 const ControlledTemplate = (args: DateRangePickerProps) => {
-  const [value, setValue] = React.useState<RangeValue<DateValue>>({
+  const [value, setValue] = React.useState<RangeValue<DateValue> | null>({
     start: parseDate("2024-04-01"),
     end: parseDate("2024-04-08"),
   });
@@ -177,7 +177,7 @@ const TimeZonesTemplate = (args: DateRangePickerProps) => (
 );
 
 const GranularityTemplate = (args: DateRangePickerProps) => {
-  let [date, setDate] = React.useState<RangeValue<DateValue>>({
+  let [date, setDate] = React.useState<RangeValue<DateValue> | null>({
     start: parseAbsoluteToLocal("2024-04-01T18:45:22Z"),
     end: parseAbsoluteToLocal("2024-04-08T19:15:22Z"),
   });
@@ -205,7 +205,7 @@ const GranularityTemplate = (args: DateRangePickerProps) => {
 };
 
 const InternationalCalendarsTemplate = (args: DateRangePickerProps) => {
-  let [date, setDate] = React.useState<RangeValue<DateValue>>({
+  let [date, setDate] = React.useState<RangeValue<DateValue> | null>({
     start: parseAbsoluteToLocal("2021-04-01T18:45:22Z"),
     end: parseAbsoluteToLocal("2021-04-14T19:15:22Z"),
   });
@@ -271,7 +271,7 @@ const PresetsTemplate = (args: DateRangePickerProps) => {
     end: today(getLocalTimeZone()).add({days: 7}),
   };
 
-  const [value, setValue] = React.useState<RangeValue<DateValue>>(defaultDate);
+  const [value, setValue] = React.useState<RangeValue<DateValue> | null>(defaultDate);
 
   let {locale} = useLocale();
   let formatter = useDateFormatter({dateStyle: "full"});

packages/components/divider/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @nextui-org/divider
 
+## 2.2.4
+
+### Patch Changes
+
+- [#4258](https://github.com/nextui-org/nextui/pull/4258) [`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with upstream RA versions
+
+- Updated dependencies [[`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3)]:
+  - @nextui-org/system-rsc@2.3.4
+
 ## 2.2.3
 
 ### Patch Changes

packages/components/divider/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/divider",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "description": ". A separator is a visual divider between two groups of content",
   "keywords": [
     "divider"
@@ -42,7 +42,7 @@
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-rsc-utils": "workspace:*",
     "@nextui-org/system-rsc": "workspace:*",
-    "@react-types/shared": "3.25.0"
+    "@react-types/shared": "3.26.0"
   },
   "devDependencies": {
     "@nextui-org/theme": "workspace:*",

packages/components/drawer/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @nextui-org/drawer
 
+## 2.2.4
+
+### Patch Changes
+
+- Updated dependencies [[`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3)]:
+  - @nextui-org/modal@2.2.4
+  - @nextui-org/framer-utils@2.1.4
+
 ## 2.2.3
 
 ### Patch Changes

packages/components/drawer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/drawer",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "description": "Used to render a content that slides in from the side of the screen.",
   "keywords": [
     "drawer"

packages/components/dropdown/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @nextui-org/dropdown
 
+## 2.3.4
+
+### Patch Changes
+
+- [#4258](https://github.com/nextui-org/nextui/pull/4258) [`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with upstream RA versions
+
+- [#4278](https://github.com/nextui-org/nextui/pull/4278) [`26b33a5`](https://github.com/nextui-org/nextui/commit/26b33a51f0ae9d0bb1146277a8b61b839aa52393) Thanks [@wingkwong](https://github.com/wingkwong)! - fix unnecessary ref in dropdown (#4245)
+
+- Updated dependencies [[`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3)]:
+  - @nextui-org/aria-utils@2.2.4
+  - @nextui-org/popover@2.3.4
+  - @nextui-org/menu@2.2.4
+
 ## 2.3.3
 
 ### Patch Changes

packages/components/dropdown/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/dropdown",
-  "version": "2.3.3",
+  "version": "2.3.4",
   "description": "A dropdown displays a list of actions or options that a user can choose.",
   "keywords": [
     "dropdown"
@@ -46,11 +46,11 @@
     "@nextui-org/popover": "workspace:*",
     "@nextui-org/react-utils": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
-    "@react-aria/focus": "3.18.4",
-    "@react-aria/menu": "3.15.5",
+    "@react-aria/focus": "3.19.0",
+    "@react-aria/menu": "3.16.0",
     "@react-aria/utils": "3.26.0",
-    "@react-stately/menu": "3.8.3",
-    "@react-types/menu": "3.9.12"
+    "@react-stately/menu": "3.9.0",
+    "@react-types/menu": "3.9.13"
   },
   "devDependencies": {
     "@nextui-org/avatar": "workspace:*",

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

@@ -51,7 +51,7 @@ const getMenuItem = <T extends object>(props: Partial<MenuProps<T>> | undefined,
 
     if (mergedChildren && mergedChildren.length) {
       const item = ((mergedChildren as CollectionElement<T>[]).find((item) => {
-        if (item.key === key) {
+        if (item && item.key === key) {
           return item;
         }
       }) || {}) as {props: MenuProps};
@@ -164,18 +164,12 @@ export function useDropdown(props: UseDropdownProps): UseDropdownReturn {
     };
   };
 
-  const getMenuTriggerProps: PropGetter = (
-    originalProps = {},
-    _ref: Ref<any> | null | undefined = null,
-  ) => {
+  const getMenuTriggerProps: PropGetter = (originalProps = {}) => {
     // These props are not needed for the menu trigger since it is handled by the popover trigger.
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const {onPress, onPressStart, ...otherMenuTriggerProps} = menuTriggerProps;
 
-    return {
-      ...mergeProps(otherMenuTriggerProps, {isDisabled}, originalProps),
-      ref: mergeRefs(_ref, triggerRef),
-    };
+    return mergeProps(otherMenuTriggerProps, {isDisabled}, originalProps);
   };
 
   const getMenuProps = <T extends object>(
@@ -225,5 +219,5 @@ export type UseDropdownReturn = {
   disableAnimation: boolean;
   getPopoverProps: PropGetter;
   getMenuProps: <T extends object>(props?: Partial<MenuProps<T>>, ref?: Ref<any>) => MenuProps;
-  getMenuTriggerProps: (props?: any, ref?: Ref<any>) => any;
+  getMenuTriggerProps: (props?: any) => any;
 };

packages/components/form/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @nextui-org/form
 
+## 2.1.4
+
+### Patch Changes
+
+- [#4279](https://github.com/nextui-org/nextui/pull/4279) [`b16291b`](https://github.com/nextui-org/nextui/commit/b16291b2200229f0d0a9ea910e38f3f100f7931f) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Add ref support to Form component
+
+- [#4258](https://github.com/nextui-org/nextui/pull/4258) [`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with upstream RA versions
+
+- Updated dependencies [[`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3), [`455556e`](https://github.com/nextui-org/nextui/commit/455556e14278dd933b4acd1a136ea29879b49545)]:
+  - @nextui-org/system@2.4.4
+
 ## 2.1.3
 
 ### Patch Changes

packages/components/form/__tests__/form.test.tsx

@@ -0,0 +1,19 @@
+import * as React from "react";
+import {render} from "@testing-library/react";
+
+import {Form} from "../src";
+
+describe("Form", () => {
+  it("should render correctly", () => {
+    const wrapper = render(<Form />);
+
+    expect(() => wrapper.unmount()).not.toThrow();
+  });
+
+  it("ref should be forwarded", () => {
+    const ref = React.createRef<HTMLFormElement>();
+
+    render(<Form ref={ref} />);
+    expect(ref.current).not.toBeNull();
+  });
+});

packages/components/form/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/form",
-  "version": "2.1.3",
+  "version": "2.1.4",
   "description": "A form is a group of inputs that allows users submit data to a server and supports field validation errors.",
   "keywords": [
     "form"
@@ -45,9 +45,9 @@
     "@nextui-org/system": "workspace:*",
     "@nextui-org/theme": "workspace:*",
     "@react-aria/utils": "3.26.0",
-    "@react-types/shared": "3.25.0",
-    "@react-stately/form": "3.0.6",
-    "@react-types/form": "^3.7.8"
+    "@react-types/shared": "3.26.0",
+    "@react-stately/form": "3.1.0",
+    "@react-types/form": "3.7.8"
   },
   "devDependencies": {
     "@nextui-org/button": "workspace:*",

packages/components/form/src/form.tsx

@@ -1,11 +1,14 @@
+import type {ForwardedRef} from "react";
+
 import {useProviderContext} from "@nextui-org/system";
+import {forwardRef} from "react";
 
 import {Form as AriaForm, FormProps} from "./base-form";
 
-export const Form = (props: FormProps) => {
+export const Form = forwardRef(function Form(props: FormProps, ref: ForwardedRef<HTMLFormElement>) {
   const globalContext = useProviderContext();
   const validationBehavior =
     props.validationBehavior ?? globalContext?.validationBehavior ?? "aria";
 
-  return <AriaForm {...props} validationBehavior={validationBehavior} />;
-};
+  return <AriaForm {...props} ref={ref} validationBehavior={validationBehavior} />;
+});

packages/components/input-otp/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @nextui-org/input-otp
 
+## 2.1.4
+
+### Patch Changes
+
+- [#4258](https://github.com/nextui-org/nextui/pull/4258) [`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with upstream RA versions
+
+- Updated dependencies [[`b16291b`](https://github.com/nextui-org/nextui/commit/b16291b2200229f0d0a9ea910e38f3f100f7931f), [`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3)]:
+  - @nextui-org/form@2.1.4
+
 ## 2.1.3
 
 ### Patch Changes

packages/components/input-otp/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/input-otp",
-  "version": "2.1.3",
+  "version": "2.1.4",
   "description": "",
   "keywords": [
     "input-otp"
@@ -43,13 +43,13 @@
     "@nextui-org/form": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-utils": "workspace:*",
-    "@react-aria/utils": "3.24.1",
-    "@react-aria/form": "3.0.8",
-    "@react-stately/utils": "3.10.1",
-    "@react-stately/form": "3.0.5",
-    "@react-types/textfield": "3.9.3",
+    "@react-aria/utils": "3.26.0",
+    "@react-aria/form": "3.0.11",
+    "@react-stately/utils": "3.10.5",
+    "@react-stately/form": "3.1.0",
+    "@react-types/textfield": "3.10.0",
     "input-otp": "1.4.1",
-    "@react-aria/focus": "3.18.4"
+    "@react-aria/focus": "3.19.0"
   },
   "devDependencies": {
     "@nextui-org/theme": "workspace:*",

packages/components/input/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @nextui-org/input
 
+## 2.4.4
+
+### Patch Changes
+
+- [#4258](https://github.com/nextui-org/nextui/pull/4258) [`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with upstream RA versions
+
+- Updated dependencies [[`b16291b`](https://github.com/nextui-org/nextui/commit/b16291b2200229f0d0a9ea910e38f3f100f7931f), [`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3)]:
+  - @nextui-org/form@2.1.4
+
 ## 2.4.3
 
 ### Patch Changes

packages/components/input/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/input",
-  "version": "2.4.3",
+  "version": "2.4.4",
   "description": "The input component is designed for capturing user input within a text field.",
   "keywords": [
     "input"
@@ -45,13 +45,13 @@
     "@nextui-org/shared-icons": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/use-safe-layout-effect": "workspace:*",
-    "@react-aria/focus": "3.18.4",
-    "@react-aria/interactions": "3.22.4",
-    "@react-aria/textfield": "3.14.10",
+    "@react-aria/focus": "3.19.0",
+    "@react-aria/interactions": "3.22.5",
+    "@react-aria/textfield": "3.15.0",
     "@react-aria/utils": "3.26.0",
-    "@react-stately/utils": "3.10.4",
-    "@react-types/shared": "3.25.0",
-    "@react-types/textfield": "3.9.7",
+    "@react-stately/utils": "3.10.5",
+    "@react-types/shared": "3.26.0",
+    "@react-types/textfield": "3.10.0",
     "react-textarea-autosize": "^8.5.3"
   },
   "devDependencies": {

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

@@ -178,7 +178,7 @@ export function useInput<T extends HTMLInputElement | HTMLTextAreaElement = HTML
     validationDetails,
     descriptionProps,
     errorMessageProps,
-  } = useTextField(
+  } = useTextField<any>(
     {
       ...originalProps,
       validationBehavior,

packages/components/kbd/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @nextui-org/kbd
 
+## 2.2.4
+
+### Patch Changes
+
+- Updated dependencies [[`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3)]:
+  - @nextui-org/system-rsc@2.3.4
+
 ## 2.2.3
 
 ### Patch Changes

packages/components/kbd/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/kbd",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "description": "The keyboard key components indicates which key or set of keys used to execute a specificv  action",
   "keywords": [
     "kbd"

packages/components/link/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @nextui-org/link
 
+## 2.2.4
+
+### Patch Changes
+
+- [#4258](https://github.com/nextui-org/nextui/pull/4258) [`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with upstream RA versions
+
+- Updated dependencies [[`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3)]:
+  - @nextui-org/use-aria-link@2.2.2
+
 ## 2.2.3
 
 ### Patch Changes

packages/components/link/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/link",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "description": "Links allow users to click their way from page to page. This component is styled to resemble a hyperlink and semantically renders an <a>",
   "keywords": [
     "link"
@@ -44,10 +44,10 @@
     "@nextui-org/shared-icons": "workspace:*",
     "@nextui-org/react-utils": "workspace:*",
     "@nextui-org/use-aria-link": "workspace:*",
-    "@react-aria/link": "3.7.6",
+    "@react-aria/link": "3.7.7",
     "@react-aria/utils": "3.26.0",
-    "@react-aria/focus": "3.18.4",
-    "@react-types/link": "3.5.8"
+    "@react-aria/focus": "3.19.0",
+    "@react-types/link": "3.5.9"
   },
   "devDependencies": {
     "@nextui-org/theme": "workspace:*",

packages/components/listbox/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @nextui-org/listbox
 
+## 2.3.4
+
+### Patch Changes
+
+- [#4258](https://github.com/nextui-org/nextui/pull/4258) [`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with upstream RA versions
+
+- Updated dependencies [[`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3)]:
+  - @nextui-org/aria-utils@2.2.4
+  - @nextui-org/use-is-mobile@2.2.2
+  - @nextui-org/divider@2.2.4
+
 ## 2.3.3
 
 ### Patch Changes

packages/components/listbox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/listbox",
-  "version": "2.3.3",
+  "version": "2.3.4",
   "description": "A listbox displays a list of options and allows a user to select one or more of them.",
   "keywords": [
     "listbox"
@@ -47,12 +47,12 @@
     "@nextui-org/use-is-mobile": "workspace:*",
     "@tanstack/react-virtual": "3.10.9",
     "@react-aria/utils": "3.26.0",
-    "@react-aria/listbox": "3.13.5",
-    "@react-stately/list": "3.11.0",
-    "@react-aria/focus": "3.18.4",
-    "@react-aria/interactions": "3.22.4",
-    "@react-types/menu": "3.9.12",
-    "@react-types/shared": "3.25.0"
+    "@react-aria/listbox": "3.13.6",
+    "@react-stately/list": "3.11.1",
+    "@react-aria/focus": "3.19.0",
+    "@react-aria/interactions": "3.22.5",
+    "@react-types/menu": "3.9.13",
+    "@react-types/shared": "3.26.0"
   },
   "devDependencies": {
     "@nextui-org/avatar": "workspace:*",

packages/components/menu/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @nextui-org/menu
 
+## 2.2.4
+
+### Patch Changes
+
+- [#4258](https://github.com/nextui-org/nextui/pull/4258) [`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with upstream RA versions
+
+- Updated dependencies [[`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3)]:
+  - @nextui-org/aria-utils@2.2.4
+  - @nextui-org/use-aria-menu@2.2.2
+  - @nextui-org/use-is-mobile@2.2.2
+  - @nextui-org/divider@2.2.4
+
 ## 2.2.3
 
 ### Patch Changes

packages/components/menu/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/menu",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "description": "A menu displays a list of options and allows a user to select one or more of them.",
   "keywords": [
     "menu"
@@ -46,14 +46,14 @@
     "@nextui-org/shared-utils": "workspace:*",
     "@nextui-org/react-utils": "workspace:*",
     "@nextui-org/use-aria-menu": "workspace:*",
-    "@react-aria/focus": "3.18.4",
-    "@react-aria/interactions": "3.22.4",
-    "@react-aria/menu": "3.15.5",
+    "@react-aria/focus": "3.19.0",
+    "@react-aria/interactions": "3.22.5",
+    "@react-aria/menu": "3.16.0",
     "@react-aria/utils": "3.26.0",
-    "@react-stately/menu": "3.8.3",
-    "@react-stately/tree": "3.8.5",
-    "@react-types/menu": "3.9.12",
-    "@react-types/shared": "3.25.0"
+    "@react-stately/menu": "3.9.0",
+    "@react-stately/tree": "3.8.6",
+    "@react-types/menu": "3.9.13",
+    "@react-types/shared": "3.26.0"
   },
   "devDependencies": {
     "@nextui-org/theme": "workspace:*",

packages/components/modal/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @nextui-org/modal
 
+## 2.2.4
+
+### Patch Changes
+
+- [#4258](https://github.com/nextui-org/nextui/pull/4258) [`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with upstream RA versions
+
+- Updated dependencies [[`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3)]:
+  - @nextui-org/use-aria-modal-overlay@2.2.2
+  - @nextui-org/use-aria-button@2.2.2
+  - @nextui-org/use-disclosure@2.2.2
+  - @nextui-org/use-draggable@2.1.2
+  - @nextui-org/framer-utils@2.1.4
+
 ## 2.2.3
 
 ### Patch Changes

packages/components/modal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/modal",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "description": "Displays a dialog with a custom content that requires attention or provides additional information.",
   "keywords": [
     "modal"
@@ -50,13 +50,13 @@
     "@nextui-org/shared-icons": "workspace:*",
     "@nextui-org/use-aria-modal-overlay": "workspace:*",
     "@nextui-org/dom-animation": "workspace:*",
-    "@react-aria/dialog": "3.5.19",
-    "@react-aria/focus": "3.18.4",
-    "@react-aria/interactions": "3.22.4",
-    "@react-aria/overlays": "3.23.4",
+    "@react-aria/dialog": "3.5.20",
+    "@react-aria/focus": "3.19.0",
+    "@react-aria/interactions": "3.22.5",
+    "@react-aria/overlays": "3.24.0",
     "@react-aria/utils": "3.26.0",
-    "@react-stately/overlays": "3.6.11",
-    "@react-types/overlays": "3.8.10"
+    "@react-stately/overlays": "3.6.12",
+    "@react-types/overlays": "3.8.11"
   },
   "devDependencies": {
     "@nextui-org/theme": "workspace:*",

packages/components/navbar/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @nextui-org/navbar
 
+## 2.2.4
+
+### Patch Changes
+
+- [#4258](https://github.com/nextui-org/nextui/pull/4258) [`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with upstream RA versions
+
+- Updated dependencies [[`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3)]:
+  - @nextui-org/use-aria-toggle-button@2.2.2
+  - @nextui-org/framer-utils@2.1.4
+
 ## 2.2.3
 
 ### Patch Changes

packages/components/navbar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/navbar",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "description": "A responsive navigation header positioned on top side of your page that includes support for branding, links, navigation, collapse and more.",
   "keywords": [
     "navbar"
@@ -47,12 +47,12 @@
     "@nextui-org/use-aria-toggle-button": "workspace:*",
     "@nextui-org/use-scroll-position": "workspace:*",
     "@nextui-org/dom-animation": "workspace:*",
-    "@react-aria/focus": "3.18.4",
-    "@react-aria/interactions": "3.22.4",
-    "@react-aria/overlays": "3.23.4",
+    "@react-aria/focus": "3.19.0",
+    "@react-aria/interactions": "3.22.5",
+    "@react-aria/overlays": "3.24.0",
     "@react-aria/utils": "3.26.0",
-    "@react-stately/toggle": "3.7.8",
-    "@react-stately/utils": "3.10.4"
+    "@react-stately/toggle": "3.8.0",
+    "@react-stately/utils": "3.10.5"
   },
   "devDependencies": {
     "@nextui-org/theme": "workspace:*",

packages/components/pagination/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @nextui-org/pagination
 
+## 2.2.4
+
+### Patch Changes
+
+- [#4258](https://github.com/nextui-org/nextui/pull/4258) [`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with upstream RA versions
+
+- Updated dependencies [[`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3)]:
+  - @nextui-org/use-intersection-observer@2.2.2
+  - @nextui-org/use-pagination@2.2.2
+
 ## 2.2.3
 
 ### Patch Changes

packages/components/pagination/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/pagination",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "description": "The Pagination component allows you to display active page and navigate between multiple pages.",
   "keywords": [
     "pagination"
@@ -45,9 +45,9 @@
     "@nextui-org/shared-icons": "workspace:*",
     "@nextui-org/use-intersection-observer": "workspace:*",
     "@nextui-org/use-pagination": "workspace:*",
-    "@react-aria/focus": "3.18.4",
-    "@react-aria/i18n": "3.12.3",
-    "@react-aria/interactions": "3.22.4",
+    "@react-aria/focus": "3.19.0",
+    "@react-aria/i18n": "3.12.4",
+    "@react-aria/interactions": "3.22.5",
     "@react-aria/utils": "3.26.0",
     "scroll-into-view-if-needed": "3.0.10"
   },

packages/components/popover/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @nextui-org/popover
 
+## 2.3.4
+
+### Patch Changes
+
+- [#4258](https://github.com/nextui-org/nextui/pull/4258) [`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3) Thanks [@wingkwong](https://github.com/wingkwong)! - sync with upstream RA versions
+
+- Updated dependencies [[`1031e98`](https://github.com/nextui-org/nextui/commit/1031e985b71e69b8a7189ea049b9616257f820b3)]:
+  - @nextui-org/use-aria-button@2.2.2
+  - @nextui-org/aria-utils@2.2.4
+  - @nextui-org/button@2.2.4
+  - @nextui-org/framer-utils@2.1.4
+
 ## 2.3.3
 
 ### Patch Changes

packages/components/popover/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/popover",
-  "version": "2.3.3",
+  "version": "2.3.4",
   "description": "A popover is an overlay element positioned relative to a trigger.",
   "keywords": [
     "popover"
@@ -49,14 +49,14 @@
     "@nextui-org/use-aria-button": "workspace:*",
     "@nextui-org/use-safe-layout-effect": "workspace:*",
     "@nextui-org/dom-animation": "workspace:*",
-    "@react-aria/dialog": "3.5.19",
-    "@react-aria/focus": "3.18.4",
-    "@react-aria/interactions": "3.22.4",
-    "@react-aria/overlays": "3.23.4",
+    "@react-aria/dialog": "3.5.20",
+    "@react-aria/focus": "3.19.0",
+    "@react-aria/interactions": "3.22.5",
+    "@react-aria/overlays": "3.24.0",
     "@react-aria/utils": "3.26.0",
-    "@react-stately/overlays": "3.6.11",
-    "@react-types/button": "3.10.0",
-    "@react-types/overlays": "3.8.10"
+    "@react-stately/overlays": "3.6.12",
+    "@react-types/button": "3.10.1",
+    "@react-types/overlays": "3.8.11"
   },
   "devDependencies": {
     "@nextui-org/card": "workspace:*",

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

@@ -208,7 +208,7 @@ export function usePopover(originalProps: UsePopoverProps) {
     "data-focus": dataAttr(isFocused),
     "data-arrow": dataAttr(showArrow),
     "data-focus-visible": dataAttr(isFocusVisible),
-    "data-placement": getArrowPlacement(ariaPlacement, placementProp),
+    "data-placement": getArrowPlacement(ariaPlacement || "top", placementProp),
     ...mergeProps(focusProps, dialogPropsProp, props),
     className: slots.base({class: clsx(baseStyles)}),
     style: {
@@ -222,7 +222,7 @@ export function usePopover(originalProps: UsePopoverProps) {
       "data-slot": "content",
       "data-open": dataAttr(state.isOpen),
       "data-arrow": dataAttr(showArrow),
-      "data-placement": getArrowPlacement(ariaPlacement, placementProp),
+      "data-placement": getArrowPlacement(ariaPlacement || "top", placementProp),
       className: slots.content({class: clsx(classNames?.content, props.className)}),
     }),
     [slots, state.isOpen, showArrow, ariaPlacement, placementProp, classNames],
@@ -230,7 +230,7 @@ export function usePopover(originalProps: UsePopoverProps) {
 
   const placement = useMemo(
     () =>
-      getShouldUseAxisPlacement(ariaPlacement, placementProp)
+      getShouldUseAxisPlacement(ariaPlacement || "top", placementProp)
         ? ariaPlacement || placementProp
         : placementProp,
     [ariaPlacement, placementProp],