chore(deps): sync with upstream RA versions (#4258)

* chore(deps): sync with upstream RA versions

* chore(changeset): add changeset

* chore(form): remove caret

* chore(deps): pnpm-lock.yaml

* fix(tooltip): type 'null' is not assignable to type 'PlacementAxis'

* fix(deps): bump `@internationalized/date`

* chore(deps): sync `@react-types` versions

* fix(input): follow RAC typing in useTextField

* fix(popover): typecheck error

* fix: typecheck errors

* fix: typecheck errors

* fix(docs): bump RA versions

---------

Co-authored-by: Junior Garcia <[email protected]>

Author: wingkwong

.changeset/fast-lamps-accept.md

@@ -0,0 +1,55 @@
+---
+"@nextui-org/use-intersection-observer": patch
+"@nextui-org/use-aria-accordion-item": patch
+"@nextui-org/use-aria-modal-overlay": patch
+"@nextui-org/use-aria-toggle-button": patch
+"@nextui-org/use-aria-multiselect": patch
+"@nextui-org/use-aria-accordion": patch
+"@nextui-org/autocomplete": patch
+"@nextui-org/breadcrumbs": patch
+"@nextui-org/date-picker": patch
+"@nextui-org/date-input": patch
+"@nextui-org/pagination": patch
+"@nextui-org/use-aria-button": patch
+"@nextui-org/accordion": patch
+"@nextui-org/input-otp": patch
+"@nextui-org/use-disclosure": patch
+"@nextui-org/use-pagination": patch
+"@nextui-org/aria-utils": patch
+"@nextui-org/calendar": patch
+"@nextui-org/checkbox": patch
+"@nextui-org/dropdown": patch
+"@nextui-org/progress": patch
+"@nextui-org/use-aria-link": patch
+"@nextui-org/use-aria-menu": patch
+"@nextui-org/use-draggable": patch
+"@nextui-org/use-is-mobile": patch
+"@nextui-org/divider": patch
+"@nextui-org/listbox": patch
+"@nextui-org/popover": patch
+"@nextui-org/snippet": patch
+"@nextui-org/tooltip": patch
+"@nextui-org/avatar": patch
+"@nextui-org/button": patch
+"@nextui-org/navbar": patch
+"@nextui-org/select": patch
+"@nextui-org/slider": patch
+"@nextui-org/switch": patch
+"@nextui-org/alert": patch
+"@nextui-org/input": patch
+"@nextui-org/modal": patch
+"@nextui-org/radio": patch
+"@nextui-org/table": patch
+"@nextui-org/card": patch
+"@nextui-org/chip": patch
+"@nextui-org/form": patch
+"@nextui-org/link": patch
+"@nextui-org/menu": patch
+"@nextui-org/tabs": patch
+"@nextui-org/user": patch
+"@nextui-org/system-rsc": patch
+"@nextui-org/system": patch
+"@nextui-org/react": patch
+---
+
+sync with upstream RA versions

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/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">