feat: add form component (#3036)

* chore: add support validationBehavior aria

* chore: add validationBehavior to Provider

* chore: add autocomplete validation test

* chore: add checkbox validation test

* fix(input): require condition

* docs: add description of validationBehavior props

* chore: add support validationBehavior props for date components

* docs(dates): add description of validationBehavior props

* chore: add changeset

* chore: format

* chore: fix test

* fix: select validationBehavior is not support yet

* fix: select validationBehavior not supported yet

* feat: add form component with input support

* feat: add support form context

* chore: wip add support for  form server errors

* chore: add support checkbox server validation

* chore: add support radio server validation

* chore: update pnpm-lock.yaml

* chore: add support input server validation

* chore: add support autocomplete server validation

* chore(form): add server validation stories

* chore: fix test

* chore: add date-picker validation test

* chore: update form stories

* chore: add changeset

* chore: update react-aria version

* chore: add pnpm-lock.yaml

* chore: update react-aria version

* chore: add comment

* chore: update react-aria version

* chore: fix change set

* chore: export form component in the main package

* chore: upgrade react-aria

* chore: fixed internationalized/date version

* fix: build error

* chore: upgrade docs react-aria version

* fix: remove comment

* fix: debug setting

* chore(docs): update sponsor (#3904)

* chore(docs): remove Scrumbuiss

* chore(docs): remove Scrumbuiss logo

* chore(docs): replace va by posthog (#4123)

* chore(changeset): change to patch

* refactor: react-aria-components remove to decrease package size, logic moved to the form package

---------

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

.changeset/fuzzy-lies-brush.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/table": patch
+---
+
+The `layoutNode` prop has been removed due to the update to react-aria.

.changeset/polite-mails-kneel.md

@@ -0,0 +1,47 @@
+---
+"@nextui-org/accordion": patch
+"@nextui-org/avatar": patch
+"@nextui-org/breadcrumbs": patch
+"@nextui-org/button": patch
+"@nextui-org/calendar": patch
+"@nextui-org/card": patch
+"@nextui-org/chip": patch
+"@nextui-org/date-input": patch
+"@nextui-org/divider": patch
+"@nextui-org/dropdown": patch
+"@nextui-org/kbd": patch
+"@nextui-org/link": patch
+"@nextui-org/listbox": patch
+"@nextui-org/menu": patch
+"@nextui-org/modal": patch
+"@nextui-org/navbar": patch
+"@nextui-org/pagination": patch
+"@nextui-org/popover": patch
+"@nextui-org/progress": patch
+"@nextui-org/select": patch
+"@nextui-org/slider": patch
+"@nextui-org/snippet": patch
+"@nextui-org/switch": patch
+"@nextui-org/tabs": patch
+"@nextui-org/tooltip": patch
+"@nextui-org/user": patch
+"@nextui-org/react": patch
+"@nextui-org/system": patch
+"@nextui-org/system-rsc": patch
+"@nextui-org/use-aria-accordion": patch
+"@nextui-org/use-aria-accordion-item": patch
+"@nextui-org/use-aria-button": patch
+"@nextui-org/use-aria-link": patch
+"@nextui-org/use-aria-menu": patch
+"@nextui-org/use-aria-modal-overlay": patch
+"@nextui-org/use-aria-multiselect": patch
+"@nextui-org/use-aria-overlay": patch
+"@nextui-org/use-aria-toggle-button": patch
+"@nextui-org/use-disclosure": patch
+"@nextui-org/use-intersection-observer": patch
+"@nextui-org/use-is-mobile": patch
+"@nextui-org/use-pagination": patch
+"@nextui-org/aria-utils": patch
+---
+
+update react-aria version

.changeset/purple-berries-play.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/form": patch
+---
+
+add form component

.changeset/sharp-pianos-pump.md

@@ -0,0 +1,9 @@
+---
+"@nextui-org/autocomplete": patch
+"@nextui-org/checkbox": patch
+"@nextui-org/date-picker": patch
+"@nextui-org/input": patch
+"@nextui-org/radio": patch
+---
+
+support server validation with form

.vscode/settings.json

@@ -10,5 +10,5 @@
   },
   "tailwindCSS.experimental.classRegex": [
     ["([\"'`][^\"'`]*.*?[\"'`])", "[\"'`]([^\"'`]*).*?[\"'`]"]
-  ]
+  ],
 }

