ci(changesets): version packages (#1878)

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

.changeset/config.json

@@ -10,6 +10,9 @@
   "access": "public",
   "baseBranch": "main",
   "updateInternalDependencies": "patch",
+  "___experimentalUnsafeOptions_WILL_CHANGE_IN_PATCH": {
+    "onlyUpdatePeerDependentsWhenOutOfRange": true
+  },
   "ignore": [
     "@nextui-org/docs",
     "@nextui-org/storybook"

apps/docs/content/docs/components/pagination.mdx

@@ -170,7 +170,7 @@ your own implementation.
 | size                   | `sm` \| `md` \| `lg`                                                                                                          | The pagination size.                                                     | `md`      |
 | radius                 | `none` \| `sm` \| `md` \| `lg` \| `full`                                                                                      | The pagination border radius.                                            | `xl`      |
 | total                  | `number`                                                                                                                      | The total number of pages.                                               | `1`       |
-| dotsJump               | `boolean`                                                                                                                     | The number of pages that are added or subtracted on the '...' button.    | `5`       |
+| dotsJump               | `number`                                                                                                                     | The number of pages that are added or subtracted on the '...' button.    | `5`       |
 | initialPage            | `number`                                                                                                                      | The initial page. (uncontrolled)                                         | `1`       |
 | page                   | `number`                                                                                                                      | The current page. (controlled)                                           | -         |
 | siblings               | `number`                                                                                                                      | The number of pages to show before and after the current page.           | `1`       |

apps/docs/content/docs/components/radio-group.mdx

@@ -173,6 +173,6 @@ In case you need to customize the radio group even further, you can use the `use
 | isDisabled       | `boolean`                                                                                      | Whether the radio is disabled.                                                                 | `false`   |
 | isRequired       | `boolean`                                                                                      | Whether user checkboxes are required on the input before form submission.                      | `false`   |
 | isReadOnly       | `boolean`                                                                                      | Whether the checkboxes can be selected but not changed by the user.                            | -         |
-| isInvalid        | `boolean`                                                                                      | Whether the radio is invalid. This is based on the radio groupo `validationState` prop.        | `false`   |
+| isInvalid        | `boolean`                                                                                      | Whether the radio is invalid. This is based on the radio group `validationState` prop.        | `false`   |
 | disableAnimation | `boolean`                                                                                      | Whether the animation should be disabled.                                                      | `false`   |
 | classNames       | `Record<"base"｜ "wrapper"｜ "labelWrapper" ｜ "label" ｜ "control" ｜ "description", string>` | Allows to set custom class names for the radio slots.                                          | -         |

apps/docs/content/docs/components/tabs.mdx

@@ -80,7 +80,7 @@ default, links perform native browser navigation. However, you'll usually want t
 the selected tab with the current URL from your client side router. You can do this by doing
 the following:
 
-1. Set up your router at the root of your app. See [Routing guide](/docs/guides/routing) to learn how to do this.
+1. Set up your router at the root of your app. See [Routing guide](/docs/guide/routing) to learn how to do this.
 2. Use the `selectedKey` prop to set the selected tab based on the current URL.
 
 #### Next.js
@@ -160,7 +160,7 @@ function AppTabs() {
 }
 ```
 
-> **Note**: See the [Routing guide](/docs/guides/routing) to learn how to set up the router for your framework.
+> **Note**: See the [Routing guide](/docs/guide/routing) to learn how to set up the router for your framework.
 
 ### With Form
 

apps/docs/content/docs/guide/routing.mdx

@@ -54,7 +54,7 @@ Go to your `app/providers.tsx` or `app/providers.jsx` (create it if it doesn't e
 
 #### Add the `useRouter`
 
-```tsx {10}
+```tsx {8}
 // app/providers.tsx
 'use client'
 
@@ -103,7 +103,7 @@ Go to pages`/_app.js` or `pages/_app.tsx` (create it if it doesn't exist) and ad
 from `next/router`, it returns a router object that can be used to perform navigation.
 
 
-```tsx
+```tsx {7}
 // pages/_app.tsx
 import type { AppProps } from 'next/app';
 import {NextUIProvider} from '@nextui-org/react';
@@ -129,7 +129,7 @@ The `useNavigate` hook from `react-router-dom` returns a `navigate` function tha
 Go to the `App` file commonly called `App.jsx` or `App.tsx`, add the `useNavigate` hook and pass the 
 `navigate` function to the `NextUIProvider`:
 
-```jsx {9}
+```jsx {6,9}
 // App.tsx or App.jsx
 import {BrowserRouter, useNavigate} from 'react-router-dom';
 import {NextUIProvider} from '@nextui-org/react';

apps/docs/next-redirect.js

@@ -6,31 +6,41 @@ const rootDir = path.join(__dirname, ".");
 const contentDir = path.join(rootDir, "content");
 const docsDir = path.join(contentDir, "docs");
 const componentsDocsDir = path.join(docsDir, "components");
+const guidesDocsDir = path.join(docsDir, "guide");
+const frameworksDocsDir = path.join(docsDir, "frameworks");
+const customizationDocsDir = path.join(docsDir, "customization");
 
-const getComponentsName = () => {
+const getFolderNames = (dir) => {
   const names = shell
-    .ls("-R", componentsDocsDir)
-    .map((file) => path.join(process.cwd(), componentsDocsDir, file))
+    .ls("-R", dir)
+    .map((file) => path.join(process.cwd(), dir, file))
     .filter((file) => file.endsWith(".mdx"))
     .map((file) => path.basename(file, ".mdx"));
 
   return names;
-};
-const getComponentsRoute = (names = []) => {
+}
+
+const getFolderRoutes = (names = [], prefix = "") => {
   return names.map((name) => {
     return {
       source: `/${name}`,
-      destination: `/docs/components/${name}`,
+      destination: `/docs/${prefix}/${name}`,
       permanent: true,
     };
   });
-};
+}
 
 async function redirect() {
-  const componentsName = getComponentsName();
+  const componentsName =getFolderNames(componentsDocsDir);
+  const guidesName = getFolderNames(guidesDocsDir);
+  const frameworksName = getFolderNames(frameworksDocsDir);
+  const  customizationName = getFolderNames(customizationDocsDir);
 
   return [
-    ...getComponentsRoute(componentsName),
+    ...getFolderRoutes(componentsName, "components"),
+    ...getFolderRoutes(guidesName, "guide"),
+    ...getFolderRoutes(frameworksName, "frameworks"),
+    ...getFolderRoutes(customizationName, "customization"),
     {
       source: "/docs",
       destination: "/docs/guide/introduction",

packages/components/accordion/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @nextui-org/accordion
 
+## 2.0.26
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
+- Updated dependencies [[`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648)]:
+  - @nextui-org/divider@2.0.23
+  - @nextui-org/aria-utils@2.0.13
+  - @nextui-org/framer-transitions@2.0.13
+
 ## 2.0.25
 
 ### Patch Changes

packages/components/accordion/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/accordion",
-  "version": "2.0.25",
+  "version": "2.0.26",
   "description": "Collapse display a list of high-level options that can expand/collapse to reveal more information.",
   "keywords": [
     "react",
@@ -44,7 +44,7 @@
     "react-dom": ">=18",
     "framer-motion": ">=4.0.0",
     "@nextui-org/theme": ">=2.1.0",
-    "@nextui-org/system": ">=2.0.12"
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/aria-utils": "workspace:*",

packages/components/autocomplete/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @nextui-org/autocomplete
 
+## 2.0.4
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
+- Updated dependencies [[`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648), [`acba2cf8f`](https://github.com/nextui-org/nextui/commit/acba2cf8f5ba1526bd44c6851e0ed7fdc6c0b8ae), [`e728a8967`](https://github.com/nextui-org/nextui/commit/e728a8967b1775be6a919f3b6bd6fc2267cc002d)]:
+  - @nextui-org/scroll-shadow@2.1.12
+  - @nextui-org/listbox@2.1.13
+  - @nextui-org/popover@2.1.12
+  - @nextui-org/spinner@2.0.22
+  - @nextui-org/button@2.0.24
+  - @nextui-org/input@2.1.13
+  - @nextui-org/aria-utils@2.0.13
+
 ## 2.0.3
 
 ### Patch Changes

packages/components/autocomplete/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/autocomplete",
-  "version": "2.0.3",
+  "version": "2.0.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"
@@ -38,7 +38,7 @@
     "react-dom": ">=18",
     "framer-motion": ">=4.0.0",
     "@nextui-org/theme": ">=2.1.0",
-    "@nextui-org/system": ">=2.0.12"
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/aria-utils": "workspace:*",

packages/components/avatar/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nextui-org/avatar
 
+## 2.0.24
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
 ## 2.0.23
 
 ### Patch Changes

packages/components/avatar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/avatar",
-  "version": "2.0.23",
+  "version": "2.0.24",
   "description": "The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.",
   "keywords": [
     "avatar"
@@ -37,7 +37,7 @@
     "react": ">=18",
     "react-dom": ">=18",
     "@nextui-org/theme": ">=2.1.0",
-    "@nextui-org/system": ">=2.0.12"
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/shared-utils": "workspace:*",

packages/components/badge/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @nextui-org/badge
 
+## 2.0.22
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
+- Updated dependencies [[`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648)]:
+  - @nextui-org/system-rsc@2.0.9
+
 ## 2.0.21
 
 ### Patch Changes

packages/components/badge/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/badge",
-  "version": "2.0.21",
+  "version": "2.0.22",
   "description": "Badges are used as a small numerical value or status descriptor for UI elements.",
   "keywords": [
     "badge"

packages/components/breadcrumbs/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nextui-org/breadcrumbs
 
+## 2.0.3
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
 ## 2.0.2
 
 ### Patch Changes

packages/components/breadcrumbs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/breadcrumbs",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "description": "Breadcrumbs display a hierarchy of links to the current page or resource in an application.",
   "keywords": [
     "breadcrumbs"
@@ -37,7 +37,7 @@
     "react": ">=18",
     "react-dom": ">=18",
     "@nextui-org/theme": ">=2.1.0",
-    "@nextui-org/system": ">=2.0.12"
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/react-utils": "workspace:*",

packages/components/button/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @nextui-org/button
 
+## 2.0.24
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
+- Updated dependencies [[`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648)]:
+  - @nextui-org/spinner@2.0.22
+  - @nextui-org/ripple@2.0.24
+
 ## 2.0.23
 
 ### Patch Changes

packages/components/button/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/button",
-  "version": "2.0.23",
+  "version": "2.0.24",
   "description": "Buttons allow users to perform actions and choose with a single tap.",
   "keywords": [
     "button"
@@ -38,7 +38,7 @@
     "react-dom": ">=18",
     "framer-motion": ">=4.0.0",
     "@nextui-org/theme": ">=2.1.0",
-    "@nextui-org/system": ">=2.0.12"
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/shared-utils": "workspace:*",

packages/components/card/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @nextui-org/card
 
+## 2.0.24
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
+- Updated dependencies [[`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648)]:
+  - @nextui-org/ripple@2.0.24
+
 ## 2.0.23
 
 ### Patch Changes

packages/components/card/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/card",
-  "version": "2.0.23",
+  "version": "2.0.24",
   "description": "Card is a container for text, photos, and actions in the context of a single subject.",
   "keywords": [
     "card"
@@ -38,7 +38,7 @@
     "react-dom": ">=18",
     "framer-motion": ">=4.0.0",
     "@nextui-org/theme": ">=2.1.0",
-    "@nextui-org/system": ">=2.0.12"
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/shared-utils": "workspace:*",

packages/components/checkbox/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nextui-org/checkbox
 
+## 2.0.25
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
 ## 2.0.24
 
 ### Patch Changes

packages/components/checkbox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/checkbox",
-  "version": "2.0.24",
+  "version": "2.0.25",
   "description": "Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.",
   "keywords": [
     "checkbox"
@@ -37,7 +37,7 @@
     "react": ">=18",
     "react-dom": ">=18",
     "@nextui-org/theme": ">=2.1.0",
-    "@nextui-org/system": ">=2.0.12"
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/shared-utils": "workspace:*",

packages/components/chip/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nextui-org/chip
 
+## 2.0.24
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
 ## 2.0.23
 
 ### Patch Changes

packages/components/chip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/chip",
-  "version": "2.0.23",
+  "version": "2.0.24",
   "description": "Chips help people enter information, make selections, filter content, or trigger actions.",
   "keywords": [
     "chip"
@@ -37,7 +37,7 @@
     "react": ">=18",
     "react-dom": ">=18",
     "@nextui-org/theme": ">=2.1.0",
-    "@nextui-org/system": ">=2.0.12"
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/shared-icons": "workspace:*",

packages/components/code/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @nextui-org/code
 
+## 2.0.22
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
+- Updated dependencies [[`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648)]:
+  - @nextui-org/system-rsc@2.0.9
+
 ## 2.0.21
 
 ### Patch Changes

packages/components/code/package.json

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

packages/components/divider/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @nextui-org/divider
 
+## 2.0.23
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
+- Updated dependencies [[`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648)]:
+  - @nextui-org/system-rsc@2.0.9
+
 ## 2.0.22
 
 ### Patch Changes

packages/components/divider/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/divider",
-  "version": "2.0.22",
+  "version": "2.0.23",
   "description": ". A separator is a visual divider between two groups of content",
   "keywords": [
     "divider"

packages/components/dropdown/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @nextui-org/dropdown
 
+## 2.1.13
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
+- Updated dependencies [[`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648)]:
+  - @nextui-org/popover@2.1.12
+  - @nextui-org/menu@2.0.14
+
 ## 2.1.12
 
 ### Patch Changes

packages/components/dropdown/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/dropdown",
-  "version": "2.1.12",
+  "version": "2.1.13",
   "description": "A dropdown displays a list of actions or options that a user can choose.",
   "keywords": [
     "dropdown"
@@ -38,7 +38,7 @@
     "react-dom": ">=18",
     "framer-motion": ">=4.0.0",
     "@nextui-org/theme": ">=2.1.0",
-    "@nextui-org/system": ">=2.0.12"
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/menu": "workspace:*",

packages/components/image/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nextui-org/image
 
+## 2.0.24
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
 ## 2.0.23
 
 ### Patch Changes

packages/components/image/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/image",
-  "version": "2.0.23",
+  "version": "2.0.24",
   "description": "A simple image component",
   "keywords": [
     "image"
@@ -37,7 +37,7 @@
     "react": ">=18",
     "react-dom": ">=18",
     "@nextui-org/theme": ">=2.1.0",
-    "@nextui-org/system": ">=2.0.12"
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/shared-utils": "workspace:*",

packages/components/input/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @nextui-org/input
 
+## 2.1.13
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
+- [#1884](https://github.com/nextui-org/nextui/pull/1884) [`acba2cf8f`](https://github.com/nextui-org/nextui/commit/acba2cf8f5ba1526bd44c6851e0ed7fdc6c0b8ae) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Input, Textarea, Select, Autocomplete and Textarea helper wrapper styles fixed
+
+- [#1891](https://github.com/nextui-org/nextui/pull/1891) [`e728a8967`](https://github.com/nextui-org/nextui/commit/e728a8967b1775be6a919f3b6bd6fc2267cc002d) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - - Input/Autocomplete/Textarea/Select styles adapted to custom default color, label truncate added
+
 ## 2.1.12
 
 ### Patch Changes

packages/components/input/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/input",
-  "version": "2.1.12",
+  "version": "2.1.13",
   "description": "The input component is designed for capturing user input within a text field.",
   "keywords": [
     "input"
@@ -37,7 +37,7 @@
     "react": ">=18",
     "react-dom": ">=18",
     "@nextui-org/theme": ">=2.1.0",
-    "@nextui-org/system": ">=2.0.12"
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/react-utils": "workspace:*",

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

@@ -238,6 +238,7 @@ export function useInput<T extends HTMLInputElement | HTMLTextAreaElement = HTML
         "data-has-elements": dataAttr(hasElements),
         "data-has-helper": dataAttr(hasHelper),
         "data-has-label": dataAttr(hasLabel),
+        "data-has-value": dataAttr(!isPlaceholderShown),
         ...focusWithinProps,
         ...props,
       };

packages/components/input/stories/input.stories.tsx

@@ -501,7 +501,7 @@ export const WithDescription = {
 
   args: {
     ...defaultProps,
-    description: "We'll never share your email with anyone else. ",
+    description: "We'll never share your email with anyone else.",
   },
 };
 

packages/components/kbd/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @nextui-org/kbd
 
+## 2.0.23
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
+- Updated dependencies [[`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648)]:
+  - @nextui-org/system-rsc@2.0.9
+
 ## 2.0.22
 
 ### Patch Changes

packages/components/kbd/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/kbd",
-  "version": "2.0.22",
+  "version": "2.0.23",
   "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,11 @@
 # @nextui-org/link
 
+## 2.0.25
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
 ## 2.0.24
 
 ### Patch Changes

packages/components/link/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/link",
-  "version": "2.0.24",
+  "version": "2.0.25",
   "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"
@@ -37,7 +37,7 @@
     "react": ">=18",
     "react-dom": ">=18",
     "@nextui-org/theme": ">=2.1.0",
-    "@nextui-org/system": ">=2.0.12"
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/shared-utils": "workspace:*",

packages/components/listbox/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @nextui-org/listbox
 
+## 2.1.13
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
+- Updated dependencies [[`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648)]:
+  - @nextui-org/divider@2.0.23
+  - @nextui-org/aria-utils@2.0.13
+
 ## 2.1.12
 
 ### Patch Changes

packages/components/listbox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/listbox",
-  "version": "2.1.12",
+  "version": "2.1.13",
   "description": "A listbox displays a list of options and allows a user to select one or more of them.",
   "keywords": [
     "listbox"
@@ -37,7 +37,7 @@
     "react": ">=18",
     "react-dom": ">=18",
     "@nextui-org/theme": ">=2.1.0",
-    "@nextui-org/system": ">=2.0.12"
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/react-utils": "workspace:*",

packages/components/menu/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @nextui-org/menu
 
+## 2.0.14
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
+- Updated dependencies [[`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648)]:
+  - @nextui-org/divider@2.0.23
+  - @nextui-org/aria-utils@2.0.13
+
 ## 2.0.13
 
 ### Patch Changes

packages/components/menu/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/menu",
-  "version": "2.0.13",
+  "version": "2.0.14",
   "description": "A menu displays a list of options and allows a user to select one or more of them.",
   "keywords": [
     "menu"
@@ -37,7 +37,7 @@
     "react": ">=18",
     "react-dom": ">=18",
     "@nextui-org/theme": ">=2.1.0",
-    "@nextui-org/system": ">=2.0.12"
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/divider": "workspace:*",

packages/components/modal/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @nextui-org/modal
 
+## 2.0.26
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
+- Updated dependencies []:
+  - @nextui-org/framer-transitions@2.0.13
+
 ## 2.0.25
 
 ### Patch Changes

packages/components/modal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/modal",
-  "version": "2.0.25",
+  "version": "2.0.26",
   "description": "Displays a dialog with a custom content that requires attention or provides additional information.",
   "keywords": [
     "modal"
@@ -38,7 +38,7 @@
     "react-dom": ">=18",
     "framer-motion": ">=4.0.0",
     "@nextui-org/theme": ">=2.1.0",
-    "@nextui-org/system": ">=2.0.12"
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/use-disclosure": "workspace:*",

packages/components/navbar/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @nextui-org/navbar
 
+## 2.0.25
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
+- Updated dependencies []:
+  - @nextui-org/framer-transitions@2.0.13
+
 ## 2.0.24
 
 ### Patch Changes

packages/components/navbar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/navbar",
-  "version": "2.0.24",
+  "version": "2.0.25",
   "description": "A responsive navigation header positioned on top side of your page that includes support for branding, links, navigation, collapse and more.",
   "keywords": [
     "navbar"
@@ -38,7 +38,7 @@
     "react-dom": ">=18",
     "framer-motion": ">=4.0.0",
     "@nextui-org/theme": ">=2.1.0",
-    "@nextui-org/system": ">=2.0.12"
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/shared-utils": "workspace:*",

packages/components/pagination/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nextui-org/pagination
 
+## 2.0.25
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
 ## 2.0.24
 
 ### Patch Changes

packages/components/pagination/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/pagination",
-  "version": "2.0.24",
+  "version": "2.0.25",
   "description": "The Pagination component allows you to display active page and navigate between multiple pages.",
   "keywords": [
     "pagination"
@@ -37,7 +37,7 @@
     "react": ">=18",
     "react-dom": ">=18",
     "@nextui-org/theme": ">=2.1.0",
-    "@nextui-org/system": ">=2.0.12"
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/shared-utils": "workspace:*",

packages/components/popover/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @nextui-org/popover
 
+## 2.1.12
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
+- Updated dependencies [[`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648)]:
+  - @nextui-org/button@2.0.24
+  - @nextui-org/aria-utils@2.0.13
+  - @nextui-org/framer-transitions@2.0.13
+
 ## 2.1.11
 
 ### Patch Changes

packages/components/popover/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/popover",
-  "version": "2.1.11",
+  "version": "2.1.12",
   "description": "A popover is an overlay element positioned relative to a trigger.",
   "keywords": [
     "popover"
@@ -38,7 +38,7 @@
     "react-dom": ">=18",
     "framer-motion": ">=4.0.0",
     "@nextui-org/theme": ">=2.1.0",
-    "@nextui-org/system": ">=2.0.12"
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/aria-utils": "workspace:*",

packages/components/progress/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nextui-org/progress
 
+## 2.0.24
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
 ## 2.0.23
 
 ### Patch Changes

packages/components/progress/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/progress",
-  "version": "2.0.23",
+  "version": "2.0.24",
   "description": "Progress bars show either determinate or indeterminate progress of an operation over time.",
   "keywords": [
     "progress"
@@ -37,7 +37,7 @@
     "react": ">=18",
     "react-dom": ">=18",
     "@nextui-org/theme": ">=2.1.0",
-    "@nextui-org/system": ">=2.0.12"
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/shared-utils": "workspace:*",

packages/components/radio/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nextui-org/radio
 
+## 2.0.25
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
 ## 2.0.24
 
 ### Patch Changes

packages/components/radio/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/radio",
-  "version": "2.0.24",
+  "version": "2.0.25",
   "description": "Radios allow users to select a single option from a list of mutually exclusive options.",
   "keywords": [
     "radio"
@@ -37,7 +37,7 @@
     "react": ">=18",
     "react-dom": ">=18",
     "@nextui-org/theme": ">=2.1.0",
-    "@nextui-org/system": ">=2.0.12"
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/shared-utils": "workspace:*",

packages/components/ripple/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nextui-org/ripple
 
+## 2.0.24
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
 ## 2.0.23
 
 ### Patch Changes

packages/components/ripple/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/ripple",
-  "version": "2.0.23",
+  "version": "2.0.24",
   "description": "A simple implementation to display a ripple animation when the source component is clicked",
   "keywords": [
     "ripple"
@@ -38,7 +38,7 @@
     "react-dom": ">=18",
     "framer-motion": ">=4.0.0",
     "@nextui-org/theme": ">=2.1.0",
-    "@nextui-org/system": ">=2.0.12"
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/shared-utils": "workspace:*",

packages/components/scroll-shadow/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nextui-org/scroll-shadow
 
+## 2.1.12
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
 ## 2.1.11
 
 ### Patch Changes

packages/components/scroll-shadow/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/scroll-shadow",
-  "version": "2.1.11",
+  "version": "2.1.12",
   "description": "A component that applies top and bottom shadows when content overflows on scroll.",
   "keywords": [
     "scroll-shadow"
@@ -37,7 +37,7 @@
     "react": ">=18",
     "react-dom": ">=18",
     "@nextui-org/theme": ">=2.1.0",
-    "@nextui-org/system": ">=2.0.12"
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/shared-utils": "workspace:*",

packages/components/select/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @nextui-org/select
 
+## 2.1.16
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
+- Updated dependencies [[`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648)]:
+  - @nextui-org/scroll-shadow@2.1.12
+  - @nextui-org/listbox@2.1.13
+  - @nextui-org/popover@2.1.12
+  - @nextui-org/spinner@2.0.22
+  - @nextui-org/aria-utils@2.0.13
+
 ## 2.1.15
 
 ### Patch Changes

packages/components/select/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/select",
-  "version": "2.1.15",
+  "version": "2.1.16",
   "description": "A select displays a collapsible list of options and allows a user to select one of them.",
   "keywords": [
     "select"
@@ -38,7 +38,7 @@
     "react-dom": ">=18",
     "framer-motion": ">=4.0.0",
     "@nextui-org/theme": ">=2.1.0",
-    "@nextui-org/system": ">=2.0.12"
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/aria-utils": "workspace:*",

packages/components/skeleton/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @nextui-org/skeleton
 
+## 2.0.22
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
+- Updated dependencies [[`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648)]:
+  - @nextui-org/system-rsc@2.0.9
+
 ## 2.0.21
 
 ### Patch Changes

packages/components/skeleton/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/skeleton",
-  "version": "2.0.21",
+  "version": "2.0.22",
   "description": "Skeleton is used to display the loading state of some component.",
   "keywords": [
     "skeleton"

packages/components/slider/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @nextui-org/slider
 
+## 2.2.3
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
+- Updated dependencies [[`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648)]:
+  - @nextui-org/tooltip@2.0.27
+
 ## 2.2.2
 
 ### Patch Changes

packages/components/slider/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/slider",
-  "version": "2.2.2",
+  "version": "2.2.3",
   "description": "A slider allows a user to select one or more values within a range.",
   "keywords": [
     "slider"
@@ -37,7 +37,7 @@
     "react": ">=18",
     "react-dom": ">=18",
     "@nextui-org/theme": ">=2.1.0",
-    "@nextui-org/system": ">=2.0.12"
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/shared-utils": "workspace:*",

packages/components/snippet/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @nextui-org/snippet
 
+## 2.0.28
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
+- Updated dependencies [[`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648)]:
+  - @nextui-org/tooltip@2.0.27
+  - @nextui-org/button@2.0.24
+
 ## 2.0.27
 
 ### Patch Changes

packages/components/snippet/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/snippet",
-  "version": "2.0.27",
+  "version": "2.0.28",
   "description": "Display a snippet of copyable code for the command line.",
   "keywords": [
     "snippet"
@@ -38,7 +38,7 @@
     "react-dom": ">=18",
     "framer-motion": ">=4.0.0",
     "@nextui-org/theme": ">=2.1.0",
-    "@nextui-org/system": ">=2.0.12"
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/button": "workspace:*",

packages/components/spacer/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @nextui-org/spacer
 
+## 2.0.22
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
+- Updated dependencies [[`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648)]:
+  - @nextui-org/system-rsc@2.0.9
+
 ## 2.0.21
 
 ### Patch Changes

packages/components/spacer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/spacer",
-  "version": "2.0.21",
+  "version": "2.0.22",
   "description": "A flexible spacer component designed to create consistent spacing and maintain alignment in your layout.",
   "keywords": [
     "spacer"

packages/components/spinner/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @nextui-org/spinner
 
+## 2.0.22
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
+- Updated dependencies [[`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648)]:
+  - @nextui-org/system-rsc@2.0.9
+
 ## 2.0.21
 
 ### Patch Changes

packages/components/spinner/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/spinner",
-  "version": "2.0.21",
+  "version": "2.0.22",
   "description": "Loaders express an unspecified wait time or display the length of a process.",
   "keywords": [
     "loading",

packages/components/switch/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nextui-org/switch
 
+## 2.0.24
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
 ## 2.0.23
 
 ### Patch Changes

packages/components/switch/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/switch",
-  "version": "2.0.23",
+  "version": "2.0.24",
   "description": "A switch is similar to a checkbox, but represents on/off values as opposed to selection.",
   "keywords": [
     "switch"
@@ -37,7 +37,7 @@
     "react": ">=18",
     "react-dom": ">=18",
     "@nextui-org/theme": ">=2.1.0",
-    "@nextui-org/system": ">=2.0.12"
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/shared-utils": "workspace:*",

packages/components/table/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @nextui-org/table
 
+## 2.0.26
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
+- Updated dependencies [[`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648)]:
+  - @nextui-org/checkbox@2.0.25
+  - @nextui-org/spacer@2.0.22
+
 ## 2.0.25
 
 ### Patch Changes

packages/components/table/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/table",
-  "version": "2.0.25",
+  "version": "2.0.26",
   "description": "Tables are used to display tabular data using rows and columns. ",
   "keywords": [
     "table"
@@ -37,7 +37,7 @@
     "react": ">=18",
     "react-dom": ">=18",
     "@nextui-org/theme": ">=2.1.0",
-    "@nextui-org/system": ">=2.0.12"
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/checkbox": "workspace:*",

packages/components/tabs/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @nextui-org/tabs
 
+## 2.0.24
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
+- Updated dependencies []:
+  - @nextui-org/aria-utils@2.0.13
+  - @nextui-org/framer-transitions@2.0.13
+
 ## 2.0.23
 
 ### Patch Changes

packages/components/tabs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/tabs",
-  "version": "2.0.23",
+  "version": "2.0.24",
   "description": "Tabs organize content into multiple sections and allow users to navigate between them.",
   "keywords": [
     "tabs"
@@ -38,7 +38,7 @@
     "react-dom": ">=18",
     "framer-motion": ">=4.0.0",
     "@nextui-org/theme": ">=2.1.0",
-    "@nextui-org/system": ">=2.0.12"
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/shared-utils": "workspace:*",

packages/components/tooltip/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @nextui-org/tooltip
 
+## 2.0.27
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
+- Updated dependencies []:
+  - @nextui-org/aria-utils@2.0.13
+  - @nextui-org/framer-transitions@2.0.13
+
 ## 2.0.26
 
 ### Patch Changes

packages/components/tooltip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/tooltip",
-  "version": "2.0.26",
+  "version": "2.0.27",
   "description": "A React Component for rendering dynamically positioned Tooltips",
   "keywords": [
     "tooltip"
@@ -38,7 +38,7 @@
     "react-dom": ">=18",
     "framer-motion": ">=4.0.0",
     "@nextui-org/theme": ">=2.1.0",
-    "@nextui-org/system": ">=2.0.12"
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/shared-utils": "workspace:*",

packages/components/user/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @nextui-org/user
 
+## 2.0.25
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
+- Updated dependencies [[`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648)]:
+  - @nextui-org/avatar@2.0.24
+
 ## 2.0.24
 
 ### Patch Changes

packages/components/user/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/user",
-  "version": "2.0.24",
+  "version": "2.0.25",
   "description": "Flexible User Profile Component.",
   "keywords": [
     "user"
@@ -37,7 +37,7 @@
     "react": ">=18",
     "react-dom": ">=18",
     "@nextui-org/theme": ">=2.1.0",
-    "@nextui-org/system": ">=2.0.12"
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/avatar": "workspace:*",

packages/core/react/CHANGELOG.md

@@ -1,5 +1,50 @@
 # @nextui-org/react
 
+## 2.2.4
+
+### Patch Changes
+
+- Updated dependencies [[`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648), [`acba2cf8f`](https://github.com/nextui-org/nextui/commit/acba2cf8f5ba1526bd44c6851e0ed7fdc6c0b8ae), [`e728a8967`](https://github.com/nextui-org/nextui/commit/e728a8967b1775be6a919f3b6bd6fc2267cc002d), [`71807e883`](https://github.com/nextui-org/nextui/commit/71807e88317c40aadfeb134125be1def9d679956)]:
+  - @nextui-org/scroll-shadow@2.1.12
+  - @nextui-org/autocomplete@2.0.4
+  - @nextui-org/breadcrumbs@2.0.3
+  - @nextui-org/pagination@2.0.25
+  - @nextui-org/accordion@2.0.26
+  - @nextui-org/checkbox@2.0.25
+  - @nextui-org/dropdown@2.1.13
+  - @nextui-org/progress@2.0.24
+  - @nextui-org/skeleton@2.0.22
+  - @nextui-org/divider@2.0.23
+  - @nextui-org/listbox@2.1.13
+  - @nextui-org/popover@2.1.12
+  - @nextui-org/snippet@2.0.28
+  - @nextui-org/spinner@2.0.22
+  - @nextui-org/tooltip@2.0.27
+  - @nextui-org/avatar@2.0.24
+  - @nextui-org/button@2.0.24
+  - @nextui-org/navbar@2.0.25
+  - @nextui-org/ripple@2.0.24
+  - @nextui-org/select@2.1.16
+  - @nextui-org/slider@2.2.3
+  - @nextui-org/spacer@2.0.22
+  - @nextui-org/switch@2.0.24
+  - @nextui-org/badge@2.0.22
+  - @nextui-org/image@2.0.24
+  - @nextui-org/input@2.1.13
+  - @nextui-org/modal@2.0.26
+  - @nextui-org/radio@2.0.25
+  - @nextui-org/table@2.0.26
+  - @nextui-org/card@2.0.24
+  - @nextui-org/chip@2.0.24
+  - @nextui-org/code@2.0.22
+  - @nextui-org/link@2.0.25
+  - @nextui-org/menu@2.0.14
+  - @nextui-org/tabs@2.0.24
+  - @nextui-org/user@2.0.25
+  - @nextui-org/kbd@2.0.23
+  - @nextui-org/theme@2.1.13
+  - @nextui-org/system@2.0.13
+
 ## 2.2.3
 
 ### Patch Changes

packages/core/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/react",
-  "version": "2.2.3",
+  "version": "2.2.4",
   "description": "🚀 Beautiful and modern React UI library.",
   "author": "Junior Garcia <jrgarciadev@gmail.com>",
   "homepage": "https://nextui.org",

packages/core/system-rsc/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nextui-org/system-rsc
 
+## 2.0.9
+
+### Patch Changes
+
+- [#1877](https://github.com/nextui-org/nextui/pull/1877) [`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated, changeset config changed to update peer dependencies only when out of range
+
 ## 2.0.8
 
 ### Patch Changes

packages/core/system-rsc/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/system-rsc",
-  "version": "2.0.8",
+  "version": "2.0.9",
   "description": "NextUI system primitives compatibles with RSC imports",
   "keywords": [
     "system-rsc"

packages/core/system/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @nextui-org/system
 
+## 2.0.13
+
+### Patch Changes
+
+- Updated dependencies [[`44ed1056e`](https://github.com/nextui-org/nextui/commit/44ed1056e717c56633f60cf289f78e9c7b83b648)]:
+  - @nextui-org/system-rsc@2.0.9
+
 ## 2.0.12
 
 ### Patch Changes

packages/core/system/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/system",
-  "version": "2.0.12",
+  "version": "2.0.13",
   "description": "NextUI system primitives",
   "keywords": [
     "system"

packages/core/theme/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @nextui-org/theme
 
+## 2.1.13
+
+### Patch Changes
+
+- [#1884](https://github.com/nextui-org/nextui/pull/1884) [`acba2cf8f`](https://github.com/nextui-org/nextui/commit/acba2cf8f5ba1526bd44c6851e0ed7fdc6c0b8ae) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Input, Textarea, Select, Autocomplete and Textarea helper wrapper styles fixed
+
+- [#1891](https://github.com/nextui-org/nextui/pull/1891) [`e728a8967`](https://github.com/nextui-org/nextui/commit/e728a8967b1775be6a919f3b6bd6fc2267cc002d) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - - Input/Autocomplete/Textarea/Select styles adapted to custom default color, label truncate added
+
+- [#1876](https://github.com/nextui-org/nextui/pull/1876) [`71807e883`](https://github.com/nextui-org/nextui/commit/71807e88317c40aadfeb134125be1def9d679956) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Theme plugin optimization applied to make it faster
+
 ## 2.1.12
 
 ### Patch Changes

packages/core/theme/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/theme",
-  "version": "2.1.12",
+  "version": "2.1.13",
   "description": "The default theme for NextUI components",
   "keywords": [
     "theme",

packages/core/theme/src/components/input.ts

@@ -23,7 +23,7 @@ import {dataFocusVisibleClasses, groupDataFocusVisibleClasses} from "../utils";
  */
 const input = tv({
   slots: {
-    base: ["group flex relative flex-col", "data-[has-helper=true]:mb-4"],
+    base: "group flex flex-col",
     label: [
       "absolute",
       "z-10",
@@ -33,15 +33,19 @@ const input = tv({
       "block",
       "text-small",
       "text-foreground-500",
+      "opacity-70",
+      "group-data-[filled-within=true]:opacity-100",
     ],
     mainWrapper: "h-full",
     inputWrapper:
       "relative w-full inline-flex tap-highlight-transparent flex-row items-center shadow-sm px-3 gap-3",
     innerWrapper: "inline-flex w-full items-center h-full box-border",
     input: [
+      "opacity-70",
       "w-full font-normal bg-transparent !outline-none placeholder:text-foreground-500 focus-visible:outline-none",
       "data-[has-start-content=true]:ps-1.5",
       "data-[has-end-content=true]:pe-1.5",
+      "group-data-[has-value=true]:opacity-100",
     ],
     clearButton: [
       "p-2",
@@ -61,7 +65,7 @@ const input = tv({
       // focus ring
       ...dataFocusVisibleClasses,
     ],
-    helperWrapper: "flex absolute -bottom-[calc(theme(fontSize.tiny)*1.5)] flex-col gap-1.5 px-1",
+    helperWrapper: "p-1 flex relative flex-col gap-1.5",
     description: "text-tiny text-foreground-400",
     errorMessage: "text-tiny text-danger",
   },
@@ -73,6 +77,8 @@ const input = tv({
           "data-[hover=true]:bg-default-200",
           "group-data-[focus=true]:bg-default-100",
         ],
+        input: "placeholder:text-default-foreground",
+        label: "text-default-foreground",
       },
       faded: {
         inputWrapper: [
@@ -81,14 +87,18 @@ const input = tv({
           "border-default-200",
           "data-[hover=true]:border-default-400",
         ],
+        input: "placeholder:text-default-foreground",
+        label: "text-default-foreground",
       },
       bordered: {
         inputWrapper: [
           "border-medium",
           "border-default-200",
           "data-[hover=true]:border-default-400",
-          "group-data-[focus=true]:border-foreground",
+          "group-data-[focus=true]:border-default-foreground",
         ],
+        input: "placeholder:text-foreground",
+        label: "text-foreground",
       },
       underlined: {
         inputWrapper: [
@@ -105,7 +115,7 @@ const input = tv({
           "after:content-['']",
           "after:w-0",
           "after:origin-center",
-          "after:bg-foreground",
+          "after:bg-default-foreground",
           "after:absolute",
           "after:left-1/2",
           "after:-translate-x-1/2",
@@ -114,10 +124,14 @@ const input = tv({
           "group-data-[focus=true]:after:w-full",
         ],
         innerWrapper: "pb-1",
+        input: "placeholder:text-foreground",
+        label: "text-foreground",
       },
     },
     color: {
-      default: {},
+      default: {
+        label: "group-data-[filled-within=true]:opacity-80",
+      },
       primary: {},
       secondary: {},
       success: {},
@@ -494,14 +508,6 @@ const input = tv({
         ],
       },
     },
-    // inside && default
-    {
-      labelPlacement: "inside",
-      color: "default",
-      class: {
-        label: "group-data-[filled-within=true]:text-foreground-600",
-      },
-    },
     // isInvalid & variant
     {
       isInvalid: true,
@@ -582,11 +588,9 @@ const input = tv({
         label: [
           "pb-0",
           "z-20",
-          "opacity-60",
           "top-1/2",
           "-translate-y-1/2",
           "group-data-[filled-within=true]:left-0",
-          "group-data-[filled-within=true]:opacity-100",
         ],
       },
     },
@@ -601,7 +605,6 @@ const input = tv({
     {
       labelPlacement: ["inside"],
       variant: "flat",
-      size: ["md", "lg"],
       class: {
         innerWrapper: "pb-0.5",
       },
@@ -808,6 +811,13 @@ const input = tv({
         input: "transition-height !duration-100 motion-reduce:transition-none",
       },
     },
+    // text truncate labelPlacement=[inside,outside]
+    {
+      labelPlacement: ["inside", "outside"],
+      class: {
+        label: ["pe-2", "max-w-full", "text-ellipsis", "overflow-hidden"],
+      },
+    },
   ],
 });
 

packages/core/theme/src/components/select.ts

@@ -5,7 +5,7 @@ import {tv} from "../utils/tv";
 
 const select = tv({
   slots: {
-    base: ["group inline-flex flex-col relative w-full", "data-[has-helper=true]:mb-4"],
+    base: ["group inline-flex flex-col relative w-full"],
     label: [
       "block",
       "absolute",
@@ -15,6 +15,8 @@ const select = tv({
       "text-small",
       "text-foreground-500",
       "pointer-events-none",
+      "opacity-70",
+      "group-data-[filled=true]:opacity-100",
     ],
     mainWrapper: "w-full flex flex-col",
     trigger:
@@ -23,11 +25,17 @@ const select = tv({
       "inline-flex h-full w-[calc(100%_-_theme(spacing.unit-6))] min-h-unit-4 items-center gap-1.5 box-border",
     selectorIcon: "absolute right-3 w-unit-4 h-unit-4",
     spinner: "absolute right-3",
-    value: ["font-normal", "w-full", "text-left"],
+    value: [
+      "font-normal",
+      "w-full",
+      "text-left",
+      "opacity-70",
+      "group-data-[has-value=true]:opacity-100",
+    ],
     listboxWrapper: "scroll-py-6 max-h-64 w-full",
     listbox: "",
     popoverContent: "w-full p-1 overflow-hidden",
-    helperWrapper: "flex absolute -bottom-[calc(theme(fontSize.tiny)*1.5)] flex-col gap-1.5 px-1",
+    helperWrapper: "p-1 flex relative flex-col gap-1.5",
     description: "text-tiny text-foreground-400",
     errorMessage: "text-tiny text-danger",
   },
@@ -39,6 +47,8 @@ const select = tv({
           "data-[hover=true]:bg-default-200",
           "group-data-[focus=true]:bg-default-100",
         ],
+        label: "text-default-foreground",
+        value: "placeholder:text-default-foreground",
       },
       faded: {
         trigger: [
@@ -47,15 +57,20 @@ const select = tv({
           "border-default-200",
           "data-[hover=true]:border-default-400",
         ],
+        label: "text-default-foreground",
+        value: "placeholder:text-default-foreground",
       },
       bordered: {
         trigger: [
           "border-medium",
           "border-default-200",
           "data-[hover=true]:border-default-400",
-          "data-[open=true]:border-foreground",
-          "data-[focus=true]:border-foreground",
+          "data-[open=true]:border-default-foreground",
+          "data-[focus=true]:border-default-foreground",
+          "data-[focus=true]:border-default-foreground",
         ],
+        label: "text-foreground",
+        value: "placeholder:text-foreground",
       },
       underlined: {
         trigger: [
@@ -72,7 +87,7 @@ const select = tv({
           "after:content-['']",
           "after:w-0",
           "after:origin-center",
-          "after:bg-foreground",
+          "after:bg-default-foreground",
           "after:absolute",
           "after:left-1/2",
           "after:-translate-x-1/2",
@@ -81,11 +96,13 @@ const select = tv({
           "data-[open=true]:after:w-full",
           "data-[focus=true]:after:w-full",
         ],
+        label: "text-foreground",
+        value: "placeholder:text-foreground",
       },
     },
     color: {
       default: {
-        value: ["text-foreground-500", "group-data-[has-value=true]:text-foreground"],
+        label: "group-data-[filled=true]:opacity-80",
       },
       primary: {},
       secondary: {},
@@ -454,14 +471,6 @@ const select = tv({
         ],
       },
     },
-    // inside && default
-    {
-      labelPlacement: "inside",
-      color: "default",
-      class: {
-        label: "group-data-[filled=true]:text-foreground-600",
-      },
-    },
     // isInvalid & variant
     {
       isInvalid: true,
@@ -523,15 +532,7 @@ const select = tv({
       isMultiline: false,
       class: {
         base: "group relative justify-end",
-        label: [
-          "pb-0",
-          "z-20",
-          "opacity-60",
-          "top-1/2",
-          "-translate-y-1/2",
-          "group-data-[filled=true]:opacity-100",
-          "group-data-[filled=true]:left-0",
-        ],
+        label: ["pb-0", "z-20", "top-1/2", "-translate-y-1/2", "group-data-[filled=true]:left-0"],
       },
     },
     // labelPlacement=[inside]
@@ -689,6 +690,13 @@ const select = tv({
         base: "data-[has-label=true]:mt-[calc(theme(fontSize.small)_+_12px)]",
       },
     },
+    // text truncate labelPlacement=[inside,outside]
+    {
+      labelPlacement: ["inside", "outside"],
+      class: {
+        label: ["pe-2", "max-w-full", "text-ellipsis", "overflow-hidden"],
+      },
+    },
   ],
 });
 

packages/core/theme/src/plugin.ts

@@ -23,6 +23,8 @@ import {baseStyles} from "./utils/classes";
 
 const DEFAULT_PREFIX = "nextui";
 
+const parsedColorsCache: Record<string, number[]> = {};
+
 // @internal
 const resolveConfig = (
   themes: ConfigThemes = {},
@@ -42,7 +44,7 @@ const resolveConfig = (
     colors: {},
   };
 
-  forEach(themes, ({extend, layout, colors}: ConfigTheme, themeName: string) => {
+  for (const [themeName, {extend, layout, colors}] of Object.entries(themes)) {
     let cssSelector = `.${themeName},[data-theme="${themeName}"]`;
     const scheme = themeName === "light" || themeName === "dark" ? themeName : extend;
 
@@ -58,7 +60,7 @@ const resolveConfig = (
       : {};
 
     // flatten color definitions
-    const flatColors = flattenThemeObject(colors);
+    const flatColors = flattenThemeObject(colors) as Record<string, string>;
 
     const flatLayout = layout ? mapKeys(layout, (value, key) => kebabCase(key)) : {};
 
@@ -71,12 +73,16 @@ const resolveConfig = (
     /**
      * Colors
      */
-    forEach(flatColors, (colorValue, colorName) => {
+    for (const [colorName, colorValue] of Object.entries(flatColors)) {
       if (!colorValue) return;
 
       try {
-        // const [h, s, l, defaultAlphaValue] = parseToHsla(colorValue);
-        const [h, s, l, defaultAlphaValue] = Color(colorValue).hsl().round().array();
+        const parsedColor =
+          parsedColorsCache[colorValue] || Color(colorValue).hsl().round().array();
+
+        parsedColorsCache[colorValue] = parsedColor;
+
+        const [h, s, l, defaultAlphaValue] = parsedColor;
         const nextuiColorVariable = `--${prefix}-${colorName}`;
         const nextuiOpacityVariable = `--${prefix}-${colorName}-opacity`;
 
@@ -106,45 +112,46 @@ const resolveConfig = (
         // eslint-disable-next-line no-console
         console.log("error", error?.message);
       }
-    });
+    }
 
     /**
      * Layout
      */
-    forEach(flatLayout, (value, key) => {
+    for (const [key, value] of Object.entries(flatLayout)) {
       if (!value) return;
 
+      const layoutVariablePrefix = `--${prefix}-${key}`;
+
       if (typeof value === "object") {
-        forEach(value, (v, k) => {
-          const layoutVariable = `--${prefix}-${key}-${k}`;
+        for (const [nestedKey, nestedValue] of Object.entries(value)) {
+          const nestedLayoutVariable = `${layoutVariablePrefix}-${nestedKey}`;
 
-          resolved.utilities[cssSelector]![layoutVariable] = v;
-        });
-      } else if (key === "spacing-unit") {
-        const layoutVariable = `--${prefix}-${key}`;
-
-        // add the base unit "--spacing-unit: value"
-        resolved.utilities[cssSelector]![layoutVariable] = value;
-
-        const spacingScale = generateSpacingScale(Number(value));
-
-        // add the list of spacing units "--spacing-unit-[key]: value"
-        forEach(spacingScale, (v, k) => {
-          const layoutVariable = `--${prefix}-${key}-${k}`;
-
-          resolved.utilities[cssSelector]![layoutVariable] = v;
-        });
-      } else {
-        const layoutVariable = `--${prefix}-${key}`;
-
-        if (layoutVariable.includes("opacity") && typeof value === "number") {
-          value = value.toString().replace(/^0\./, ".");
+          resolved.utilities[cssSelector]![nestedLayoutVariable] = nestedValue;
         }
+      } else {
+        // Process base units and spacing scale
+        if (key === "spacing-unit") {
+          resolved.utilities[cssSelector]![layoutVariablePrefix] = value; // Add the base unit
 
-        resolved.utilities[cssSelector]![layoutVariable] = value;
+          const spacingScale = generateSpacingScale(Number(value));
+
+          for (const [scaleKey, scaleValue] of Object.entries(spacingScale)) {
+            const spacingVariable = `${layoutVariablePrefix}-${scaleKey}`;
+
+            resolved.utilities[cssSelector]![spacingVariable] = scaleValue;
+          }
+        } else {
+          // Handle opacity values and other singular layout values
+          const formattedValue =
+            layoutVariablePrefix.includes("opacity") && typeof value === "number"
+              ? value.toString().replace(/^0\./, ".")
+              : value;
+
+          resolved.utilities[cssSelector]![layoutVariablePrefix] = formattedValue;
+        }
       }
-    });
-  });
+    }
+  }
 
   return resolved;
 };
@@ -183,10 +190,11 @@ const corePlugin = (
           ...baseStyles(prefix),
         },
       });
+
       // add the css variables to "@layer utilities"
-      addUtilities({...resolved.utilities, ...utilities});
+      addUtilities({...resolved?.utilities, ...utilities});
       // add the theme as variant e.g. "[theme-name]:text-2xl"
-      resolved.variants.forEach((variant) => {
+      resolved?.variants.forEach((variant) => {
         addVariant(variant.name, variant.definition);
       });
     },
@@ -197,7 +205,7 @@ const corePlugin = (
           // @ts-ignore
           colors: {
             ...(addCommonColors ? commonColors : {}),
-            ...resolved.colors,
+            ...resolved?.colors,
           },
           scale: {
             "80": "0.8",

packages/storybook/tailwind.config.js

@@ -11,5 +11,63 @@ module.exports = {
     "../core/theme/stories/**/*.{js,jsx,ts,tsx}",
   ],
   darkMode: "class",
-  plugins: [nextui()],
+  plugins: [
+    nextui({
+      themes: {
+        // "dark": {
+        //   extend: "dark", // <- inherit default values from dark theme
+        //   colors: {
+        //     background: "#0D001A",
+        //     foreground: "#ffffff",
+        //     content1: "#3B096C",
+        //     content2: "#520F83",
+        //     content3: "#7318A2",
+        //     content4: "#9823C2",
+        //     default: {
+        //       50: "#3B096C",
+        //       100: "#521d86",
+        //       200: "#6423a6",
+        //       300: "#7524cc",
+        //       400: "#8935e8",
+        //       500: "#9f57f5",
+        //       600: "#ba86fa",
+        //       700: "#d4b5fd",
+        //       800: "#e7d6fe",
+        //       900: "#f2e8ff",
+        //       DEFAULT: "#3B096C",
+        //       foreground: "#d4b5fd",
+        //     },
+        //     primary: {
+        //       50: "#3B096C",
+        //       100: "#520F83",
+        //       200: "#7318A2",
+        //       300: "#9823C2",
+        //       400: "#c031e2",
+        //       500: "#DD62ED",
+        //       600: "#F182F6",
+        //       700: "#FCADF9",
+        //       800: "#FDD5F9",
+        //       900: "#FEECFE",
+        //       DEFAULT: "#DD62ED",
+        //       foreground: "#ffffff",
+        //     },
+        //     focus: "#F182F6",
+        //   },
+        //   layout: {
+        //     disabledOpacity: "0.3",
+        //     radius: {
+        //       small: "4px",
+        //       medium: "6px",
+        //       large: "8px",
+        //     },
+        //     borderWidth: {
+        //       small: "1px",
+        //       medium: "2px",
+        //       large: "3px",
+        //     },
+        //   },
+        // },
+      },
+    }),
+  ],
 };

packages/utilities/aria-utils/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @nextui-org/aria-utils
 
+## 2.0.13
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/system@2.0.13
+
 ## 2.0.12
 
 ### Patch Changes

packages/utilities/aria-utils/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/aria-utils",
-  "version": "2.0.12",
+  "version": "2.0.13",
   "description": "A package for managing @react-aria nextui utils.",
   "keywords": [
     "aria-utils"

packages/utilities/framer-transitions/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @nextui-org/framer-transitions
 
+## 2.0.13
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @nextui-org/system@2.0.13
+
 ## 2.0.12
 
 ### Patch Changes

packages/utilities/framer-transitions/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/framer-transitions",
-  "version": "2.0.12",
+  "version": "2.0.13",
   "description": "A set of framer motion transitions for react",
   "keywords": [
     "framer-transitions"