ci(changesets): version packages (beta) (#4095)

* feat: add react-window virtualization for autocomplete

* fix: wrong imports and wrong sizing

* fix: update pnpm lock

* chore: add test cases for large dataset (1000 and 10000 items)

* chore: move virtualized-listbox to listbox components folder, implement isVirtualized conditional

* feat: implement dynamic listboxheight n item height, add story

* chore: rename props, remove unnecessary line changes

* fix: maxHeight style 256px for default, conditional usage of virtualizer

* feat: migrate to tan-stack virtual. (todo: fix scroll shadow)

* feat: virtualization support

---------

Co-authored-by: Vincentius Roger Kuswara <vincentiusrkuswara@gmail.com>

.changeset/calm-trees-serve.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/theme": patch
+---
+
+fix label placement in input and select

.changeset/cold-dolls-vanish.md

@@ -0,0 +1,6 @@
+---
+"@nextui-org/drawer": patch
+"@nextui-org/modal": patch
+---
+
+Drawer styles and transition improved

.changeset/config.json

@@ -8,7 +8,7 @@
   "fixed": [],
   "linked": [],
   "access": "public",
-  "baseBranch": "canary",
+  "baseBranch": "main",
   "updateInternalDependencies": "patch",
   "___experimentalUnsafeOptions_WILL_CHANGE_IN_PATCH": {
     "onlyUpdatePeerDependentsWhenOutOfRange": true

.changeset/curly-zoos-thank.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/listbox": patch
+---
+
+change ListboxItem key to optional (#3880)

.changeset/dirty-moles-refuse.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/autocomplete": patch
+---
+
+Clicking the clear button clears the selected value without closing the dropdown. (#3788)

.changeset/dull-bags-divide.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/select": patch
+---
+
+update label placement in Select to use `shouldLabelBeOutside` instead of `isOutsideLeft`, resolving multiline label placement issues (#3841).

.changeset/empty-helper-wrapper-div.md

@@ -0,0 +1,6 @@
+---
+"@nextui-org/select": patch
+"@nextui-org/input": patch
+---
+
+- Fixed a UI sliding issue caused by the helper wrapper being rendered when `isInvalid` was false but `errorMessage` was present

.changeset/famous-experts-buy.md

@@ -0,0 +1,86 @@
+---
+"@nextui-org/accordion": patch
+"@nextui-org/alert": patch
+"@nextui-org/autocomplete": patch
+"@nextui-org/avatar": patch
+"@nextui-org/badge": patch
+"@nextui-org/breadcrumbs": patch
+"@nextui-org/button": patch
+"@nextui-org/calendar": patch
+"@nextui-org/card": patch
+"@nextui-org/checkbox": patch
+"@nextui-org/chip": patch
+"@nextui-org/code": patch
+"@nextui-org/date-input": patch
+"@nextui-org/date-picker": patch
+"@nextui-org/divider": patch
+"@nextui-org/drawer": patch
+"@nextui-org/dropdown": patch
+"@nextui-org/image": patch
+"@nextui-org/input": 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/radio": patch
+"@nextui-org/ripple": patch
+"@nextui-org/scroll-shadow": patch
+"@nextui-org/select": patch
+"@nextui-org/skeleton": patch
+"@nextui-org/slider": patch
+"@nextui-org/snippet": patch
+"@nextui-org/spacer": patch
+"@nextui-org/spinner": patch
+"@nextui-org/switch": patch
+"@nextui-org/table": 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/theme": 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-toggle-button": patch
+"@nextui-org/use-callback-ref": patch
+"@nextui-org/use-clipboard": patch
+"@nextui-org/use-data-scroll-overflow": patch
+"@nextui-org/use-disclosure": patch
+"@nextui-org/use-draggable": patch
+"@nextui-org/use-image": patch
+"@nextui-org/use-infinite-scroll": patch
+"@nextui-org/use-intersection-observer": patch
+"@nextui-org/use-is-mobile": patch
+"@nextui-org/use-is-mounted": patch
+"@nextui-org/use-measure": patch
+"@nextui-org/use-pagination": patch
+"@nextui-org/use-real-shape": patch
+"@nextui-org/use-ref-state": patch
+"@nextui-org/use-resize": patch
+"@nextui-org/use-safe-layout-effect": patch
+"@nextui-org/use-scroll-position": patch
+"@nextui-org/use-ssr": patch
+"@nextui-org/use-theme": patch
+"@nextui-org/use-update-effect": patch
+"@nextui-org/aria-utils": patch
+"@nextui-org/dom-animation": patch
+"@nextui-org/framer-utils": patch
+"@nextui-org/react-rsc-utils": patch
+"@nextui-org/react-utils": patch
+"@nextui-org/shared-icons": patch
+"@nextui-org/shared-utils": patch
+"@nextui-org/test-utils": patch
+---
+
+Test new runner

.changeset/fast-horses-explode.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/theme": patch
+---
+
+fix the fullWidth variant in input and select component. (#3745)

.changeset/few-jars-flow.md

@@ -0,0 +1,65 @@
+---
+"@nextui-org/table": minor
+"@nextui-org/accordion": minor
+"@nextui-org/alert": minor
+"@nextui-org/autocomplete": minor
+"@nextui-org/avatar": minor
+"@nextui-org/badge": minor
+"@nextui-org/breadcrumbs": minor
+"@nextui-org/button": minor
+"@nextui-org/calendar": minor
+"@nextui-org/card": minor
+"@nextui-org/checkbox": minor
+"@nextui-org/chip": minor
+"@nextui-org/date-input": minor
+"@nextui-org/date-picker": minor
+"@nextui-org/dropdown": minor
+"@nextui-org/input": minor
+"@nextui-org/code": minor
+"@nextui-org/divider": minor
+"@nextui-org/image": minor
+"@nextui-org/drawer": minor
+"@nextui-org/kbd": minor
+"@nextui-org/link": minor
+"@nextui-org/listbox": minor
+"@nextui-org/menu": minor
+"@nextui-org/modal": minor
+"@nextui-org/navbar": minor
+"@nextui-org/pagination": minor
+"@nextui-org/popover": minor
+"@nextui-org/progress": minor
+"@nextui-org/radio": minor
+"@nextui-org/scroll-shadow": minor
+"@nextui-org/ripple": minor
+"@nextui-org/select": minor
+"@nextui-org/slider": minor
+"@nextui-org/skeleton": minor
+"@nextui-org/spacer": minor
+"@nextui-org/spinner": minor
+"@nextui-org/snippet": minor
+"@nextui-org/switch": minor
+"@nextui-org/tabs": minor
+"@nextui-org/tooltip": minor
+"@nextui-org/user": minor
+"@nextui-org/react": minor
+"@nextui-org/system": minor
+"@nextui-org/theme": minor
+"@nextui-org/system-rsc": minor
+"@nextui-org/use-aria-accordion": minor
+"@nextui-org/use-aria-accordion-item": minor
+"@nextui-org/use-aria-button": minor
+"@nextui-org/use-aria-link": minor
+"@nextui-org/use-aria-menu": minor
+"@nextui-org/use-aria-modal-overlay": minor
+"@nextui-org/use-aria-multiselect": minor
+"@nextui-org/use-aria-toggle-button": minor
+"@nextui-org/use-disclosure": minor
+"@nextui-org/use-intersection-observer": minor
+"@nextui-org/use-is-mobile": minor
+"@nextui-org/use-pagination": minor
+"@nextui-org/aria-utils": minor
+"@nextui-org/use-ssr": minor
+"@nextui-org/use-theme": minor
+---
+
+update react-aria version

.changeset/flat-pants-accept.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/date-picker": patch
+---
+
+Fixes getCalendarProps to propagate the classNames in the calendarProps. (#3769)

.changeset/forty-doors-flash.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/theme": patch
+---
+
+remove the pseudo cancel btn from input (#3907)

.changeset/gentle-needles-rescue.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/use-image": patch
+---
+
+use-image hook logic restore to the previous one to avoid nextjs hydration issues

.changeset/giant-worms-hammer.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/theme": patch
+---
+
+replace the use of RTL-specific styles with logical properties.

.changeset/grumpy-mayflies-rhyme.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/theme": patch
+---
+
+bump `tailwind-merge` version (#3614)

.changeset/happy-parrots-search.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/theme": patch
+---
+
+apply tw nested group (#3544, #2324, #2959)

.changeset/kind-cobras-travel.md

@@ -0,0 +1,6 @@
+---
+"@nextui-org/calendar": patch
+"@nextui-org/date-picker": patch
+---
+
+Add month and year picker to DateRangePicker and RangeCalendar (#3089, #3090)

.changeset/kind-insects-end.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/use-image": patch
+---
+
+server validation added to the use-image hook

.changeset/light-needles-behave.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/use-theme": patch
+---
+
+introduce `use-theme` hook

.changeset/mean-mangos-occur.md

@@ -0,0 +1,8 @@
+---
+"@nextui-org/calendar": patch
+"@nextui-org/theme": patch
+"@nextui-org/use-infinite-scroll": patch
+"@nextui-org/shared-utils": patch
+---
+
+replaced lodash with native approaches

.changeset/mighty-birds-deny.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/autocomplete": patch
+---
+
+Return null if there are items for exit animation on popover close to work

.changeset/moody-rabbits-shop.md

@@ -0,0 +1,7 @@
+---
+"@nextui-org/calendar": patch
+"@nextui-org/tabs": patch
+"@nextui-org/shared-utils": patch
+---
+
+support inert value with boolean type for react 19 (#4038)

.changeset/neat-donkeys-accept.md

@@ -0,0 +1,6 @@
+---
+"@nextui-org/date-picker": patch
+"@nextui-org/theme": patch
+---
+
+Add support for selectorButtonPlacement property (#3015)

.changeset/new-cougars-collect.md

@@ -0,0 +1,6 @@
+---
+"@nextui-org/alert": patch
+"@nextui-org/theme": patch
+---
+
+Alert styles improved

.changeset/pink-beans-sit.md

@@ -0,0 +1,6 @@
+---
+"@nextui-org/use-image": patch
+"@nextui-org/test-utils": patch
+---
+
+fix cached image flashing due to use-image always returning pending initially. The fix was to check if the image is loaded instantly through HTMLImageElement.complete attribute and use that to initialize the state.

.changeset/plenty-scissors-love.md

@@ -0,0 +1,77 @@
+---
+"@nextui-org/accordion": patch
+"@nextui-org/alert": patch
+"@nextui-org/autocomplete": patch
+"@nextui-org/avatar": patch
+"@nextui-org/badge": patch
+"@nextui-org/breadcrumbs": patch
+"@nextui-org/button": patch
+"@nextui-org/calendar": patch
+"@nextui-org/card": patch
+"@nextui-org/checkbox": patch
+"@nextui-org/chip": patch
+"@nextui-org/code": patch
+"@nextui-org/date-input": patch
+"@nextui-org/date-picker": patch
+"@nextui-org/divider": patch
+"@nextui-org/drawer": patch
+"@nextui-org/dropdown": patch
+"@nextui-org/image": patch
+"@nextui-org/input": 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/radio": patch
+"@nextui-org/ripple": patch
+"@nextui-org/scroll-shadow": patch
+"@nextui-org/select": patch
+"@nextui-org/skeleton": patch
+"@nextui-org/slider": patch
+"@nextui-org/snippet": patch
+"@nextui-org/spacer": patch
+"@nextui-org/spinner": patch
+"@nextui-org/switch": patch
+"@nextui-org/table": 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/theme": 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-toggle-button": patch
+"@nextui-org/use-clipboard": patch
+"@nextui-org/use-data-scroll-overflow": patch
+"@nextui-org/use-disclosure": patch
+"@nextui-org/use-draggable": patch
+"@nextui-org/use-image": patch
+"@nextui-org/use-infinite-scroll": patch
+"@nextui-org/use-intersection-observer": patch
+"@nextui-org/use-is-mobile": patch
+"@nextui-org/use-pagination": patch
+"@nextui-org/use-real-shape": patch
+"@nextui-org/use-ref-state": patch
+"@nextui-org/use-theme": patch
+"@nextui-org/aria-utils": patch
+"@nextui-org/dom-animation": patch
+"@nextui-org/framer-utils": patch
+"@nextui-org/react-utils": patch
+"@nextui-org/shared-icons": patch
+"@nextui-org/shared-utils": patch
+"@nextui-org/test-utils": patch
+---
+
+Beta 1

.changeset/poor-moose-double.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/theme": patch
+---
+
+added stripe color gradients for progress (#1933)

.changeset/poor-sheep-repair.md

@@ -0,0 +1,6 @@
+---
+"@nextui-org/alert": patch
+"@nextui-org/theme": patch
+---
+
+introduced Alert component (#2250)

.changeset/popular-pigs-begin.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/autocomplete": patch
+---
+
+automatically focus first non-disabled item

.changeset/pre.json

@@ -0,0 +1,144 @@
+{
+  "mode": "pre",
+  "tag": "beta",
+  "initialVersions": {
+    "@nextui-org/docs": "2.0.0",
+    "@nextui-org/accordion": "2.0.40",
+    "@nextui-org/alert": "2.0.0",
+    "@nextui-org/autocomplete": "2.1.7",
+    "@nextui-org/avatar": "2.0.33",
+    "@nextui-org/badge": "2.0.32",
+    "@nextui-org/breadcrumbs": "2.0.13",
+    "@nextui-org/button": "2.0.38",
+    "@nextui-org/calendar": "2.0.12",
+    "@nextui-org/card": "2.0.34",
+    "@nextui-org/checkbox": "2.1.5",
+    "@nextui-org/chip": "2.0.33",
+    "@nextui-org/code": "2.0.33",
+    "@nextui-org/date-input": "2.1.4",
+    "@nextui-org/date-picker": "2.1.8",
+    "@nextui-org/divider": "2.0.32",
+    "@nextui-org/drawer": "2.0.0",
+    "@nextui-org/dropdown": "2.1.31",
+    "@nextui-org/image": "2.0.32",
+    "@nextui-org/input": "2.2.5",
+    "@nextui-org/kbd": "2.0.34",
+    "@nextui-org/link": "2.0.35",
+    "@nextui-org/listbox": "2.1.27",
+    "@nextui-org/menu": "2.0.30",
+    "@nextui-org/modal": "2.0.41",
+    "@nextui-org/navbar": "2.0.37",
+    "@nextui-org/pagination": "2.0.36",
+    "@nextui-org/popover": "2.1.29",
+    "@nextui-org/progress": "2.0.34",
+    "@nextui-org/radio": "2.1.5",
+    "@nextui-org/ripple": "2.0.33",
+    "@nextui-org/scroll-shadow": "2.1.20",
+    "@nextui-org/select": "2.2.7",
+    "@nextui-org/skeleton": "2.0.32",
+    "@nextui-org/slider": "2.2.17",
+    "@nextui-org/snippet": "2.0.43",
+    "@nextui-org/spacer": "2.0.33",
+    "@nextui-org/spinner": "2.0.34",
+    "@nextui-org/switch": "2.0.34",
+    "@nextui-org/table": "2.0.40",
+    "@nextui-org/tabs": "2.0.37",
+    "@nextui-org/tooltip": "2.0.41",
+    "@nextui-org/user": "2.0.34",
+    "@nextui-org/react": "2.4.8",
+    "@nextui-org/system": "2.2.6",
+    "@nextui-org/system-rsc": "2.1.6",
+    "@nextui-org/theme": "2.2.11",
+    "@nextui-org/use-aria-accordion": "2.0.7",
+    "@nextui-org/use-aria-accordion-item": "2.0.10",
+    "@nextui-org/use-aria-button": "2.0.10",
+    "@nextui-org/use-aria-link": "2.0.19",
+    "@nextui-org/use-aria-menu": "2.0.7",
+    "@nextui-org/use-aria-modal-overlay": "2.0.13",
+    "@nextui-org/use-aria-multiselect": "2.2.5",
+    "@nextui-org/use-aria-toggle-button": "2.0.10",
+    "@nextui-org/use-callback-ref": "2.0.6",
+    "@nextui-org/use-clipboard": "2.0.7",
+    "@nextui-org/use-data-scroll-overflow": "2.1.7",
+    "@nextui-org/use-disclosure": "2.0.10",
+    "@nextui-org/use-draggable": "2.0.0",
+    "@nextui-org/use-image": "2.0.6",
+    "@nextui-org/use-infinite-scroll": "2.1.5",
+    "@nextui-org/use-intersection-observer": "2.0.5",
+    "@nextui-org/use-is-mobile": "2.0.9",
+    "@nextui-org/use-is-mounted": "2.0.6",
+    "@nextui-org/use-measure": "2.0.2",
+    "@nextui-org/use-pagination": "2.0.10",
+    "@nextui-org/use-real-shape": "2.0.17",
+    "@nextui-org/use-ref-state": "2.0.7",
+    "@nextui-org/use-resize": "2.0.6",
+    "@nextui-org/use-safe-layout-effect": "2.0.6",
+    "@nextui-org/use-scroll-position": "2.0.9",
+    "@nextui-org/use-ssr": "2.0.6",
+    "@nextui-org/use-theme": "2.0.0",
+    "@nextui-org/use-update-effect": "2.0.6",
+    "@nextui-org/storybook": "2.0.0",
+    "@nextui-org/aria-utils": "2.0.26",
+    "@nextui-org/dom-animation": "2.0.0",
+    "@nextui-org/framer-utils": "2.0.25",
+    "@nextui-org/react-rsc-utils": "2.0.14",
+    "@nextui-org/react-utils": "2.0.17",
+    "@nextui-org/shared-icons": "2.0.9",
+    "@nextui-org/shared-utils": "2.0.8",
+    "@nextui-org/stories-utils": "2.0.3",
+    "@nextui-org/test-utils": "2.0.6"
+  },
+  "changesets": [
+    "calm-trees-serve",
+    "cold-dolls-vanish",
+    "curly-zoos-thank",
+    "dirty-moles-refuse",
+    "dull-bags-divide",
+    "empty-helper-wrapper-div",
+    "famous-experts-buy",
+    "fast-horses-explode",
+    "few-jars-flow",
+    "flat-pants-accept",
+    "forty-doors-flash",
+    "gentle-needles-rescue",
+    "giant-worms-hammer",
+    "grumpy-mayflies-rhyme",
+    "happy-parrots-search",
+    "kind-cobras-travel",
+    "kind-insects-end",
+    "light-needles-behave",
+    "mean-mangos-occur",
+    "mighty-birds-deny",
+    "moody-rabbits-shop",
+    "neat-donkeys-accept",
+    "new-cougars-collect",
+    "pink-beans-sit",
+    "plenty-scissors-love",
+    "poor-moose-double",
+    "poor-sheep-repair",
+    "popular-pigs-begin",
+    "proud-chicken-impress",
+    "quick-geckos-punch",
+    "red-camels-build",
+    "selfish-baboons-know",
+    "shy-mails-live",
+    "silly-candles-wonder",
+    "sixty-ties-knock",
+    "slimy-cats-brush",
+    "slow-paws-punch",
+    "smooth-mayflies-wonder",
+    "soft-apricots-sleep",
+    "sour-seas-buy",
+    "swift-news-complain",
+    "tame-planes-think",
+    "ten-paws-relate",
+    "tender-buses-sort",
+    "thirty-cheetahs-guess",
+    "tricky-fans-draw",
+    "twelve-papayas-clean",
+    "twelve-trains-smile",
+    "two-waves-own",
+    "wild-jobs-explain",
+    "witty-socks-bathe"
+  ]
+}

.changeset/proud-chicken-impress.md

@@ -0,0 +1,7 @@
+---
+"@nextui-org/autocomplete": patch
+"@nextui-org/listbox": patch
+"@nextui-org/theme": patch
+---
+
+Virtualization support added to Listbox & Autocomplete

.changeset/quick-geckos-punch.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/theme": patch
+---
+
+separator icon RTL support in Breadcrumbs component (#2486)

.changeset/red-camels-build.md

@@ -0,0 +1,86 @@
+---
+"@nextui-org/accordion": patch
+"@nextui-org/alert": patch
+"@nextui-org/autocomplete": patch
+"@nextui-org/avatar": patch
+"@nextui-org/badge": patch
+"@nextui-org/breadcrumbs": patch
+"@nextui-org/button": patch
+"@nextui-org/calendar": patch
+"@nextui-org/card": patch
+"@nextui-org/checkbox": patch
+"@nextui-org/chip": patch
+"@nextui-org/code": patch
+"@nextui-org/date-input": patch
+"@nextui-org/date-picker": patch
+"@nextui-org/divider": patch
+"@nextui-org/drawer": patch
+"@nextui-org/dropdown": patch
+"@nextui-org/image": patch
+"@nextui-org/input": 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/radio": patch
+"@nextui-org/ripple": patch
+"@nextui-org/scroll-shadow": patch
+"@nextui-org/select": patch
+"@nextui-org/skeleton": patch
+"@nextui-org/slider": patch
+"@nextui-org/snippet": patch
+"@nextui-org/spacer": patch
+"@nextui-org/spinner": patch
+"@nextui-org/switch": patch
+"@nextui-org/table": 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/theme": 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-toggle-button": patch
+"@nextui-org/use-callback-ref": patch
+"@nextui-org/use-clipboard": patch
+"@nextui-org/use-data-scroll-overflow": patch
+"@nextui-org/use-disclosure": patch
+"@nextui-org/use-draggable": patch
+"@nextui-org/use-image": patch
+"@nextui-org/use-infinite-scroll": patch
+"@nextui-org/use-intersection-observer": patch
+"@nextui-org/use-is-mobile": patch
+"@nextui-org/use-is-mounted": patch
+"@nextui-org/use-measure": patch
+"@nextui-org/use-pagination": patch
+"@nextui-org/use-real-shape": patch
+"@nextui-org/use-ref-state": patch
+"@nextui-org/use-resize": patch
+"@nextui-org/use-safe-layout-effect": patch
+"@nextui-org/use-scroll-position": patch
+"@nextui-org/use-ssr": patch
+"@nextui-org/use-theme": patch
+"@nextui-org/use-update-effect": patch
+"@nextui-org/aria-utils": patch
+"@nextui-org/dom-animation": patch
+"@nextui-org/framer-utils": patch
+"@nextui-org/react-rsc-utils": patch
+"@nextui-org/react-utils": patch
+"@nextui-org/shared-icons": patch
+"@nextui-org/shared-utils": patch
+"@nextui-org/test-utils": patch
+---
+
+React 19 added to peerDeps

.changeset/selfish-baboons-know.md

@@ -0,0 +1,7 @@
+---
+"@nextui-org/alert": patch
+"@nextui-org/theme": patch
+"@nextui-org/shared-icons": patch
+---
+
+Alert design improved

.changeset/shy-mails-live.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/image": patch
+---
+
+add missing `w` to `getWrapperProps` dependency (#3801)

.changeset/silly-candles-wonder.md

@@ -0,0 +1,86 @@
+---
+"@nextui-org/accordion": patch
+"@nextui-org/alert": patch
+"@nextui-org/autocomplete": patch
+"@nextui-org/avatar": patch
+"@nextui-org/badge": patch
+"@nextui-org/breadcrumbs": patch
+"@nextui-org/button": patch
+"@nextui-org/calendar": patch
+"@nextui-org/card": patch
+"@nextui-org/checkbox": patch
+"@nextui-org/chip": patch
+"@nextui-org/code": patch
+"@nextui-org/date-input": patch
+"@nextui-org/date-picker": patch
+"@nextui-org/divider": patch
+"@nextui-org/drawer": patch
+"@nextui-org/dropdown": patch
+"@nextui-org/image": patch
+"@nextui-org/input": 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/radio": patch
+"@nextui-org/ripple": patch
+"@nextui-org/scroll-shadow": patch
+"@nextui-org/select": patch
+"@nextui-org/skeleton": patch
+"@nextui-org/slider": patch
+"@nextui-org/snippet": patch
+"@nextui-org/spacer": patch
+"@nextui-org/spinner": patch
+"@nextui-org/switch": patch
+"@nextui-org/table": 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/theme": 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-toggle-button": patch
+"@nextui-org/use-callback-ref": patch
+"@nextui-org/use-clipboard": patch
+"@nextui-org/use-data-scroll-overflow": patch
+"@nextui-org/use-disclosure": patch
+"@nextui-org/use-draggable": patch
+"@nextui-org/use-image": patch
+"@nextui-org/use-infinite-scroll": patch
+"@nextui-org/use-intersection-observer": patch
+"@nextui-org/use-is-mobile": patch
+"@nextui-org/use-is-mounted": patch
+"@nextui-org/use-measure": patch
+"@nextui-org/use-pagination": patch
+"@nextui-org/use-real-shape": patch
+"@nextui-org/use-ref-state": patch
+"@nextui-org/use-resize": patch
+"@nextui-org/use-safe-layout-effect": patch
+"@nextui-org/use-scroll-position": patch
+"@nextui-org/use-ssr": patch
+"@nextui-org/use-theme": patch
+"@nextui-org/use-update-effect": patch
+"@nextui-org/aria-utils": patch
+"@nextui-org/dom-animation": patch
+"@nextui-org/framer-utils": patch
+"@nextui-org/react-rsc-utils": patch
+"@nextui-org/react-utils": patch
+"@nextui-org/shared-icons": patch
+"@nextui-org/shared-utils": patch
+"@nextui-org/test-utils": patch
+---
+
+framer-motion alpha version added

.changeset/sixty-ties-knock.md

@@ -0,0 +1,6 @@
+---
+"@nextui-org/alert": patch
+"@nextui-org/theme": patch
+---
+
+Alert compoentn styles improved

.changeset/slimy-cats-brush.md

@@ -0,0 +1,4 @@
+---
+---
+
+Update Twitter logo, links, and named references to X. Removed Twitter logo from social based on review feedback.

.changeset/slow-paws-punch.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/popover": patch
+---
+
+added `shouldCloseOnScroll` to control the popover closing on scroll (#3594)

.changeset/smooth-mayflies-wonder.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/tabs": patch
+---
+
+Add tab ref

.changeset/soft-apricots-sleep.md

@@ -0,0 +1,6 @@
+---
+"@nextui-org/modal": patch
+"@nextui-org/use-draggable": patch
+---
+
+Add draggable modal (#2647)

.changeset/sour-seas-buy.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/menu": patch
+---
+
+Use `useMenu` and `useMenuItem` from `@react-aria` instead of custom hooks

.changeset/swift-news-complain.md

@@ -0,0 +1,15 @@
+---
+"@nextui-org/accordion": patch
+"@nextui-org/calendar": patch
+"@nextui-org/modal": patch
+"@nextui-org/navbar": patch
+"@nextui-org/popover": patch
+"@nextui-org/ripple": patch
+"@nextui-org/tooltip": patch
+"@nextui-org/theme": patch
+"@nextui-org/use-infinite-scroll": patch
+"@nextui-org/dom-animation": patch
+"@nextui-org/shared-utils": patch
+---
+
+framer motion optimization (#3340)

.changeset/tame-planes-think.md

@@ -0,0 +1,86 @@
+---
+"@nextui-org/accordion": patch
+"@nextui-org/alert": patch
+"@nextui-org/autocomplete": patch
+"@nextui-org/avatar": patch
+"@nextui-org/badge": patch
+"@nextui-org/breadcrumbs": patch
+"@nextui-org/button": patch
+"@nextui-org/calendar": patch
+"@nextui-org/card": patch
+"@nextui-org/checkbox": patch
+"@nextui-org/chip": patch
+"@nextui-org/code": patch
+"@nextui-org/date-input": patch
+"@nextui-org/date-picker": patch
+"@nextui-org/divider": patch
+"@nextui-org/drawer": patch
+"@nextui-org/dropdown": patch
+"@nextui-org/image": patch
+"@nextui-org/input": 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/radio": patch
+"@nextui-org/ripple": patch
+"@nextui-org/scroll-shadow": patch
+"@nextui-org/select": patch
+"@nextui-org/skeleton": patch
+"@nextui-org/slider": patch
+"@nextui-org/snippet": patch
+"@nextui-org/spacer": patch
+"@nextui-org/spinner": patch
+"@nextui-org/switch": patch
+"@nextui-org/table": 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/theme": 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-toggle-button": patch
+"@nextui-org/use-callback-ref": patch
+"@nextui-org/use-clipboard": patch
+"@nextui-org/use-data-scroll-overflow": patch
+"@nextui-org/use-disclosure": patch
+"@nextui-org/use-draggable": patch
+"@nextui-org/use-image": patch
+"@nextui-org/use-infinite-scroll": patch
+"@nextui-org/use-intersection-observer": patch
+"@nextui-org/use-is-mobile": patch
+"@nextui-org/use-is-mounted": patch
+"@nextui-org/use-measure": patch
+"@nextui-org/use-pagination": patch
+"@nextui-org/use-real-shape": patch
+"@nextui-org/use-ref-state": patch
+"@nextui-org/use-resize": patch
+"@nextui-org/use-safe-layout-effect": patch
+"@nextui-org/use-scroll-position": patch
+"@nextui-org/use-ssr": patch
+"@nextui-org/use-theme": patch
+"@nextui-org/use-update-effect": patch
+"@nextui-org/aria-utils": patch
+"@nextui-org/dom-animation": patch
+"@nextui-org/framer-utils": patch
+"@nextui-org/react-rsc-utils": patch
+"@nextui-org/react-utils": patch
+"@nextui-org/shared-icons": patch
+"@nextui-org/shared-utils": patch
+"@nextui-org/test-utils": patch
+---
+
+Pnpm clean

.changeset/ten-paws-relate.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/popover": patch
+---
+
+Fix: element.ref was removed in React 19

.changeset/tender-buses-sort.md

@@ -0,0 +1,86 @@
+---
+"@nextui-org/accordion": patch
+"@nextui-org/alert": patch
+"@nextui-org/autocomplete": patch
+"@nextui-org/avatar": patch
+"@nextui-org/badge": patch
+"@nextui-org/breadcrumbs": patch
+"@nextui-org/button": patch
+"@nextui-org/calendar": patch
+"@nextui-org/card": patch
+"@nextui-org/checkbox": patch
+"@nextui-org/chip": patch
+"@nextui-org/code": patch
+"@nextui-org/date-input": patch
+"@nextui-org/date-picker": patch
+"@nextui-org/divider": patch
+"@nextui-org/drawer": patch
+"@nextui-org/dropdown": patch
+"@nextui-org/image": patch
+"@nextui-org/input": 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/radio": patch
+"@nextui-org/ripple": patch
+"@nextui-org/scroll-shadow": patch
+"@nextui-org/select": patch
+"@nextui-org/skeleton": patch
+"@nextui-org/slider": patch
+"@nextui-org/snippet": patch
+"@nextui-org/spacer": patch
+"@nextui-org/spinner": patch
+"@nextui-org/switch": patch
+"@nextui-org/table": 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/theme": 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-toggle-button": patch
+"@nextui-org/use-callback-ref": patch
+"@nextui-org/use-clipboard": patch
+"@nextui-org/use-data-scroll-overflow": patch
+"@nextui-org/use-disclosure": patch
+"@nextui-org/use-draggable": patch
+"@nextui-org/use-image": patch
+"@nextui-org/use-infinite-scroll": patch
+"@nextui-org/use-intersection-observer": patch
+"@nextui-org/use-is-mobile": patch
+"@nextui-org/use-is-mounted": patch
+"@nextui-org/use-measure": patch
+"@nextui-org/use-pagination": patch
+"@nextui-org/use-real-shape": patch
+"@nextui-org/use-ref-state": patch
+"@nextui-org/use-resize": patch
+"@nextui-org/use-safe-layout-effect": patch
+"@nextui-org/use-scroll-position": patch
+"@nextui-org/use-ssr": patch
+"@nextui-org/use-theme": patch
+"@nextui-org/use-update-effect": patch
+"@nextui-org/aria-utils": patch
+"@nextui-org/dom-animation": patch
+"@nextui-org/framer-utils": patch
+"@nextui-org/react-rsc-utils": patch
+"@nextui-org/react-utils": patch
+"@nextui-org/shared-icons": patch
+"@nextui-org/shared-utils": patch
+"@nextui-org/test-utils": patch
+---
+
+Fix build 2

.changeset/thirty-cheetahs-guess.md

@@ -0,0 +1,20 @@
+---
+"@nextui-org/accordion": patch
+"@nextui-org/autocomplete": patch
+"@nextui-org/button": patch
+"@nextui-org/calendar": patch
+"@nextui-org/card": patch
+"@nextui-org/dropdown": patch
+"@nextui-org/modal": patch
+"@nextui-org/navbar": patch
+"@nextui-org/popover": patch
+"@nextui-org/ripple": patch
+"@nextui-org/select": patch
+"@nextui-org/snippet": patch
+"@nextui-org/tabs": patch
+"@nextui-org/tooltip": patch
+"@nextui-org/system": patch
+"@nextui-org/framer-utils": patch
+---
+
+update `framer-motion` versions

.changeset/tricky-fans-draw.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/theme": patch
+---
+
+show margin only with label in Switch component (#3791)

.changeset/twelve-papayas-clean.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/tabs": patch
+---
+
+revise the inert attribute in `TabPanel` (#3972)

.changeset/twelve-trains-smile.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/theme": patch
+---
+
+making input and select styling consistent(#3876)

.changeset/two-waves-own.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/input": patch
+---
+
+clear button should not receive focus when input is disabled.

.changeset/wild-jobs-explain.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/use-image": patch
+---
+
+fix Image ReferenceError in SSR

.changeset/witty-socks-bathe.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/theme": patch
+---
+
+add missing `data-[hover=true]:` for ghost button with danger color

.eslintrc.json

@@ -87,6 +87,7 @@
         "prev": ["const", "let", "var"],
         "next": ["const", "let", "var"]
       }
-    ]
+    ],
+    "import/consistent-type-specifier-style": ["error", "prefer-top-level"]
   }
 }

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -28,7 +28,9 @@ body:
       description: |
         Please provide the version of NextUI you are using.
         You can find the version number in the package.json file.
-      placeholder: ex. 2.0.10
+        For global installation, please state the version only. (e.g. 2.4.2)
+        For individual installation, please state the package name as well. (e.g. @nextui-org/button@2.0.34)
+      placeholder: ex. 2.4.2
     validations:
       required: true
   - type: textarea
@@ -103,6 +105,6 @@ body:
         - "Safari"
         - "Edge"
         - "Opera"
-        - "Other (add additonal context)"
+        - "Other (add additional context)"
     validations:
-      required: true
+      required: true

.github/ISSUE_TEMPLATE/config.yml

@@ -6,6 +6,6 @@ contact_links:
   - name: 💬 Discord Community Chat
     url: https://discord.gg/9b6yyZKmH4
     about: Ask quick questions or simply chat on the `NextUI` community Discord server.
-  - name: 💬 New Updates (Twitter)
-    url: https://twitter.com/getnextui
-    about: Link to our twitter account if you want to follow us and stay up to date with NextUI news
+  - name: 💬 New Updates (X)
+    url: https://x.com/getnextui
+    about: Link to our X account if you want to follow us and stay up to date with NextUI news

.github/common-actions/install/action.yml

@@ -5,12 +5,10 @@ runs:
   using: composite
   steps:
     - name: Install dependencies
-      uses: pnpm/action-setup@v2.2.4
-      with:
-        version: 8
+      uses: pnpm/action-setup@v4
 
     - name: Setup Node.js
-      uses: actions/setup-node@v3
+      uses: actions/setup-node@v4
       with:
         node-version-file: ".nvmrc"
         registry-url: "https://registry.npmjs.org"

.github/pull_request_template.md

@@ -11,15 +11,15 @@ Closes # <!-- Github issue # here -->
 
 ## 📝 Description
 
-> Add a brief description
+<!--- Add a brief description -->
 
 ## ⛳️ Current behavior (updates)
 
-> Please describe the current behavior that you are modifying
+<!--- Please describe the current behavior that you are modifying -->
 
 ## 🚀 New behavior
 
-> Please describe the behavior or changes this PR adds
+<!--- Please describe the behavior or changes this PR adds -->
 
 ## 💣 Is this a breaking change (Yes/No):
 

.github/workflows/QA.yaml

@@ -11,7 +11,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout branch
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Install
         uses: ./.github/common-actions/install
@@ -24,7 +24,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout branch
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Install
         uses: ./.github/common-actions/install
@@ -37,7 +37,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout branch
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Install
         uses: ./.github/common-actions/install
@@ -50,7 +50,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout branch
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Install
         uses: ./.github/common-actions/install
@@ -63,7 +63,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout branch
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Install
         uses: ./.github/common-actions/install

.github/workflows/enter-pre-release-mode.yaml

@@ -0,0 +1,33 @@
+name: Enter pre-release mode
+on: workflow_dispatch
+
+jobs:
+  enter-pre-release-mode:
+    if: ${{ github.ref == 'refs/heads/beta/release-next' || github.ref == 'refs/heads/canary' }}
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+      pull-requests: write
+      id-token: write
+    steps:
+      - name: Checkout branch
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Install
+        uses: ./.github/common-actions/install
+
+      - name: Enter pre-release mode
+        id: enter-pre-release-mode
+        run: |
+          git config user.email "41898282+github-actions[bot]@users.noreply.github.com"
+          git config user.name "github-actions[bot]"
+          if [ ${{ github.ref }} == 'refs/heads/canary' ]; then
+            pnpm changeset:canary
+          else
+            pnpm changeset:beta
+          fi
+          git add -A
+          git commit -m 'chore(pre-release): enter pre-release mode'
+          git push

.github/workflows/exit-pre-release.yaml

@@ -0,0 +1,37 @@
+name: Exit pre-release mode
+
+on: workflow_dispatch
+jobs:
+  exit-pre-release-mode:
+    if: ${{ github.ref == 'refs/heads/beta/release-next' || github.ref == 'refs/heads/canary' }}
+    name: exit pre-release mode
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+      pull-requests: write
+      id-token: write
+
+    steps:
+      - name: Checkout branch
+        uses: actions/checkout@v3
+        with:
+          ref: ${{ github.event.inputs.branch }}
+          fetch-depth: 0
+
+      - name: Install
+        uses: ./.github/common-actions/install
+
+      - name: remove pre.json
+        # we only remove .changeset/pre.json here 
+        # since we want to keep the changeset files introduced in beta/release-next or canary branch
+        # once we merge it to canary / main, those files will be removed in version PR in canary 
+        # and converted to corresponding changelogs
+        run: npx rimraf .changeset/pre.json
+
+      - name: Commit and push changes
+        run: |
+          git config user.email "41898282+github-actions[bot]@users.noreply.github.com"
+          git config user.name "github-actions[bot]"
+          git add -A
+          git commit -m "ci(changesets): exit pre-release mode"
+          git push

.github/workflows/pre-release.yaml

@@ -0,0 +1,79 @@
+name: Pre-release
+
+on:
+  push:
+    paths:
+      - ".changeset/**"
+      - "packages/**"
+    branches:
+      - "beta/release-next"
+      - "canary"
+
+concurrency: ${{ github.workflow }}-${{ github.ref }}
+
+jobs:
+  prerelease:
+    name: changesets pre-release
+    runs-on: ubuntu-latest-m
+    permissions:
+      contents: write
+      pull-requests: write
+      id-token: write
+    steps:
+      - name: Checkout branch
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Install
+        uses: ./.github/common-actions/install
+
+      - name: Check if pre.json exists
+        id: check_if_pre_json_exists
+        uses: andstor/file-existence-action@v3.0.0
+        with:
+          files: ".changeset/pre.json"
+
+      - name: Get pre-release changesets
+        id: get-pre-release-changesets
+        uses: notiz-dev/github-action-json-property@release
+        with:
+          path: ".changeset/pre.json"
+          prop_path: "changesets"
+
+      - name: Create pre-release PR
+        id: create-pre-release-pr
+        if: "${{ steps.check_if_pre_json_exists.outputs.files_exists == 'true' && !startsWith(github.event.head_commit.message, 'ci(changesets): version packages') }}"
+        uses: changesets/action@v1
+        with:
+          version: pnpm run version
+          title: "ci(changesets): :package: version packages"
+          commit: "ci(changesets): version packages"
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Debug condition values
+        run: |
+          echo "pre.json exists: ${{ steps.check_if_pre_json_exists.outputs.files_exists }}"
+          echo "Commit message: ${{ github.event.head_commit.message }}"
+          echo "Contains version packages: ${{ contains(github.event.head_commit.message, 'ci(changesets): version packages') }}"
+          echo "Full condition would be: ${{ steps.check_if_pre_json_exists.outputs.files_exists == 'true' && contains(github.event.head_commit.message, 'ci(changesets): version packages') }}"
+
+      - name: Tests
+        if: "${{ steps.check_if_pre_json_exists.outputs.files_exists == 'true' && contains(github.event.head_commit.message, 'ci(changesets): version packages') }}"
+        run: pnpm test
+
+      - name: Build
+        if: "${{ steps.check_if_pre_json_exists.outputs.files_exists == 'true' && contains(github.event.head_commit.message, 'ci(changesets): version packages') }}"
+        run: pnpm build
+
+      - name: Publish to NPM
+        id: publish-to-npm
+        if: "${{ steps.check_if_pre_json_exists.outputs.files_exists == 'true' && contains(github.event.head_commit.message, 'ci(changesets): version packages') }}"
+        uses: changesets/action@v1
+        with:
+          publish: pnpm run release
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/release.yaml

@@ -6,7 +6,7 @@ on:
       - ".changeset/**"
       - "packages/**"
     branches:
-      - canary
+      - main
 
 concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}
@@ -17,7 +17,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout branch
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Install
         uses: ./.github/common-actions/install
@@ -39,23 +39,4 @@ jobs:
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-
-      - name: Sync files from canary to main branch if a publish happens
-        if: steps.changesets.outputs.published == 'true'
-        run: |
-          curl -X POST \
-            -H "Accept: application/vnd.github.v3+json" \
-            -H "Authorization: token ${{ secrets.GITHUB_TOKEN }}" \
-            https://api.github.com/repos/owner/repo/dispatches \
-            -d '{"event_type":"sync-canary-to-main"}'
-
-      - name: Create canary release
-        if: steps.changesets.outputs.published != 'true'
-        run: |
-          git checkout canary
-          pnpm version:canary
-          pnpm release:canary
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/sync-canary-to-main.yaml

@@ -1,43 +0,0 @@
-name: Sync Canary to Main
-
-on:
-  # triggered manually in Github
-  workflow_dispatch:
-  # triggered by the type "sync-canary-to-main" (e.g. from release action after publishing)
-  repository_dispatch:
-    types: [sync-canary-to-main]
-
-jobs:
-  create_pull_request:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v3
-        with:
-          fetch-depth: 0  # Ensure all history is fetched
-
-      - name: Create Pull Request
-        uses: repo-sync/pull-request@v2
-        with:
-          github_token: ${{ secrets.GITHUB_TOKEN }}
-          source_branch: "canary"
-          destination_branch: "main"
-          pr_title: "Auto-sync Canary to Main"
-          pr_body: |
-            ## Automated: Sync from Canary to Main
-
-            This Pull Request is automatically generated to sync the changes from the Canary branch to the Main branch. Below are the included updates:
-
-            ###  Triggered by a Direct Push to Canary:
-            - Please check the recent commits on the Canary branch directly as this sync may include multiple changes.
-
-            ### Triggered by a Pull Request Merge:
-            - Merged Pull Request: [PR#${{ github.event.pull_request.number }}](${{ github.event.pull_request.html_url }}) - ${{ github.event.pull_request.title }}
-              - PR Description: ${{ github.event.pull_request.body }}
-              - Merged by: ${{ github.event.pull_request.merged_by.login }}
-
-            ### Action Required:
-            - Please review the changes carefully.
-            - Approve and merge the Pull Request if everything is in order.
-
-            Thank you for maintaining the Main branch updated and clean.

.github/workflows/update-stats.yml

@@ -0,0 +1,42 @@
+name: Update Stats
+
+on:
+  schedule:
+    # Runs every Monday at 00:00 UTC
+    - cron: '0 0 * * 1'
+  # Allow manual trigger
+  workflow_dispatch:
+
+jobs:
+  update-stats:
+    name: Update Stats
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout branch
+        uses: actions/checkout@v4
+
+      - name: Install
+        uses: ./.github/common-actions/install
+
+      - name: Update search metadata
+        run: pnpm update:search-meta
+
+      - name: Update GitHub info
+        run: pnpm update:github-info
+
+      - name: Create Pull Request
+        uses: peter-evans/create-pull-request@v5
+        with:
+          commit-message: "chore(stats): update project statistics"
+          title: "chore(stats): 📊 Update project statistics"
+          body: |
+            This PR updates the project statistics including:
+            - Search metadata
+            - GitHub repository information
+            
+            This is an automated PR generated weekly.
+          branch: chore/update-stats
+          base: main
+          delete-branch: true
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.husky/post-merge

@@ -0,0 +1,5 @@
+#!/usr/bin/env sh
+huskyDir=$(dirname -- "$0")
+. "$huskyDir/_/husky.sh"
+
+. "$huskyDir/scripts/update-dep"

.husky/post-rebase

@@ -0,0 +1,5 @@
+#!/usr/bin/env sh
+huskyDir=$(dirname -- "$0")
+. "$huskyDir/_/husky.sh"
+
+. "$huskyDir/scripts/update-dep"

.husky/scripts/update-dep

@@ -0,0 +1,11 @@
+#!/usr/bin/env sh
+changed_files="$(git diff-tree -r --name-only --no-commit-id ORIG_HEAD HEAD)"
+
+check_run() {
+  if (echo "$changed_files" | grep --quiet "$1"); then
+    printf "\033[36mDetected changes in pnpm-lock.yaml, starting dependency update\033[0m\n"
+    eval "$2"
+  fi
+}
+
+check_run pnpm-lock.yaml "pnpm install --color"

.nvmrc

@@ -1 +1 @@
-16.x
+v20.16.0

.vscode/settings.json

@@ -3,5 +3,12 @@
   "editor.formatOnSave": false,
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": "explicit"
-  }
+  },
+  "tailwindCSS.experimental.configFile": {
+    "packages/storybook/tailwind.config.js": ["packages/core/theme/**/*", "packages/components/**/*"],
+    "apps/docs/tailwind.config.js": "apps/docs/**/*"
+  },
+  "tailwindCSS.experimental.classRegex": [
+    ["([\"'`][^\"'`]*.*?[\"'`])", "[\"'`]([^\"'`]*).*?[\"'`]"]
+  ]
 }

CONTRIBUTING.md

@@ -196,7 +196,7 @@ pnpm build
 npm run build
 ```
 
-> Note: ensure your version of Node is 16 or higher to run scripts
+> Note: ensure that you have at least Node.js 20.16.0 as well as pnpm 9.6.0 or higher installed on your machine to run the scripts
 
 6. Send your pull request:
 

apps/docs/.eslintrc.json

@@ -3,7 +3,7 @@
   "ignorePatterns": ["!**/*"],
   "overrides": [
     {
-      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "files": ["*.ts", "*.tsx"],
       "parserOptions": {
         "project": ["apps/docs/tsconfig(.*)?.json"],
         "ecmaFeatures": {

apps/docs/.sponsorsrc

@@ -308,5 +308,25 @@
     "twitter": null,
     "github": null,
     "website": "https://encur.me/"
+  },
+  {
+    "MemberId": 571230,
+    "createdAt": "2024-06-01 18:47",
+    "type": "ORGANIZATION",
+    "role": "BACKER",
+    "tier": "Gold Sponsor 🥇",
+    "isActive": true,
+    "totalAmountDonated": 100,
+    "currency": "USD",
+    "lastTransactionAt": "2024-06-01 18:47",
+    "lastTransactionAmount": 100,
+    "profile": "https://opencollective.com/coderabbit",
+    "name": "CodeRabbit",
+    "company": null,
+    "description": "CodeRabbit is an AI-driven context-aware code reviewer that provides line-by-line feedback and smart chat. ",
+    "image": "/sponsors/571230.jpg",
+    "twitter": null,
+    "github": null,
+    "website": "https://coderabbit.ai"
   }
 ]

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

@@ -1,7 +1,7 @@
 import type {Metadata} from "next";
 
 import {notFound} from "next/navigation";
-import {allBlogPosts} from "contentlayer/generated";
+import {allBlogPosts} from "contentlayer2/generated";
 import {Link, User} from "@nextui-org/react";
 import {format, parseISO} from "date-fns";
 import NextLink from "next/link";

apps/docs/app/blog/layout.tsx

@@ -1,5 +1,7 @@
 import {Image} from "@nextui-org/react";
 
+import {ScriptProviders} from "@/components/scripts/script-providers";
+
 interface DocsLayoutProps {
   children: React.ReactNode;
 }
@@ -22,6 +24,8 @@ export default function DocsLayout({children}: DocsLayoutProps) {
       >
         <Image removeWrapper alt="docs right background" src="/gradients/docs-right.png" />
       </div>
+
+      <ScriptProviders />
     </>
   );
 }

apps/docs/app/blog/page.tsx

@@ -1,4 +1,4 @@
-import {allBlogPosts} from "contentlayer/generated";
+import {allBlogPosts} from "contentlayer2/generated";
 import {compareDesc} from "date-fns";
 
 import {BlogPostList} from "@/components/blog-post";

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

@@ -1,7 +1,7 @@
 import type {Metadata} from "next";
 
 import {notFound} from "next/navigation";
-import {allDocs} from "contentlayer/generated";
+import {allDocs} from "contentlayer2/generated";
 import {Link} from "@nextui-org/react";
 
 import {MDXContent} from "@/components/mdx-content";

apps/docs/app/docs/layout.tsx

@@ -2,6 +2,7 @@ import {Image} from "@nextui-org/react";
 
 import manifest from "@/config/routes.json";
 import {DocsSidebar} from "@/components/docs/sidebar";
+import {ScriptProviders} from "@/components/scripts/script-providers";
 
 interface DocsLayoutProps {
   children: React.ReactNode;
@@ -30,6 +31,8 @@ export default function DocsLayout({children}: DocsLayoutProps) {
       >
         <Image removeWrapper alt="docs right background" src="/gradients/docs-right.png" />
       </div>
+
+      <ScriptProviders />
     </>
   );
 }

apps/docs/app/examples/perf/page.tsx

@@ -246,7 +246,7 @@ const usersData = [
     age: "29",
     avatar: "https://d2u8k2ocievbld.cloudfront.net/memojis/male/3.png",
     email: "brian.kim@example.com",
-    status: "Active",
+    status: "active",
   },
   {
     id: 7,

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

@@ -23,7 +23,7 @@ import {
 } from "@nextui-org/react";
 import {ChevronDownIcon, SearchIcon} from "@nextui-org/shared-icons";
 import {useCallback, useMemo, useState} from "react";
-import {capitalize} from "lodash";
+import {capitalize} from "@nextui-org/shared-utils";
 
 import {PlusLinearIcon} from "@/components/icons";
 import {VerticalDotsIcon} from "@/components/icons/vertical-dots";
@@ -112,7 +112,7 @@ const users = [
     age: "29",
     avatar: "https://i.pravatar.cc/150?u=a042581f4e29026024d",
     email: "brian.kim@example.com",
-    status: "Active",
+    status: "active",
   },
   {
     id: 7,

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

@@ -23,7 +23,7 @@ import {
 } from "@nextui-org/react";
 import {ChevronDownIcon, SearchIcon} from "@nextui-org/shared-icons";
 import {useCallback, useMemo, useState} from "react";
-import {capitalize} from "lodash";
+import {capitalize} from "@nextui-org/shared-utils";
 
 import {PlusLinearIcon} from "@/components/icons";
 import {VerticalDotsIcon} from "@/components/icons/vertical-dots";
@@ -112,7 +112,7 @@ const users = [
     age: "29",
     avatar: "https://i.pravatar.cc/150?u=a042581f4e29026024d",
     email: "brian.kim@example.com",
-    status: "Active",
+    status: "active",
   },
   {
     id: 7,

apps/docs/app/feed.xml/route.ts

@@ -1,5 +1,5 @@
 import Rss from "rss";
-import {allBlogPosts} from "contentlayer/generated";
+import {allBlogPosts} from "contentlayer2/generated";
 
 import {siteConfig} from "@/config/site";
 import {allCoreContent} from "@/libs/contentlayer";

apps/docs/app/figma/page.tsx

@@ -2,6 +2,7 @@ import {Image} from "@nextui-org/react";
 
 import {Blockquote} from "@/components/docs/components/blockquote";
 import {FigmaButton} from "@/components/figma-button";
+import {ScriptProviders} from "@/components/scripts/script-providers";
 
 export default function FigmaPage() {
   return (
@@ -43,6 +44,8 @@ export default function FigmaPage() {
       >
         <Image removeWrapper alt="docs right background" src="/gradients/docs-right.png" />
       </div>
+
+      <ScriptProviders />
     </>
   );
 }

apps/docs/app/layout.tsx

@@ -12,7 +12,6 @@ import {fontSans} from "@/config/fonts";
 import {Navbar} from "@/components/navbar";
 import {Footer} from "@/components/footer";
 import {ProBanner} from "@/components/pro-banner";
-import {ScriptProviders} from "@/components/scripts/script-providers";
 
 export const metadata: Metadata = {
   title: {
@@ -77,7 +76,6 @@ export default function RootLayout({children}: {children: React.ReactNode}) {
           </div>
           <Cmdk />
         </Providers>
-        <ScriptProviders />
       </body>
     </html>
   );

apps/docs/components/blog-post.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import {BlogPost} from "contentlayer/generated";
+import {BlogPost} from "contentlayer2/generated";
 import {Card, CardFooter, CardBody, CardHeader, Link, Avatar, Image} from "@nextui-org/react";
 import Balancer from "react-wrap-balancer";
 import {format, parseISO} from "date-fns";

apps/docs/components/cmdk.tsx

@@ -13,7 +13,7 @@ import {clsx} from "@nextui-org/shared-utils";
 import scrollIntoView from "scroll-into-view-if-needed";
 import {isAppleDevice, isWebKit} from "@react-aria/utils";
 import {create} from "zustand";
-import {intersectionBy, isEmpty} from "lodash";
+import {isEmpty, intersectionBy} from "@nextui-org/shared-utils";
 import {writeStorage, useLocalStorage} from "@rehooks/local-storage";
 
 import {

apps/docs/components/code-window/code-block.tsx

@@ -6,7 +6,7 @@ import jsx from "refractor/lang/jsx";
 import bash from "refractor/lang/bash";
 import css from "refractor/lang/css";
 import diff from "refractor/lang/diff";
-import hastToHtml from "hast-util-to-html";
+import {toHtml} from "hast-util-to-html";
 import rangeParser from "parse-numeric-range";
 import {clsx} from "@nextui-org/shared-utils";
 
@@ -39,7 +39,7 @@ export type CodeBlockProps = PreProps & {
  * recursively get all text nodes as an array for a given element
  */
 function getTextNodes(node: any): any[] {
-  let childTextNodes = [];
+  let childTextNodes: React.ReactNode[] = [];
 
   if (!node.hasChildNodes()) return [];
 
@@ -137,7 +137,7 @@ const CodeBlock = React.forwardRef<HTMLPreElement, CodeBlockProps>((_props, forw
   result = highlightWord(result);
 
   // convert to html
-  result = hastToHtml(result);
+  result = toHtml(result);
 
   // TODO reset theme
   const classes = `language-${language}`;

apps/docs/components/demo-code-modal.tsx

@@ -12,7 +12,6 @@ import {
   Skeleton,
 } from "@nextui-org/react";
 import Link from "next/link";
-import {toLower} from "lodash";
 
 import {CodeWindow} from "@/components/code-window";
 import {useIsMobile} from "@/hooks/use-media-query";
@@ -30,8 +29,8 @@ export const DemoCodeModal: FC<DemoCodeModalProps> = ({isOpen, code, title, subt
 
   const isMobile = useIsMobile();
 
-  const lowerTitle = toLower(title);
-  const fileName = `${toLower(lowerTitle)}.tsx`;
+  const lowerTitle = title.toLowerCase();
+  const fileName = `${lowerTitle}.tsx`;
 
   return (
     <Modal

apps/docs/components/docs/components/code-demo/code-demo.tsx

@@ -40,7 +40,6 @@ interface CodeDemoProps extends UseCodeDemoProps, WindowResizerProps {
   displayMode?: "always" | "visible";
   isGradientBox?: boolean;
   gradientColor?: GradientBoxProps["color"];
-  defaultExpanded?: boolean;
   previewHeight?: string | number;
   overflow?: "auto" | "visible" | "hidden";
   className?: string;
@@ -59,9 +58,8 @@ export const CodeDemo: React.FC<CodeDemoProps> = ({
   isPreviewCentered = false,
   // when false .js files will be used
   typescriptStrict = false,
-  showOpenInCodeSandbox,
+  showOpenInCodeSandbox = true,
   isGradientBox = false,
-  defaultExpanded = false,
   previewHeight = "auto",
   overflow = "visible",
   displayMode = "always",
@@ -138,11 +136,10 @@ export const CodeDemo: React.FC<CodeDemoProps> = ({
 
     const content = (
       <DynamicSandpack
-        defaultExpanded={defaultExpanded}
         files={files}
         highlightedLines={highlightedLines}
         showEditor={showEditor}
-        showOpenInCodeSandbox={showOpenInCodeSandbox || showPreview}
+        showOpenInCodeSandbox={showOpenInCodeSandbox}
         showPreview={showSandpackPreview}
         typescriptStrict={typescriptStrict}
       />
@@ -155,7 +152,6 @@ export const CodeDemo: React.FC<CodeDemoProps> = ({
     isInView,
     files,
     highlightedLines,
-    defaultExpanded,
     showPreview,
     showSandpackPreview,
     showOpenInCodeSandbox,

apps/docs/components/docs/components/code-demo/utils.ts

@@ -1,17 +1,19 @@
-import {get} from "lodash";
-
 import {FileCode} from "./types";
 
 const importRegex = /^(import)\s(?!type(of\s|\s)(?!from)).*?$/gm;
 
 const exportDefaultRegex = /export\s+default\s+function\s+\w+\s*\(\s*\)\s*\{/;
 
-export const transformCode = (code: string, imports = {}, compName = "App") => {
+export const transformCode = (
+  code: string,
+  imports: {[key: string]: any} = {},
+  compName = "App",
+) => {
   let cleanedCode = code
     .replace(importRegex, (match) => {
       // get component name from the match ex. "import { Table } from '@nextui-org/react'"
       const componentName = match.match(/\w+/g)?.[1] || "";
-      const matchingImport = get(imports, componentName);
+      const matchingImport = imports[componentName];
 
       if (matchingImport) {
         // remove the matching import

apps/docs/components/docs/components/codeblock.tsx

@@ -1,7 +1,7 @@
 import React, {forwardRef, useEffect} from "react";
 import {clsx, dataAttr, getUniqueID} from "@nextui-org/shared-utils";
 import BaseHighlight, {Language, PrismTheme, defaultProps} from "prism-react-renderer";
-import {debounce, omit} from "lodash";
+import {debounce, omit} from "@nextui-org/shared-utils";
 
 import defaultTheme from "@/libs/prism-theme";
 
@@ -150,6 +150,7 @@ const Codeblock = forwardRef<HTMLPreElement, CodeblockProps>(
                 "scrollbar-hide overflow-x-scroll": hideScrollBar,
               })}
               style={style}
+              translate="no"
             >
               {tokens.map((line, i) => {
                 const lineProps = getLineProps({line, key: i});

apps/docs/components/docs/components/package-managers.tsx

@@ -97,9 +97,9 @@ export const PackageManagers = ({
         })}
       </Tabs>
       {showGlobalInstallWarning && (
-        <Blockquote className="my-2">
-          No need to install this package if <Code>@nextui-org/react</Code> is already installed
-          globally.
+        <Blockquote className="my-2" color="warning">
+          The above command is for individual installation only. You may skip this step if{" "}
+          <Code>@nextui-org/react</Code> is already installed globally.
         </Blockquote>
       )}
     </>

apps/docs/components/docs/components/swatch-colors-set.tsx

@@ -4,7 +4,7 @@ import {commonColors, semanticColors} from "@nextui-org/theme";
 import {useClipboard} from "@nextui-org/use-clipboard";
 import {useState} from "react";
 import {useTheme} from "next-themes";
-import {get, isEmpty} from "lodash";
+import {get, isEmpty} from "@nextui-org/shared-utils";
 
 type ColorsItem = {
   color: string;
@@ -106,7 +106,7 @@ const SemanticSwatch = ({
   let value: string = "";
   const [colorName, colorScale] = color.split("-");
 
-  let currentPalette = get(semanticColors, theme ?? "", {});
+  const currentPalette = get(semanticColors, theme ?? "", {});
 
   if (!colorScale) {
     value = get(currentPalette, `${colorName}.DEFAULT`, "");

apps/docs/components/docs/sidebar.tsx

@@ -18,7 +18,7 @@ import {
   dataFocusVisibleClasses,
 } from "@nextui-org/react";
 import Link from "next/link";
-import {isEmpty} from "lodash";
+import {isEmpty} from "@nextui-org/shared-utils";
 import {usePathname, useRouter} from "next/navigation";
 
 import {ScrollArea} from "../scroll-area";
@@ -171,7 +171,7 @@ function TreeItem<T>(props: TreeItemProps<T>) {
         </span>
         {isUpdated && (
           <Chip
-            className="ml-1 py-1 text-tiny text-default-400 bg-default-100/50"
+            className="ml-1 py-1 text-tiny text-default-500 dark:text-default-400 bg-default-100 dark:bg-default-100/50"
             color="default"
             size="sm"
             variant="flat"

apps/docs/components/footer.tsx

@@ -1,11 +1,11 @@
 "use client";
 
-import dynamic from "next/dynamic";
 import {usePathname} from "next/navigation";
+import {Link} from "@nextui-org/react";
 
 import {getCurrentYear} from "@/utils/time";
-
-const VercelCallout = dynamic(() => import("./vercel-callout").then((mod) => mod.VercelCallout));
+import {XIcon, GithubIcon, DiscordIcon} from "@/components/icons";
+import {siteConfig} from "@/config/site";
 
 export const Footer = () => {
   const pathname = usePathname();
@@ -14,11 +14,45 @@ export const Footer = () => {
     return null;
   }
 
+  const isDocs = pathname.includes("/docs");
+
   return (
     <footer className="container mx-auto max-w-7xl pb-12 px-12">
       <div className="flex flex-col justify-center items-center gap-1">
-        <p className="text-sm text-default-400">© {getCurrentYear()} NextUI Inc.</p>
-        <VercelCallout />
+        <p className="text-sm text-default-400">
+          © {getCurrentYear()} NextUI Inc. All rights reserved.
+        </p>
+        {isDocs ? (
+          <div className="flex items-center gap-1">
+            <Link
+              isExternal
+              aria-label="Discord"
+              className="p-1"
+              href={siteConfig.links.discord}
+              rel="noopener noreferrer"
+            >
+              <DiscordIcon className="text-default-600 dark:text-default-500" />
+            </Link>
+            <Link
+              isExternal
+              aria-label="X"
+              className="p-1"
+              href={siteConfig.links.twitter}
+              rel="noopener noreferrer"
+            >
+              <XIcon className="text-default-600 dark:text-default-500" />
+            </Link>
+            <Link
+              isExternal
+              aria-label="Github"
+              className="p-1"
+              href={siteConfig.links.github}
+              rel="noopener noreferrer"
+            >
+              <GithubIcon className="text-default-600 dark:text-default-500" />
+            </Link>
+          </div>
+        ) : null}
       </div>
     </footer>
   );

apps/docs/components/icons/moon.tsx

@@ -11,7 +11,7 @@ export const MoonIcon = ({size = 24, width, height, ...props}: IconSvgProps) =>
     {...props}
   >
     <path
-      d="M20.742,13.045c-0.677,0.18-1.376,0.271-2.077,0.271c-2.135,0-4.14-0.83-5.646-2.336c-2.008-2.008-2.799-4.967-2.064-7.723 c0.092-0.345-0.007-0.713-0.259-0.965C10.444,2.04,10.077,1.938,9.73,2.034C8.028,2.489,6.476,3.382,5.241,4.616 c-3.898,3.898-3.898,10.243,0,14.143c1.889,1.889,4.401,2.93,7.072,2.93c2.671,0,5.182-1.04,7.07-2.929 c1.236-1.237,2.13-2.791,2.583-4.491c0.092-0.345-0.008-0.713-0.26-0.965C21.454,13.051,21.085,12.951,20.742,13.045z M17.97,17.346c-1.511,1.511-3.52,2.343-5.656,2.343c-2.137,0-4.146-0.833-5.658-2.344c-3.118-3.119-3.118-8.195,0-11.314 c0.602-0.602,1.298-1.102,2.06-1.483c-0.222,2.885,0.814,5.772,2.89,7.848c2.068,2.069,4.927,3.12,7.848,2.891 C19.072,16.046,18.571,16.743,17.97,17.346z"
+      d="M21.25 12C21.25 14.4533 20.2754 16.806 18.5407 18.5407C16.806 20.2754 14.4533 21.25 12 21.25V22.75C17.937 22.75 22.75 17.937 22.75 12H21.25ZM12 21.25C9.54675 21.25 7.19397 20.2754 5.45926 18.5407C3.72455 16.806 2.75 14.4533 2.75 12H1.25C1.25 17.937 6.063 22.75 12 22.75V21.25ZM2.75 12C2.75 9.54675 3.72455 7.19397 5.45926 5.45926C7.19397 3.72455 9.54675 2.75 12 2.75V1.25C6.063 1.25 1.25 6.063 1.25 12H2.75ZM15.5 14.25C13.975 14.25 12.5125 13.6442 11.4341 12.5659C10.3558 11.4875 9.75 10.025 9.75 8.5H8.25C8.25 10.4228 9.01384 12.2669 10.3735 13.6265C11.7331 14.9862 13.5772 15.75 15.5 15.75V14.25ZM20.425 11.469C19.9133 12.3176 19.191 13.0197 18.3281 13.5069C17.4652 13.9942 16.491 14.2501 15.5 14.25V15.75C16.7494 15.7504 17.9777 15.4279 19.0657 14.8138C20.1537 14.1997 21.0646 13.3148 21.71 12.245L20.425 11.469ZM9.75 8.5C9.74986 7.50903 10.0058 6.53483 10.4931 5.67193C10.9803 4.80902 11.6824 4.08669 12.531 3.575L11.755 2.291C10.6854 2.93628 9.80058 3.84701 9.18649 4.93486C8.57239 6.02271 8.2498 7.25078 8.25 8.5H9.75ZM12 2.75C11.9497 2.74903 11.9002 2.73811 11.8542 2.71785C11.8082 2.6976 11.7666 2.66842 11.732 2.632C11.6898 2.58965 11.6613 2.53568 11.65 2.477C11.646 2.446 11.648 2.356 11.755 2.291L12.531 3.575C13.034 3.271 13.196 2.714 13.137 2.276C13.075 1.821 12.717 1.25 12 1.25V2.75ZM21.71 12.245C21.644 12.352 21.554 12.354 21.523 12.35C21.4643 12.3387 21.4103 12.3102 21.368 12.268C21.3316 12.2334 21.3024 12.1918 21.2821 12.1458C21.2619 12.0998 21.251 12.0503 21.25 12H22.75C22.75 11.283 22.179 10.925 21.724 10.863C21.286 10.804 20.729 10.966 20.425 11.469L21.71 12.245Z"
       fill="currentColor"
     />
   </svg>

apps/docs/components/icons/social.tsx

@@ -58,11 +58,11 @@ const DiscordIcon: React.FC<IconSvgProps> = ({size = 24, width, height, ...props
   );
 };
 
-const TwitterIcon: React.FC<IconSvgProps> = ({size = 24, width, height, ...props}) => {
+const XIcon: React.FC<IconSvgProps> = ({size = 20, width, height, ...props}) => {
   return (
     <svg height={size || height} viewBox="0 0 24 24" width={size || width} {...props}>
       <path
-        d="M19.633 7.997c.013.175.013.349.013.523 0 5.325-4.053 11.461-11.46 11.461-2.282 0-4.402-.661-6.186-1.809.324.037.636.05.973.05a8.07 8.07 0 0 0 5.001-1.721 4.036 4.036 0 0 1-3.767-2.793c.249.037.499.062.761.062.361 0 .724-.05 1.061-.137a4.027 4.027 0 0 1-3.23-3.953v-.05c.537.299 1.16.486 1.82.511a4.022 4.022 0 0 1-1.796-3.354c0-.748.199-1.434.548-2.032a11.457 11.457 0 0 0 8.306 4.215c-.062-.3-.1-.611-.1-.923a4.026 4.026 0 0 1 4.028-4.028c1.16 0 2.207.486 2.943 1.272a7.957 7.957 0 0 0 2.556-.973 4.02 4.02 0 0 1-1.771 2.22 8.073 8.073 0 0 0 2.319-.624 8.645 8.645 0 0 1-2.019 2.083z"
+        d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"
         fill="currentColor"
       />
     </svg>
@@ -98,23 +98,6 @@ const NextJsIcon: React.FC<IconSvgProps> = ({size = 24, width, height, ...props}
     </svg>
   );
 };
-const VercelIcon: React.FC<IconSvgProps> = ({width, height = 44, ...props}) => {
-  return (
-    <svg
-      fill="none"
-      height={height}
-      viewBox="0 0 4438 1000"
-      width={width}
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
-      <path
-        d="M2223.75 250C2051.25 250 1926.87 362.5 1926.87 531.25C1926.87 700 2066.72 812.5 2239.38 812.5C2343.59 812.5 2435.47 771.25 2492.34 701.719L2372.81 632.656C2341.25 667.188 2293.28 687.344 2239.38 687.344C2164.53 687.344 2100.94 648.281 2077.34 585.781H2515.16C2518.59 568.281 2520.63 550.156 2520.63 531.094C2520.63 362.5 2396.41 250 2223.75 250ZM2076.09 476.562C2095.62 414.219 2149.06 375 2223.75 375C2298.59 375 2352.03 414.219 2371.41 476.562H2076.09ZM2040.78 78.125L1607.81 828.125L1174.69 78.125H1337.03L1607.66 546.875L1878.28 78.125H2040.78ZM577.344 0L1154.69 1000H0L577.344 0ZM3148.75 531.25C3148.75 625 3210 687.5 3305 687.5C3369.38 687.5 3417.66 658.281 3442.5 610.625L3562.5 679.844C3512.81 762.656 3419.69 812.5 3305 812.5C3132.34 812.5 3008.13 700 3008.13 531.25C3008.13 362.5 3132.5 250 3305 250C3419.69 250 3512.66 299.844 3562.5 382.656L3442.5 451.875C3417.66 404.219 3369.38 375 3305 375C3210.16 375 3148.75 437.5 3148.75 531.25ZM4437.5 78.125V796.875H4296.88V78.125H4437.5ZM3906.25 250C3733.75 250 3609.38 362.5 3609.38 531.25C3609.38 700 3749.38 812.5 3921.88 812.5C4026.09 812.5 4117.97 771.25 4174.84 701.719L4055.31 632.656C4023.75 667.188 3975.78 687.344 3921.88 687.344C3847.03 687.344 3783.44 648.281 3759.84 585.781H4197.66C4201.09 568.281 4203.12 550.156 4203.12 531.094C4203.12 362.5 4078.91 250 3906.25 250ZM3758.59 476.562C3778.13 414.219 3831.41 375 3906.25 375C3981.09 375 4034.53 414.219 4053.91 476.562H3758.59ZM2961.25 265.625V417.031C2945.63 412.5 2929.06 409.375 2911.25 409.375C2820.47 409.375 2755 471.875 2755 565.625V796.875H2614.38V265.625H2755V409.375C2755 330 2847.34 265.625 2961.25 265.625Z"
-        fill="currentColor"
-      />
-    </svg>
-  );
-};
 
 const NpmIcon: React.FC<IconSvgProps> = ({width = "1em", height = "1em", ...props}) => {
   return (
@@ -471,13 +454,12 @@ const TypescriptIcon: React.FC<IconSvgProps> = ({width = "1em", height = "1em",
 };
 
 export {
-  TwitterIcon,
+  XIcon,
   DiscordIcon,
   GithubIcon,
   OpenCollectiveIcon,
   PatreonIcon,
   NextJsIcon,
-  VercelIcon,
   NpmIcon,
   NpmSmallIcon,
   PnpmIcon,

apps/docs/components/icons/sun.tsx

@@ -16,3 +16,29 @@ export const SunFilledIcon = ({size = 24, width, height, ...props}: IconSvgProps
     </g>
   </svg>
 );
+
+export const SunLinearIcon = ({size = 24, width, height, ...props}: IconSvgProps) => (
+  <svg
+    aria-hidden="true"
+    fill="none"
+    focusable="false"
+    height={size || height}
+    role="presentation"
+    viewBox="0 0 24 24"
+    width={size || width}
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M12 17C14.7614 17 17 14.7614 17 12C17 9.23858 14.7614 7 12 7C9.23858 7 7 9.23858 7 12C7 14.7614 9.23858 17 12 17Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+    />
+    <path
+      d="M12 2V4M12 20V22M4 12H2M22 12H20M19.778 4.223L17.556 6.254M4.222 4.223L6.444 6.254M6.444 17.556L4.222 19.778M19.778 19.777L17.556 17.555"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeWidth="1.5"
+    />
+  </svg>
+);

apps/docs/components/index.ts

@@ -3,7 +3,6 @@ export * from "./theme-switch";
 export * from "./looper-bg";
 export * from "./code-window";
 export * from "./gradient-box";
-export * from "./vercel-callout";
 export * from "./copy-button";
 export * from "./demo-code-modal";
 export * from "./mdx-components";