apps/docs/package.json

@@ -20,7 +20,7 @@
     "@emotion/is-prop-valid": "^1.3.1",
     "@iconify/icons-solar": "^1.2.3",
     "@iconify/react": "^4.1.1",
-    "@internationalized/date": "3.5.5",
+    "@internationalized/date": "3.5.6",
     "@mapbox/rehype-prism": "^0.6.0",
     "@nextui-org/aria-utils": "workspace:*",
     "@nextui-org/badge": "workspace:*",
@@ -39,14 +39,14 @@
     "@nextui-org/use-infinite-scroll": "workspace:*",
     "@nextui-org/use-is-mobile": "workspace:*",
     "@radix-ui/react-scroll-area": "^1.0.5",
-    "@react-aria/focus": "3.17.1",
-    "@react-aria/i18n": "3.11.1",
-    "@react-aria/interactions": "3.21.3",
-    "@react-aria/selection": "3.18.1",
-    "@react-aria/ssr": "3.9.4",
-    "@react-aria/utils": "3.24.1",
+    "@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/utils": "3.25.3",
     "@react-aria/virtualizer": "3.10.1",
-    "@react-aria/visually-hidden": "3.8.12",
+    "@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",
@@ -100,7 +100,7 @@
     "@docusaurus/utils": "2.0.0-beta.3",
     "@next/bundle-analyzer": "^13.4.6",
     "@next/env": "^13.4.12",
-    "@react-types/shared": "3.24.1",
+    "@react-types/shared": "3.25.0",
     "@tailwindcss/typography": "^0.5.9",
     "@types/canvas-confetti": "^1.4.2",
     "@types/marked": "^5.0.0",

package.json

@@ -69,9 +69,9 @@
     "@commitlint/cli": "^17.2.0",
     "@commitlint/config-conventional": "^17.2.0",
     "@react-bootstrap/babel-preset": "^2.1.0",
-    "@react-types/link": "^3.4.4",
-    "@react-types/shared": "3.24.1",
-    "@storybook/react": "^8.4.5",
+    "@react-types/link": "3.5.7",
+    "@react-types/shared": "3.25.0",
+   "@storybook/react": "^8.4.5",
     "@swc/core": "^1.3.35",
     "@swc/jest": "^0.2.24",
     "@testing-library/dom": "^10.4.0",

packages/components/accordion/package.json

@@ -55,13 +55,13 @@
     "@nextui-org/divider": "workspace:*",
     "@nextui-org/use-aria-accordion": "workspace:*",
     "@nextui-org/dom-animation": "workspace:*",
-    "@react-aria/interactions": "3.22.2",
-    "@react-aria/focus": "3.18.2",
-    "@react-aria/utils": "3.25.2",
-    "@react-stately/tree": "3.8.4",
-    "@react-aria/button": "3.9.8",
-    "@react-types/accordion": "3.0.0-alpha.23",
-    "@react-types/shared": "3.24.1"
+    "@react-aria/interactions": "3.22.4",
+    "@react-aria/focus": "3.18.4",
+    "@react-aria/utils": "3.25.3",
+    "@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"
   },
   "devDependencies": {
     "@nextui-org/theme": "workspace:*",

packages/components/alert/package.json

@@ -47,9 +47,9 @@
     "@nextui-org/react-utils": "workspace:*",
     "@nextui-org/shared-icons": "workspace:*",
     "@nextui-org/shared-utils": "workspace:*",
-    "@nextui-org/button": "workspace:*",
-    "@react-stately/utils": "3.10.1",
-    "@react-aria/utils": "3.24.1"
+    "@react-stately/utils": "3.10.4",
+    "@react-aria/utils": "3.25.3",
+    "@nextui-org/button": "workspace:*"
   },
   "devDependencies": {
     "@nextui-org/system": "workspace:*",