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/components/docs/components/codeblock.tsx

@@ -1,5 +1,5 @@
 import React, {forwardRef, useEffect} from "react";
-import {clsx, getUniqueID} from "@nextui-org/shared-utils";
+import {clsx, dataAttr, getUniqueID} from "@nextui-org/shared-utils";
 import BaseHighlight, {Language, PrismTheme, defaultProps} from "prism-react-renderer";
 import {debounce} from "lodash";
 
@@ -11,13 +11,15 @@ interface CodeblockProps {
   codeString: string;
   metastring?: string;
   theme?: PrismTheme;
+  children?: React.ReactNode;
   showLines?: boolean;
   removeIndent?: boolean;
   hideScrollBar?: boolean;
   className?: string;
-  children?: (props: any) => React.ReactNode;
 }
 
+type HighlightStyle = "inserted" | "deleted" | undefined;
+
 const RE = /{([\d,-]+)}/;
 
 const calculateLinesToHighlight = (meta?: string) => {
@@ -64,6 +66,32 @@ const Codeblock = forwardRef<HTMLPreElement, CodeblockProps>(
 
     const lastSelectionText = React.useRef<string | null>(null);
 
+    const isDiff = language.includes("diff");
+
+    const codeLang = isDiff ? (language.split("-")[1] as Language) : language;
+
+    let highlightStyle: HighlightStyle[] = [];
+
+    if (isDiff) {
+      let code: string[] = [];
+
+      highlightStyle = codeString.split?.("\n").map((line) => {
+        if (line.startsWith("+")) {
+          code.push(line.substr(1));
+
+          return "inserted";
+        }
+        if (line.startsWith("-")) {
+          code.push(line.substr(1));
+
+          return "deleted";
+        }
+        code.push(line);
+      });
+
+      codeString = code.join("\n");
+    }
+
     useEffect(() => {
       const handleSelectionChange = () => {
         if (!window.getSelection) return;
@@ -105,7 +133,7 @@ const Codeblock = forwardRef<HTMLPreElement, CodeblockProps>(
       <BaseHighlight
         {...defaultProps}
         code={codeString}
-        language={language}
+        language={codeLang}
         theme={theme}
         {...props}
       >
@@ -138,6 +166,8 @@ const Codeblock = forwardRef<HTMLPreElement, CodeblockProps>(
                           shouldHighlightLine(i),
                       },
                     )}
+                    data-deleted={dataAttr(highlightStyle?.[i] === "deleted")}
+                    data-inserted={dataAttr(highlightStyle?.[i] === "inserted")}
                   >
                     {showLines && (
                       <span className="select-none text-xs mr-6 opacity-30">{i + 1}</span>

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

@@ -1,4 +1,6 @@
 import {Tabs, Tab, Snippet} from "@nextui-org/react";
+import {Key} from "react";
+import {useLocalStorage} from "usehooks-ts";
 
 import Codeblock from "./codeblock";
 
@@ -32,6 +34,22 @@ export interface PackageManagersProps {
 }
 
 export const PackageManagers = ({commands}: PackageManagersProps) => {
+  const [selectedManager, setSelectedManager] = useLocalStorage<PackageManagerName>(
+    "selectedPackageManager",
+    "npm",
+  );
+
+  const handleSelectionChange = (tabKey: Key) => {
+    trackEvent("PackageManagers - Selection", {
+      name: `${tabKey}`,
+      action: "tabChange",
+      category: "docs",
+      data: commands[tabKey as unknown as PackageManagerName] ?? "",
+    });
+
+    setSelectedManager(tabKey as PackageManagerName);
+  };
+
   return (
     <Tabs
       aria-label="NextUI installation commands"
@@ -39,15 +57,9 @@ export const PackageManagers = ({commands}: PackageManagersProps) => {
         base: "group mt-4",
         tabList: "h-10",
       }}
+      selectedKey={selectedManager}
       variant="underlined"
-      onSelectionChange={(tabKey) => {
-        trackEvent("PackageManagers - Selection", {
-          name: tabKey as string,
-          action: "tabChange",
-          category: "docs",
-          data: commands[tabKey as unknown as PackageManagerName] ?? "",
-        });
-      }}
+      onSelectionChange={handleSelectionChange}
     >
       {packageManagers.map(({name, icon}) => {
         if (!commands[name]) return null;

apps/docs/components/marketing/hero/hero.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import NextLink from "next/link";
-import {Button, Link} from "@nextui-org/react";
+import {Button, Link, Chip} from "@nextui-org/react";
 import {ArrowRightIcon} from "@nextui-org/shared-icons";
 import dynamic from "next/dynamic";
 
@@ -16,9 +16,33 @@ const BgLooper = dynamic(() => import("./bg-looper").then((mod) => mod.BgLooper)
 });
 
 export const Hero = () => {
+  const handlePressAnnouncement = (name: string, url: string) => {
+    trackEvent("NavbarItem", {
+      name,
+      action: "press",
+      category: "home - gero",
+      data: url,
+    });
+  };
+
   return (
     <section className="flex relative overflow-hidden lg:overflow-visible w-full flex-nowrap justify-between items-center h-[calc(100vh_-_64px)] 2xl:h-[calc(84vh_-_64px)]">
       <div className="flex relative z-20 flex-col gap-6 w-full lg:w-1/2 xl:mt-10">
+        <div className="w-full flex justify-center md:hidden">
+          <Chip
+            as={NextLink}
+            className="w-full hover:bg-default-100 border-default-200/80 dark:border-default-100/80 transition-colors cursor-pointer"
+            color="secondary"
+            href="/blog/v2.2.0"
+            variant="dot"
+            onClick={() => handlePressAnnouncement("Introducing v2.2.0", "/blog/v2.2.0")}
+          >
+            Introducing v2.2.0&nbsp;
+            <span aria-label="rocket emoji" role="img">
+              🚀
+            </span>
+          </Chip>
+        </div>
         <div className="text-center leading-8 md:leading-10 md:text-left">
           <div className="inline-block">
             <h1 className={title()}>Make&nbsp;</h1>

apps/docs/components/navbar.tsx

@@ -247,7 +247,7 @@ export const Navbar: FC<NavbarProps> = ({children, routes, mobileRoutes = [], sl
               as={NextLink}
               className="hover:bg-default-100 border-default-200/80 dark:border-default-100/80 transition-colors cursor-pointer"
               color="secondary"
-              href="/blog/v2.1.0"
+              href="/blog/v2.2.0"
               variant="dot"
               onClick={() => handlePressNavbarItem("Introducing v2.2.0", "/blog/v2.2.0")}
             >

apps/docs/components/primitives.ts

@@ -17,9 +17,9 @@ export const title = tv({
       foreground: "dark:from-[#FFFFFF] dark:to-[#4B4B4B]",
     },
     size: {
-      sm: "text-3xl lg:text-4xl",
-      md: "text-[2.5rem] lg:text-5xl",
-      lg: "text-4xl lg:text-6xl",
+      sm: "text-2xl lg:text-4xl",
+      md: "text-[2.1rem] lg:text-5xl",
+      lg: "text-3xl lg:text-6xl",
     },
     fullWidth: {
       true: "w-full block",

apps/docs/components/sandpack/use-sandpack.ts

@@ -1,13 +1,12 @@
 import {useMemo} from "react";
 import {SandpackFiles, SandpackPredefinedTemplate} from "@codesandbox/sandpack-react";
 import {useTheme} from "next-themes";
+import {useLocalStorage} from "usehooks-ts";
 
 import {HighlightedLines} from "./types";
 import {getHighlightedLines, getFileName} from "./utils";
 import {stylesConfig, postcssConfig, tailwindConfig, getHtmlFile, rootFile} from "./entries";
 
-import {useLocalStorage} from "@/hooks/use-local-storage";
-
 export interface UseSandpackProps {
   files?: SandpackFiles;
   typescriptStrict?: boolean;

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

@@ -1,6 +1,6 @@
 ---
 title: "Introducing v2.2.0 🚀"
-description: "NextUI v2.2.0 is here with Client side router support, 3 new components including the Autocomplete, and more."
+description: "NextUI v2.2.0 is here! Dive into client-side router support, discover 3 new components including the Autocomplete, and more."
 date: "2023-11-03"
 image: "/blog/v2.2.0.jpg"
 tags: ["nextui", "autocomplete", "breadcrumbs", "client side router", "slider"]
@@ -11,143 +11,419 @@ author:
   avatar: "/avatars/junior-garcia.jpeg"
 ---
 
-import {selectContent} from "@/content/components/select";
-import {listboxContent} from "@/content/components/listbox";
-import {scrollShadowContent} from "@/content/components/scroll-shadow";
-
+import {autocompleteContent} from "@/content/components/autocomplete";
+import {sliderContent} from "@/content/components/slider";
+import {breadcrumbsContent} from "@/content/components/breadcrumbs";
 
 <img
-  src="/blog/v2.1.0.jpg"
+  src="/blog/v2.2.0_2x.jpg"
   width={700}
   height={350}
-  alt="NextUI v2"
+  alt="NextUI v2.2.0"
   className="w-full border border-transparent dark:border-default-200/50 object-fit rounded-xl shadow-lg"
 />
 
-We are thrilled to announce the latest update to NextUI, version **2.1.0**! This release introduces some game-changing
-additions that many of you have eagerly been waiting for.
+We are excited to announce the latest update to NextUI, version **2.2.0**! This release introduces 3 new components,
+support for client-side routing, and more.
 
-First on the list is the highly-anticipated **Select** component. Fully customizable and beautifully designed, supports both single and
-multi-select modes and is accessible out of the box.
+## What's New in v2.2.0?
 
-But that's not all. We're also rolling out two more incredible components **Listbox** and **ScrollShadow**. The new
-**Listbox** allows you to make list manipulations more efficient and visually appealing. Meanwhile, the
-**ScrollShadow** component adds an elegant shadow effect to scrollable areas, enhancing the UI aesthetics while
-also improving usability.
+- [Client Side Routing](#client-side-routing) - Allows you to seamlessly incorporate client-side routers.
+- [Autocomplete](/docs/components/autocomplete) - Combines a text input with a listbox, allowing users to filter a list of options.
+- [Slider](/docs/components/slider) - Allows users to make selections from a range of values.
+- [Breadcrumbs](/docs/components/breadcrumbs) - Displays a hierarchy of links to the current page or resource in an application.
+- [Other Changes](#other-changes) - Includes styling improvements, accessibility and usability enhancements.
 
-## Select
+<Spacer y={4} />
 
-Creating a select component that is both accessible and customizable is a challenging task. We've spent a lot of time
+## Client Side Routing
+
+By default, links perform native browser navigation when they are interacted with. However, many apps and
+frameworks use client side routers to avoid a full page reload when navigating between pages.
+
+NextUI now natively supports client-side routing in components such as [Link](/docs/components/link), [Tabs](/docs/components/tabs),
+[Breadcrumbs](/docs/components/breadcrumbs), [Listbox](/docs/components/listbox), [Dropdown](/docs/components/dropdown) and many others offering
+the flexibility to be rendered as HTML links, allowing you to seamlessly incorporate client-side routers. See the [Routing](/docs/guide/routing) guide to
+learn how it set it up in your app.
+
+The `NextUIProvider` component configures all NextUI components within it to navigate using the
+client side router you provide.
+
+> **Note**: Client side routing is based on [React Aria Routing](https://react-spectrum.adobe.com/react-aria/routing.html).
+
+### Next.js Example
+
+- App Router
+
+  Go to your `app/providers.tsx` or `app/providers.jsx` (create it if it doesn't exist) and add the
+  `useRouter` hook from `next/navigation`, it returns a router object that can be used to perform navigation.
+
+  ```tsx
+  // app/providers.tsx
+  "use client";
+
+  import {NextUIProvider} from "@nextui-org/react";
+
+  export function Providers({children}: {children: React.ReactNode}) {
+    const router = useRouter();
+
+    return <NextUIProvider navigate={router.push}>{children}</NextUIProvider>;
+  }
+  ```
+
+- Pages Router
+
+  Go to pages`/_app.js` or `pages/_app.tsx` (create it if it doesn't exist) and add the`useRouter` hook
+  from `next/router`, it returns a router object that can be used to perform navigation.
+
+  ```tsx
+  // pages/_app.tsx
+  import type {AppProps} from "next/app";
+  import {useRouter} from "next/router";
+  import {NextUIProvider} from "@nextui-org/react";
+
+  function MyApp({Component, pageProps}: AppProps) {
+    const router = useRouter();
+
+    return (
+      <NextUIProvider navigate={router.push}>
+        <Component {...pageProps} />
+      </NextUIProvider>
+    );
+  }
+
+  export default MyApp;
+  ```
+
+- Usage
+
+  Now that you have set up the `NextUIProvider` in your app, you can use the `href` prop in the `Tabs`,
+  `Listbox` and `Dropdown` items to navigate between pages.
+
+  The [Link](/docs/components/link) component will also use the `navigate` function from the
+  `NextUIProvider` to navigate between pages.
+
+  ```jsx
+  import {
+    Tabs,
+    Tab,
+    Listbox,
+    ListboxItem,
+    Dropdown,
+    DropdownTrigger,
+    DropdownMenu,
+    DropdownItem,
+    Button,
+    Link,
+  } from "@nextui-org/react";
+
+  function App() {
+    return (
+      <>
+        <Tabs aria-label="Navigation">
+          <Tab key="home" href="/home">
+            Home
+          </Tab>
+          <Tab key="about" href="/about">
+            About
+          </Tab>
+        </Tabs>
+        <Listbox aria-label="Navigation">
+          <ListboxItem key="home" href="/home">
+            Home
+          </ListboxItem>
+          <ListboxItem key="about" href="/about">
+            About
+          </ListboxItem>
+        </Listbox>
+        <Dropdown>
+          <DropdownTrigger>
+            <Button>Open</Button>
+          </DropdownTrigger>
+          <DropdownMenu aria-label="Navigation">
+            <DropdownItem key="home" href="/home">
+              Home
+            </DropdownItem>
+            <DropdownItem key="about" href="/about">
+              About
+            </DropdownItem>
+          </DropdownMenu>
+        </Dropdown>
+        <Link href="/home">Home</Link>
+        <Link href="/about">About</Link>
+      </>
+    );
+  }
+  ```
+
+<Spacer y={4} />
+
+## Autocomplete
+
+Creating an autocomplete component that is both accessible and customizable is a challenging task. We've spent a lot of time
 researching and testing different approaches to come up with a solution that works for everyone. The result is a
 component that is easy to use, fully accessible, and highly customizable.
 
-The new **Select** component includes:
+The new **Autocomplete** component includes:
 
 - Support for selecting a single option.
-- Support for selecting multiple options.
 - Support for disabled options.
-- Support for sections.
-- Labeling support for accessibility.
-- Exposed to assistive technology as a button with a listbox popup using ARIA (combined with [Listbox](/docs/components/listbox)).
+- Support for groups of items in sections.
+- Support for filtering a list of options by typing.
+- Support for controlled and uncontrolled options, selection and input value.
+- Support for custom filter functions.
+- Async loading and infinite scrolling support.
+- Required and invalid states exposed to assistive technology via ARIA.
 - Support for description and error message help text linked to the input via ARIA.
-- Support for mouse, touch, and keyboard interactions.
-- Tab stop focus management.
-- Asynchronous options loading.
-- Keyboard support for opening the listbox using the arrow keys, including automatically focusing the first or last item accordingly.
-- Typeahead to allow selecting options by typing text, even without opening the listbox.
-- Browser autofill integration via a hidden native `<select>` element.
-- Support for mobile form navigation via software keyboard.
-- Mobile screen reader listbox dismissal support.
 - And much more...
 
-### Single Select
+We recommend to read this [Blog post](https://react-spectrum.adobe.com/blog/building-a-combobox.html) from [react-aria](https://react-spectrum.adobe.com/react-aria) team to learn more
+about the Autocomplete component.
 
-The single select component is used to select a single option from a list of options. It is a combination of a button
-and a listbox. The button displays the currently selected option and the listbox displays the available options.
+### Usage
 
-<CodeDemo title="Usage" files={selectContent.usage} />
+<CodeDemo title="Usage" files={autocompleteContent.usage} />
 
-### Multiple Select
+### Custom Items
 
-The multiple select component can be used to select multiple options from a list of options.
-
-You only need to pass the `selectionMode="multiple"` prop to the `Select` component.
-
-<CodeDemo title="Multiple Selection" files={selectContent.multiple} />
-
-### Multiple Variants
-
-The select component comes with multiple variants.
-
-<CodeDemo title="Variants" files={selectContent.variants} />
-
-
-### Chips Support
-
-The select component is flexible and allows you to render any component as an option and as a selected option.
-
-<CodeDemo title="Multiple Selection with Chips" files={selectContent.multipleWithChips} />
+You can customize the autocomplete items by modifying the `AutocompleteItem` children.
 
+<CodeDemo title="Custom Items" files={autocompleteContent.customItems} />
 
 ### Customizable
 
-The select component is highly customizable, you can customize the selected option, the options, the listbox,
-the popover and the scrollable area.
+The autocomplete component is highly customizable, you can customize the popover, listbox and
+input components.
 
-<CodeDemo title="Custom Styles" files={selectContent.customStyles} />
+<CodeDemo title="Custom Styles" files={autocompleteContent.customStyles} />
 
+Go to the [Autocomplete](/docs/components/autocomplete) component page to learn more about it.
 
-Go to the [Select](/docs/components/select) component page to learn more about sizes, colors, and more.
+<Spacer y={4} />
 
+## Slider
 
-## Listbox
-
-The listbox component allows you to make list manipulations more efficient and visually appealing.
-
-The new **Listbox** component includes:
-
-- Support for single, multiple, or no selection.
-- Exposed to assistive technology as a `listbox` using ARIA.
-- Support for disabled items.
-- Support for sections.
-- Labeling support for accessibility.
-- Support for mouse, touch, and keyboard interactions.
-- Tab stop focus management.
-- Keyboard navigation support including arrow keys, home/end, page up/down, select all, and clear.
-- Automatic scrolling support during keyboard navigation.
-- Typeahead to allow focusing options by typing text.
-
+The **Slider** component allows users to make selections from a range of values. It is a great way to allow users to
+select a value from a fixed range, such as volume or temperature, or to select a value from a range that changes
+frequently, such as stock prices or budgets.
 
 ### Usage
 
-<CodeDemo title="Usage" files={listboxContent.usage} />
+<CodeDemo title="Usage" files={sliderContent.usage} />
 
-### Custom Styles
+### Range Support
 
-The Listbox components offers multiple customization options. 
+If you pass an array of values to the `value` prop or to the `defaultValue` prop, the slider will become a range slider.
 
-<CodeDemo title="Custom Styles" files={listboxContent.customStyles} />
+<CodeDemo title="Range Slider" files={sliderContent.range} />
 
-> **Note**: In the above example, we've utilized the [Boxicons](https://boxicons.com/) icons collection.
+### With Tooltip
 
-Go to the [Listbox](/docs/components/listbox) component page to learn more about it.
+The slider component also supports a tooltip to display the current value.
 
+<CodeDemo title="With Tooltip" files={sliderContent.tooltip} />
 
-## ScrollShadow
+### Slider steps
 
-The ScrollShadow component gives a nice shadow effect to scrollable areas. These shadows are handled by using
-the CSS `mask-image` property, which makes the shadows adapt to the background color.
+You can use the `showSteps` prop to display small dots on each step.
+
+<CodeDemo title="With Visible Steps" files={sliderContent.visibleSteps} />
+
+### Slider Custom Styles
+
+You can customize the `Slider` component by passing custom Tailwind CSS classes to the component slots.
+
+<CodeDemo title="Custom Styles" files={sliderContent.customStyles} />
+
+Go to the [Slider](/docs/components/slider) component page to learn more about it.
+
+<Spacer y={4} />
+
+## Breadcrumbs
+
+The **Breadcrumbs** is an essential component for navigating hierarchical content. It displays a hierarchy of links to the
+current page or resource in an application.
 
 ### Usage
 
-<CodeDemo title="Usage" files={scrollShadowContent.usage} />
+<CodeDemo title="Usage" files={breadcrumbsContent.usage} />
 
-You can hide the scrollbars, customize the shadows size, change the orientation, and more.
+### Breadcrumbs as menu
 
-Go to the [ScrollShadow](/docs/components/scroll-shadow) component page to learn more about it.
+It is possible to use the `Breadcrumbs` component as a horizontal menu. This is useful when you want to display a list
+of possible navigations and let the user choose one of them.
 
+<CodeDemo title="Menu Type" files={breadcrumbsContent.menuType} />
 
-<Spacer y={6}/>
+### Start & End Content support
+
+You can add any element to the start or end of the breadcrumbs by using the `startContent` and `endContent` props. The
+above example uses the `startContent` prop to add icons to the start of the breadcrumbs.
+
+<CodeDemo title="Start & End Content" files={breadcrumbsContent.startEndContent} />
+
+### Collapsing Items support
+
+The `Breadcrumbs` component supports collapsing items, it is useful when you have a lot of items and you want to
+collapse them into a dropdown menu.
+
+<CodeDemo title="Customizing the Ellipsis Item" files={breadcrumbsContent.customizingEllipsis} />
+
+### Apllying custom styles
+
+You can customize the `Breadcrumbs` component by passing custom Tailwind CSS classes to the component slots.
+
+<CodeDemo title="Custom Styles" files={breadcrumbsContent.customStyles} />
+
+<Spacer y={4} />
+
+Go to the [Breadcrumbs](/docs/components/breadcrumbs) component page to learn more about it.
+
+## Other Changes
+
+- Styling Improvements:
+
+  - Transitioned spacing units from pixels (px) to rem units to optimize mobile component sizing.
+  - Introduced a new `shouldSelectOnPressUp` property for `Tabs/Tab` with a default value of true, allowing tab selection on press-up instead of press-down.
+  - Updated Chip component's font size to text-tiny for the sm size variant.
+  - Enhanced the Button component to display only the spinner during loading when it contains an icon.
+
+- Accessibility and Usability Enhancements:
+
+  - Resolved Popover component's open state issues for blur/opaque backdrops.
+  - Enhanced the ScrollShadow API, introducing visibility and onVisibilityChange properties to manage shadow visibility.
+  - Added `emptyContent`, `topContent`, and `bottomContent` properties to Listbox/Menu/Dropdown for customized content rendering.
+  - Introduced baseRef to the Input component, allowing control over the parent element's reference.
+  - Upgraded tailwind-variants to version `0.1.18`, incorporating slot props control.
+
+- Right-to-Left (RTL) Support:
+
+  - Implemented RTL support for Accordion,
+  - Implemented RTL support for Accordion Avatar & AvatarGroup components,
+  - Implemented RTL support for ButtonGroup.
+
+- Custom Implementations and Fixes:
+
+  - Implemented a custom `usePress` hook to address the corner press issue, with a corresponding pull request and issue submitted to the react-aria project.
+  - Applied the custom `usePress` across all NextUI interactive components for consistent behavior.
+  - Improved animations and positioning for Input & Select labels.
+  - Upgraded `react-aria` packages and `framer-motion` for enhanced performance.
+  - Enhanced TypeScript support for generic items in Menu and DropdownMenu.
+  - Streamlined package dependencies to exclude globally or individually installed packages, reducing bundle sizes.
+
+- Visual and Interactive Tweaks:
+
+  - Removed the outline on Input focus-visible for a cleaner aesthetic.
+  - Fixed the radius property issue in `ButtonGroup`.
+  - Introduced the `isActive` prop for `NavbarMenuItem` for active state management.
+  - Corrected the Pagination custom-items example by adding the key prop.
+  - Enabled Collection Items support within the `extendVariants` function.
+  - Added transitions to menu/listbox items for smoother interaction.
+  - Added a `disableAutosize` property to `Textarea` to control auto-resizing.
+  - Resolved styling issues in Textarea and animated height adjustments for a fluid user experience.
+  - Included a `hoverOpacity` key in the themes object within the plugin for customized hover effects.
+  - Implemented a hover effect for the Button component to enhance user interaction feedback.
+  - The padding of the CardBody has been updated from `p-5` to `p-3` for consistency with the padding of other Card elements.
+
+<Spacer y={4} />
+
+## Breaking Changes
+
+Unfortunately, we had to make some small styles breaking changes in this release to improve the [Popover](/docs/components/popover) arrow
+dynamic positioning. Instead of having a specific slot for the popover arrow, we now use the `before` pseudo element, this allows the
+popover to also move the arrow altogether.
+
+This change impacts the Popover, Dropdown, Tooltip and Select implementations.
+
+Popover changes:
+
+```diff-jsx
+  <Popover
+      showArrow
+      backdrop="opaque"
+      placement="right"
+      classNames={{
+-        base: "py-3 px-4 border border-default-200 bg-gradient-to-br from-white to-default-300 dark:from-default-100 dark:to-default-50",
+-        arrow: "bg-default-200",
++        base: [
++          // the "before" pseudo element is now the popover' arrow
++          "before:bg-default-200"
++        ],
++        content: [ // now we need to use the "content" slot to actually modify the popover' content styles
++          "py-3 px-4 border border-default-200",
++          "bg-gradient-to-br from-white to-default-300",
++          "dark:from-default-100 dark:to-default-50",
+        ],
+      }}
+    >
+      ...
+  </Popover>
+```
+
+Tooltip changes:
+
+```diff-jsx
+ <Tooltip
+      showArrow
+      placement="right"
+      content="I am a tooltip"
+      classNames={{
+-        base: "py-2 px-4 shadow-xl text-black bg-gradient-to-br from-white to-neutral-400",
+-        arrow: "bg-neutral-400 dark:bg-white",
++        base: [
++          // the "before" pseudo element is now the popover' arrow
++          "before:bg-neutral-400 dark:before:bg-white",
++        ],
++        content: [ // now we need to use the "content" slot to actually modify the popover' content styles
++          "py-2 px-4 shadow-xl",
++          "text-black bg-gradient-to-br from-white to-neutral-400",
++        ],
+      }}
+    >
+      <Button variant="flat">Hover me</Button>
+  </Tooltip>
+```
+
+Select changes:
+
+```diff-jsx
+ <Select
+      items={users}
+      label="Assigned to"
+      className="max-w-xs"
+      variant="bordered"
+      popoverProps={{
+        classNames: {
+-          base: "p-0 border-small border-divider bg-background",
+-          arrow: "bg-default-200",
++          base: "before:bg-default-200", // the before pseudo element controls the popover's arrow
++          content: "p-0 border-small border-divider bg-background", // now instead of the "base" slot we use the "content" slot
+        },
+      }}
+    >
+     ...
+    </Select>
+  );
+}`;
+```
+
+Dropdown Changes
+
+```diff-jsx
+    <Dropdown
+      showArrow
+      classNames={{
+-        base: "py-1 px-1 border border-default-200 bg-gradient-to-br from-white to-default-200 dark:from-default-50 dark:to-black",
+-        arrow: "bg-default-200",
++        content: "py-1 px-1 border border-default-200 bg-gradient-to-br from-white to-default-200 dark:from-default-50 dark:to-black",  // now instead of the "base" slot we use the "content"
++        base: "before:bg-default-200",  // the before pseudo element controls the popover's arrow
+      }}
+    >
+      ...
+    </Dropdown>
+```
+
+<Spacer y={6} />
 
 We hope you enjoy these new components and the new features. We're excited to see what you build with them!
 

apps/docs/content/components/select/open-state.ts

@@ -39,6 +39,7 @@ export default function App() {
         label="Favorite Animal"
         placeholder="Select an animal"
         defaultSelectedKeys={["cat"]}
+        onOpenChange={(open) => open !== isOpen && setIsOpen(open)}
         className="max-w-xs"
       >
         {animals.map((animal) => (

apps/docs/content/components/slider/custom-styles.ts

@@ -7,7 +7,7 @@ export default function App() {
       step={100} 
       maxValue={1000} 
       minValue={0} 
-      defaultValue={[100, 300]}
+      defaultValue={[0, 800]}
       showSteps={true}
       showTooltip={true}
       showOutline={true}

apps/docs/content/components/slider/visible-steps.ts

@@ -6,6 +6,7 @@ export default function App() {
       <Slider   
         size="sm"
         step={0.1}
+        color="foreground"
         label="Temperature"
         showSteps={true} 
         maxValue={1} 
@@ -16,6 +17,7 @@ export default function App() {
       <Slider   
         size="md"
         step={0.1}
+        color="foreground"
         label="Temperature"
         showSteps={true} 
         maxValue={1} 
@@ -26,6 +28,7 @@ export default function App() {
       <Slider   
         size="lg"
         step={0.1}
+        color="foreground"
         label="Temperature"
         showSteps={true} 
         maxValue={1} 

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/customization/layout.mdx

@@ -74,8 +74,8 @@ module.exports = {
       },
       themes: {
         light: {
-          hoverOpacity: 0.8, //  this value is applied as opacity-[value] when the component is hovered
           layout: {
+            hoverOpacity: 0.8, //  this value is applied as opacity-[value] when the component is hovered
             boxShadow: {
               // shadow-small
               small:

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

@@ -54,11 +54,12 @@ 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'
 
 import {NextUIProvider} from '@nextui-org/react';
+import {useRouter} from 'next/navigation'
 
 export function Providers({children}: { children: React.ReactNode }) {
   const router = useRouter();
@@ -102,11 +103,11 @@ 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 {useRouter} from 'next/router';
 import {NextUIProvider} from '@nextui-org/react';
+import {useRouter} from 'next/router';
 
 function MyApp({ Component, pageProps }: AppProps) {
   const router = useRouter();
@@ -128,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';
@@ -212,7 +213,10 @@ import {
   Listbox,
   ListboxItem,
   Dropdown,
+  DropdownTrigger,
+  DropdownMenu,
   DropdownItem,
+  Button,
   Link,
 } from "@nextui-org/react";
 
@@ -227,9 +231,14 @@ function App() {
         <ListboxItem key="home" href="/home">Home</ListboxItem>
         <ListboxItem key="about" href="/about">About</ListboxItem>
       </Listbox>
-      <Dropdown aria-label="Navigation">
-        <DropdownItem key="home" href="/home">Home</DropdownItem>
-        <DropdownItem key="about" href="/about">About</DropdownItem>
+      <Dropdown>
+        <DropdownTrigger>
+          <Button>Open</Button>
+        </DropdownTrigger>
+        <DropdownMenu aria-label="Navigation">
+          <DropdownItem key="home" href="/home">Home</DropdownItem>
+          <DropdownItem key="about" href="/about">About</DropdownItem>
+        </DropdownMenu>
       </Dropdown>
       <Link href="/home">Home</Link>
       <Link href="/about">About</Link>

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

apps/docs/package.json

@@ -91,6 +91,7 @@
     "tailwind-variants": "^0.1.18",
     "unified": "^9.2.2",
     "unist-util-visit": "^4.1.2",
+    "usehooks-ts": "^2.9.1",
     "zustand": "^4.3.8"
   },
   "devDependencies": {

apps/docs/styles/prism.css

@@ -146,6 +146,37 @@
   @apply opacity-0;
 }
 
+/**
+  * ----------------------------------------
+  * Highlighter styles
+  * ----------------------------------------
+  */
+
+.token-line[data-inserted="true"] {
+  background: rgb(83, 180, 215, 0.15);
+}
+
+.token-line[data-inserted="true"]:before {
+  content: "+";
+  color: rgb(83, 180, 215);
+  position: absolute;
+  left: 5px;
+  top: 0;
+}
+
+.token-line[data-deleted="true"] {
+  background: rgb(178, 41, 78, 0.2);
+}
+
+.token-line[data-deleted="true"]:before {
+  content: "-";
+  color: rgb(178, 41, 78);
+  position: absolute;
+  left: 5px;
+  top: 0;
+}
+
+
 /**
   * ----------------------------------------
   * Code snippet styles
@@ -191,3 +222,5 @@
 .token.language-javascript {
   @apply text-code-language-javascript;
 }
+
+

packages/components/accordion/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies [[`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0)]:
+  - @nextui-org/divider@2.0.22
+  - @nextui-org/system@2.0.12
+  - @nextui-org/aria-utils@2.0.12
+  - @nextui-org/framer-transitions@2.0.12
+
 ## 2.0.24
 
 ### Patch Changes

packages/components/accordion/package.json

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

packages/components/autocomplete/CHANGELOG.md

@@ -1,5 +1,49 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies [[`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0)]:
+  - @nextui-org/scroll-shadow@2.1.11
+  - @nextui-org/listbox@2.1.12
+  - @nextui-org/popover@2.1.11
+  - @nextui-org/spinner@2.0.21
+  - @nextui-org/button@2.0.23
+  - @nextui-org/input@2.1.12
+  - @nextui-org/system@2.0.12
+  - @nextui-org/aria-utils@2.0.12
+
+## 2.0.2
+
+### Patch Changes
+
+- Updated dependencies [[`e84158db6`](https://github.com/nextui-org/nextui/commit/e84158db620954b0f1d71206acbf3d46f43b0b89)]:
+  - @nextui-org/input@2.1.11
+  - @nextui-org/theme@2.1.12
+  - @nextui-org/popover@2.1.10
+  - @nextui-org/button@2.0.22
+  - @nextui-org/listbox@2.1.11
+  - @nextui-org/scroll-shadow@2.1.10
+  - @nextui-org/spinner@2.0.20
+
 ## 2.0.1
 
 ### Patch Changes

packages/components/autocomplete/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/autocomplete",
-  "version": "2.0.1",
+  "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"
@@ -37,8 +37,8 @@
     "react": ">=18",
     "react-dom": ">=18",
     "framer-motion": ">=4.0.0",
-    "@nextui-org/theme": ">=2.1.10",
-    "@nextui-org/system": ">=2.0.11"
+    "@nextui-org/theme": ">=2.1.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/aria-utils": "workspace:*",

packages/components/avatar/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies []:
+  - @nextui-org/system@2.0.12
+
 ## 2.0.22
 
 ### Patch Changes

packages/components/avatar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/avatar",
-  "version": "2.0.22",
+  "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"
@@ -36,8 +36,8 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@nextui-org/theme": ">=2.1.10",
-    "@nextui-org/system": ">=2.0.11"
+    "@nextui-org/theme": ">=2.1.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/shared-utils": "workspace:*",

packages/components/badge/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies [[`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0)]:
+  - @nextui-org/system-rsc@2.0.8
+
 ## 2.0.20
 
 ### Patch Changes

packages/components/badge/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/badge",
-  "version": "2.0.20",
+  "version": "2.0.22",
   "description": "Badges are used as a small numerical value or status descriptor for UI elements.",
   "keywords": [
     "badge"
@@ -36,7 +36,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@nextui-org/theme": ">=2.1.10"
+    "@nextui-org/theme": ">=2.1.0"
   },
   "dependencies": {
     "@nextui-org/system-rsc": "workspace:*",

packages/components/breadcrumbs/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies []:
+  - @nextui-org/system@2.0.12
+
 ## 2.0.1
 
 ### Patch Changes

packages/components/breadcrumbs/package.json

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

packages/components/button/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies [[`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0)]:
+  - @nextui-org/spinner@2.0.21
+  - @nextui-org/ripple@2.0.23
+  - @nextui-org/system@2.0.12
+
 ## 2.0.22
 
 ### Patch Changes

packages/components/button/package.json

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

packages/components/card/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies [[`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0)]:
+  - @nextui-org/ripple@2.0.23
+  - @nextui-org/system@2.0.12
+
 ## 2.0.22
 
 ### Patch Changes

packages/components/card/package.json

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

packages/components/checkbox/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies []:
+  - @nextui-org/system@2.0.12
+
 ## 2.0.23
 
 ### Patch Changes

packages/components/checkbox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/checkbox",
-  "version": "2.0.23",
+  "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"
@@ -36,8 +36,8 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@nextui-org/theme": ">=2.1.10",
-    "@nextui-org/system": ">=2.0.11"
+    "@nextui-org/theme": ">=2.1.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/shared-utils": "workspace:*",

packages/components/chip/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies []:
+  - @nextui-org/system@2.0.12
+
 ## 2.0.22
 
 ### Patch Changes

packages/components/chip/package.json

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

packages/components/code/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies [[`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0)]:
+  - @nextui-org/system-rsc@2.0.8
+
 ## 2.0.20
 
 ### Patch Changes

packages/components/code/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/code",
-  "version": "2.0.20",
+  "version": "2.0.22",
   "description": "Code is a component used to display inline code.",
   "keywords": [
     "code"
@@ -36,7 +36,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@nextui-org/theme": ">=2.1.10"
+    "@nextui-org/theme": ">=2.1.0"
   },
   "dependencies": {
     "@nextui-org/system-rsc": "workspace:*",

packages/components/divider/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies [[`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0)]:
+  - @nextui-org/system-rsc@2.0.8
+
 ## 2.0.21
 
 ### Patch Changes

packages/components/divider/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/divider",
-  "version": "2.0.21",
+  "version": "2.0.23",
   "description": ". A separator is a visual divider between two groups of content",
   "keywords": [
     "divider"
@@ -36,7 +36,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@nextui-org/theme": ">=2.1.10"
+    "@nextui-org/theme": ">=2.1.0"
   },
   "dependencies": {
     "@nextui-org/shared-utils": "workspace:*",

packages/components/dropdown/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies [[`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0)]:
+  - @nextui-org/popover@2.1.11
+  - @nextui-org/menu@2.0.13
+  - @nextui-org/system@2.0.12
+
 ## 2.1.11
 
 ### Patch Changes

packages/components/dropdown/package.json

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

packages/components/image/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies []:
+  - @nextui-org/system@2.0.12
+
 ## 2.0.22
 
 ### Patch Changes

packages/components/image/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/image",
-  "version": "2.0.22",
+  "version": "2.0.24",
   "description": "A simple image component",
   "keywords": [
     "image"
@@ -36,8 +36,8 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@nextui-org/theme": ">=2.1.10",
-    "@nextui-org/system": ">=2.0.11"
+    "@nextui-org/theme": ">=2.1.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/shared-utils": "workspace:*",

packages/components/input/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies []:
+  - @nextui-org/system@2.0.12
+
+## 2.1.11
+
+### Patch Changes
+
+- [#1869](https://github.com/nextui-org/nextui/pull/1869) [`e84158db6`](https://github.com/nextui-org/nextui/commit/e84158db620954b0f1d71206acbf3d46f43b0b89) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - - Select without label position fixed
+  - Input helperWrapper slot is now relative to its parent
+- Updated dependencies [[`e84158db6`](https://github.com/nextui-org/nextui/commit/e84158db620954b0f1d71206acbf3d46f43b0b89)]:
+  - @nextui-org/theme@2.1.12
+
 ## 2.1.10
 
 ### Patch Changes

packages/components/input/package.json

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

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

@@ -211,9 +211,8 @@ export function useInput<T extends HTMLInputElement | HTMLTextAreaElement = HTML
         ...variantProps,
         isInvalid,
         isClearable,
-        labelPlacement,
       }),
-    [...Object.values(variantProps), isInvalid, labelPlacement, isClearable, hasStartContent],
+    [...Object.values(variantProps), isInvalid, isClearable, hasStartContent],
   );
 
   const getBaseProps: PropGetter = useCallback(
@@ -239,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

@@ -69,7 +69,7 @@ const defaultProps = {
 
 const Template = (args) => (
   <div className="w-full max-w-[240px]">
-    <Input {...args} size="sm" />
+    <Input {...args} />
   </div>
 );
 
@@ -485,12 +485,23 @@ export const ReadOnly = {
   },
 };
 
+export const WithoutLabel = {
+  render: Template,
+
+  args: {
+    ...defaultProps,
+    label: null,
+    "aria-label": "Email",
+    placeholder: "Enter your email",
+  },
+};
+
 export const WithDescription = {
   render: MirrorTemplate,
 
   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,23 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies [[`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0)]:
+  - @nextui-org/system-rsc@2.0.8
+
 ## 2.0.21
 
 ### Patch Changes

packages/components/kbd/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/kbd",
-  "version": "2.0.21",
+  "version": "2.0.23",
   "description": "The keyboard key components indicates which key or set of keys used to execute a specificv  action",
   "keywords": [
     "kbd"
@@ -36,7 +36,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@nextui-org/theme": ">=2.1.10"
+    "@nextui-org/theme": ">=2.1.0"
   },
   "dependencies": {
     "@nextui-org/system-rsc": "workspace:*",

packages/components/link/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies []:
+  - @nextui-org/system@2.0.12
+
 ## 2.0.23
 
 ### Patch Changes

packages/components/link/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/link",
-  "version": "2.0.23",
+  "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"
@@ -36,8 +36,8 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@nextui-org/theme": ">=2.1.10",
-    "@nextui-org/system": ">=2.0.11"
+    "@nextui-org/theme": ">=2.1.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/shared-utils": "workspace:*",

packages/components/listbox/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies [[`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0)]:
+  - @nextui-org/divider@2.0.22
+  - @nextui-org/system@2.0.12
+  - @nextui-org/aria-utils@2.0.12
+
 ## 2.1.11
 
 ### Patch Changes

packages/components/listbox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/listbox",
-  "version": "2.1.11",
+  "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"
@@ -36,8 +36,8 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@nextui-org/theme": ">=2.1.10",
-    "@nextui-org/system": ">=2.0.11"
+    "@nextui-org/theme": ">=2.1.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/react-utils": "workspace:*",

packages/components/menu/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies [[`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0)]:
+  - @nextui-org/divider@2.0.22
+  - @nextui-org/system@2.0.12
+  - @nextui-org/aria-utils@2.0.12
+
 ## 2.0.12
 
 ### Patch Changes

packages/components/menu/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/menu",
-  "version": "2.0.12",
+  "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"
@@ -36,8 +36,8 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@nextui-org/theme": ">=2.1.10",
-    "@nextui-org/system": ">=2.0.11"
+    "@nextui-org/theme": ">=2.1.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/divider": "workspace:*",

packages/components/modal/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies []:
+  - @nextui-org/system@2.0.12
+  - @nextui-org/framer-transitions@2.0.12
+
 ## 2.0.24
 
 ### Patch Changes

packages/components/modal/package.json

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

packages/components/navbar/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies []:
+  - @nextui-org/system@2.0.12
+  - @nextui-org/framer-transitions@2.0.12
+
 ## 2.0.23
 
 ### Patch Changes

packages/components/navbar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/navbar",
-  "version": "2.0.23",
+  "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"
@@ -37,8 +37,8 @@
     "react": ">=18",
     "react-dom": ">=18",
     "framer-motion": ">=4.0.0",
-    "@nextui-org/theme": ">=2.1.10",
-    "@nextui-org/system": ">=2.0.11"
+    "@nextui-org/theme": ">=2.1.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/shared-utils": "workspace:*",

packages/components/pagination/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies []:
+  - @nextui-org/system@2.0.12
+
 ## 2.0.23
 
 ### Patch Changes

packages/components/pagination/package.json

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

packages/components/popover/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies [[`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0)]:
+  - @nextui-org/button@2.0.23
+  - @nextui-org/system@2.0.12
+  - @nextui-org/aria-utils@2.0.12
+  - @nextui-org/framer-transitions@2.0.12
+
 ## 2.1.10
 
 ### Patch Changes

packages/components/popover/package.json

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

packages/components/progress/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies []:
+  - @nextui-org/system@2.0.12
+
 ## 2.0.22
 
 ### Patch Changes

packages/components/progress/package.json

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

packages/components/radio/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies []:
+  - @nextui-org/system@2.0.12
+
 ## 2.0.23
 
 ### Patch Changes

packages/components/radio/package.json

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

packages/components/ripple/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies []:
+  - @nextui-org/system@2.0.12
+
 ## 2.0.22
 
 ### Patch Changes

packages/components/ripple/package.json

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

packages/components/scroll-shadow/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies []:
+  - @nextui-org/system@2.0.12
+
 ## 2.1.10
 
 ### Patch Changes

packages/components/scroll-shadow/package.json

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

packages/components/select/CHANGELOG.md

@@ -1,5 +1,58 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies [[`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0)]:
+  - @nextui-org/scroll-shadow@2.1.11
+  - @nextui-org/listbox@2.1.12
+  - @nextui-org/popover@2.1.11
+  - @nextui-org/spinner@2.0.21
+  - @nextui-org/system@2.0.12
+  - @nextui-org/aria-utils@2.0.12
+
+## 2.1.14
+
+### Patch Changes
+
+- [#1869](https://github.com/nextui-org/nextui/pull/1869) [`e84158db6`](https://github.com/nextui-org/nextui/commit/e84158db620954b0f1d71206acbf3d46f43b0b89) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - - Select without label position fixed
+  - Input helperWrapper slot is now relative to its parent
+- Updated dependencies [[`e84158db6`](https://github.com/nextui-org/nextui/commit/e84158db620954b0f1d71206acbf3d46f43b0b89)]:
+  - @nextui-org/theme@2.1.12
+  - @nextui-org/popover@2.1.10
+  - @nextui-org/listbox@2.1.11
+  - @nextui-org/scroll-shadow@2.1.10
+  - @nextui-org/spinner@2.0.20
+
+## 2.1.13
+
+### Patch Changes
+
+- [#1865](https://github.com/nextui-org/nextui/pull/1865) [`1fd5049f5`](https://github.com/nextui-org/nextui/commit/1fd5049f5a0b852862e8ca1816f1e83507fdd8b5) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Fix multiline select and inputs with description/errorMessage
+
+- Updated dependencies [[`1fd5049f5`](https://github.com/nextui-org/nextui/commit/1fd5049f5a0b852862e8ca1816f1e83507fdd8b5)]:
+  - @nextui-org/theme@2.1.11
+  - @nextui-org/listbox@2.1.11
+  - @nextui-org/popover@2.1.10
+  - @nextui-org/scroll-shadow@2.1.10
+  - @nextui-org/spinner@2.0.20
+
 ## 2.1.12
 
 ### Patch Changes

packages/components/select/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/select",
-  "version": "2.1.12",
+  "version": "2.1.16",
   "description": "A select displays a collapsible list of options and allows a user to select one of them.",
   "keywords": [
     "select"
@@ -37,8 +37,8 @@
     "react": ">=18",
     "react-dom": ">=18",
     "framer-motion": ">=4.0.0",
-    "@nextui-org/theme": ">=2.1.10",
-    "@nextui-org/system": ">=2.0.11"
+    "@nextui-org/theme": ">=2.1.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/aria-utils": "workspace:*",
@@ -60,6 +60,7 @@
   "devDependencies": {
     "@nextui-org/theme": "workspace:*",
     "@nextui-org/system": "workspace:*",
+    "@nextui-org/button": "workspace:*",
     "@nextui-org/avatar": "workspace:*",
     "@nextui-org/input": "workspace:*",
     "@nextui-org/chip": "workspace:*",

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

@@ -259,12 +259,19 @@ export function useSelect<T extends object>(originalProps: UseSelectProps<T>) {
   const hasPlaceholder = !!placeholder;
   const isInvalid = validationState === "invalid" || originalProps.isInvalid;
   const shouldLabelBeOutside =
-    labelPlacement === "outside-left" || (labelPlacement === "outside" && hasPlaceholder);
+    labelPlacement === "outside-left" ||
+    (labelPlacement === "outside" && (hasPlaceholder || !!originalProps.isMultiline));
   const shouldLabelBeInside = labelPlacement === "inside";
   const isFilled =
-    state.isOpen || hasPlaceholder || !!state.selectedItems || !!startContent || !!endContent;
+    state.isOpen ||
+    hasPlaceholder ||
+    !!state.selectedItems ||
+    !!startContent ||
+    !!endContent ||
+    !!originalProps.isMultiline;
   const hasValue = !!state.selectedItems;
   const hasLabel = !!label;
+
   const baseStyles = clsx(classNames?.base, className);
 
   const slots = useMemo(
@@ -308,6 +315,7 @@ export function useSelect<T extends object>(originalProps: UseSelectProps<T>) {
 
   const getBaseProps: PropGetter = useCallback(
     (props = {}) => ({
+      "data-slot": "base",
       "data-filled": dataAttr(isFilled),
       "data-has-value": dataAttr(hasValue),
       "data-has-label": dataAttr(hasLabel),
@@ -324,6 +332,7 @@ export function useSelect<T extends object>(originalProps: UseSelectProps<T>) {
     (props = {}) => {
       return {
         ref: triggerRef,
+        "data-slot": "trigger",
         "data-open": dataAttr(state.isOpen),
         "data-disabled": dataAttr(originalProps?.isDisabled),
         "data-focus": dataAttr(isFocused),
@@ -388,6 +397,7 @@ export function useSelect<T extends object>(originalProps: UseSelectProps<T>) {
 
   const getLabelProps: PropGetter = useCallback(
     (props = {}) => ({
+      "data-slot": "label",
       className: slots.label({
         class: clsx(classNames?.label, props.className),
       }),
@@ -399,6 +409,7 @@ export function useSelect<T extends object>(originalProps: UseSelectProps<T>) {
 
   const getValueProps: PropGetter = useCallback(
     (props = {}) => ({
+      "data-slot": "value",
       className: slots.value({
         class: clsx(classNames?.value, props.className),
       }),
@@ -410,6 +421,7 @@ export function useSelect<T extends object>(originalProps: UseSelectProps<T>) {
 
   const getListboxWrapperProps: PropGetter = useCallback(
     (props = {}) => ({
+      "data-slot": "listboxWrapper",
       className: slots.listboxWrapper({
         class: clsx(classNames?.listboxWrapper, props?.className),
       }),
@@ -422,6 +434,7 @@ export function useSelect<T extends object>(originalProps: UseSelectProps<T>) {
     return {
       state,
       ref: listBoxRef,
+      "data-slot": "listbox",
       className: slots.listbox({
         class: clsx(classNames?.listbox, props?.className),
       }),
@@ -435,6 +448,7 @@ export function useSelect<T extends object>(originalProps: UseSelectProps<T>) {
         state,
         triggerRef,
         ref: popoverRef,
+        "data-slot": "popover",
         scrollRef: listBoxRef,
         triggerType: "listbox",
         classNames: {
@@ -462,6 +476,7 @@ export function useSelect<T extends object>(originalProps: UseSelectProps<T>) {
 
   const getSelectorIconProps = useCallback(
     () => ({
+      "data-slot": "selectorIcon",
       "aria-hidden": dataAttr(true),
       "data-open": dataAttr(state.isOpen),
       className: slots.selectorIcon({class: classNames?.selectorIcon}),
@@ -473,6 +488,7 @@ export function useSelect<T extends object>(originalProps: UseSelectProps<T>) {
     (props = {}) => {
       return {
         ...props,
+        "data-slot": "innerWrapper",
         className: slots.innerWrapper({
           class: clsx(classNames?.innerWrapper, props?.className),
         }),
@@ -485,6 +501,7 @@ export function useSelect<T extends object>(originalProps: UseSelectProps<T>) {
     (props = {}) => {
       return {
         ...props,
+        "data-slot": "helperWrapper",
         className: slots.helperWrapper({
           class: clsx(classNames?.helperWrapper, props?.className),
         }),
@@ -498,6 +515,7 @@ export function useSelect<T extends object>(originalProps: UseSelectProps<T>) {
       return {
         ...props,
         ...descriptionProps,
+        "data-slot": "description",
         className: slots.description({class: clsx(classNames?.description, props?.className)}),
       };
     },
@@ -508,6 +526,7 @@ export function useSelect<T extends object>(originalProps: UseSelectProps<T>) {
     (props = {}) => {
       return {
         ...props,
+        "data-slot": "mainWrapper",
         className: slots.mainWrapper({
           class: clsx(classNames?.mainWrapper, props?.className),
         }),
@@ -521,6 +540,7 @@ export function useSelect<T extends object>(originalProps: UseSelectProps<T>) {
       return {
         ...props,
         ...errorMessageProps,
+        "data-slot": "errorMessage",
         className: slots.errorMessage({class: clsx(classNames?.errorMessage, props?.className)}),
       };
     },
@@ -531,6 +551,7 @@ export function useSelect<T extends object>(originalProps: UseSelectProps<T>) {
     (props = {}) => {
       return {
         "aria-hidden": dataAttr(true),
+        "data-slot": "spinner",
         color: "current",
         size: "sm",
         ...spinnerProps,

packages/components/select/stories/select.stories.tsx

@@ -5,6 +5,7 @@ import {select, button} from "@nextui-org/theme";
 import {PetBoldIcon, SelectorIcon} from "@nextui-org/shared-icons";
 import {Avatar} from "@nextui-org/avatar";
 import {Chip} from "@nextui-org/chip";
+import {Button} from "@nextui-org/button";
 import {Selection} from "@react-types/shared";
 import {useInfiniteScroll} from "@nextui-org/use-infinite-scroll";
 import {
@@ -211,17 +212,12 @@ const ControlledOpenTemplate = ({color, variant, ...args}: SelectProps<Animal>)
         isOpen={isOpen}
         label="Favorite Animal"
         variant={variant}
+        onOpenChange={(open) => open !== isOpen && setIsOpen(open)}
         {...args}
       >
         {items}
       </Select>
-      <button
-        className={button({className: "max-w-fit"})}
-        type="button"
-        onClick={() => setIsOpen(!isOpen)}
-      >
-        {isOpen ? "Close" : "Open"}
-      </button>
+      <Button onPress={() => setIsOpen(!isOpen)}>{isOpen ? "Close" : "Open"}</Button>
     </div>
   );
 };
@@ -377,28 +373,49 @@ const StartContentTemplate = ({color, variant, ...args}: SelectProps) => (
 );
 
 const CustomItemsTemplate = ({color, variant, ...args}: SelectProps<User>) => (
-  <Select
-    className="max-w-xs mt-8"
-    color={color}
-    items={usersData}
-    label="Assigned to"
-    placeholder="Select a user"
-    variant={variant}
-    {...args}
-    labelPlacement="outside"
-  >
-    {(item) => (
-      <SelectItem key={item.id} textValue={item.name}>
-        <div className="flex gap-2 items-center">
-          <Avatar alt={item.name} className="flex-shrink-0" size="sm" src={item.avatar} />
-          <div className="flex flex-col">
-            <span className="text-small">{item.name}</span>
-            <span className="text-tiny text-default-400">{item.email}</span>
+  <div className="w-full justify-center flex gap-2">
+    <Select
+      className="max-w-xs mt-8"
+      color={color}
+      items={usersData}
+      label="Assigned to"
+      variant={variant}
+      {...args}
+    >
+      {(item) => (
+        <SelectItem key={item.id} textValue={item.name}>
+          <div className="flex gap-2 items-center">
+            <Avatar alt={item.name} className="flex-shrink-0" size="sm" src={item.avatar} />
+            <div className="flex flex-col">
+              <span className="text-small">{item.name}</span>
+              <span className="text-tiny text-default-400">{item.email}</span>
+            </div>
           </div>
-        </div>
-      </SelectItem>
-    )}
-  </Select>
+        </SelectItem>
+      )}
+    </Select>
+    <Select
+      className="max-w-xs mt-8"
+      color={color}
+      items={usersData}
+      label="Assigned to"
+      placeholder="Assigned to"
+      variant={variant}
+      {...args}
+    >
+      {(item) => (
+        <SelectItem key={item.id} textValue={item.name}>
+          <div className="flex gap-2 items-center">
+            <Avatar alt={item.name} className="flex-shrink-0" size="sm" src={item.avatar} />
+            <div className="flex flex-col">
+              <span className="text-small">{item.name}</span>
+              <span className="text-tiny text-default-400">{item.email}</span>
+            </div>
+          </div>
+        </SelectItem>
+      )}
+    </Select>
+  </div>
 );
 
 const WithSectionsTemplate = ({color, variant, ...args}: SelectProps<User>) => (
@@ -621,6 +638,17 @@ export const WithDescription = {
   },
 };
 
+export const WithoutLabel = {
+  render: Template,
+
+  args: {
+    ...defaultProps,
+    label: null,
+    "aria-label": "Select an animal",
+    placeholder: "Select an animal",
+  },
+};
+
 export const LabelPlacement = {
   render: LabelPlacementTemplate,
 
@@ -740,6 +768,7 @@ export const CustomRenderValue = {
 
   args: {
     ...defaultProps,
+    labelPlacement: "outside",
     classNames: {
       trigger: "h-12",
     },
@@ -770,9 +799,8 @@ export const WithChips = {
     variant: "bordered",
     selectionMode: "multiple",
     isMultiline: true,
-    placeholder: "Select users",
     classNames: {
-      trigger: "min-h-unit-12 py-2",
+      trigger: "py-2",
     },
     renderValue: (items: SelectedItems<User>) => {
       return (

packages/components/skeleton/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies [[`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0)]:
+  - @nextui-org/system-rsc@2.0.8
+
 ## 2.0.20
 
 ### Patch Changes

packages/components/skeleton/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/skeleton",
-  "version": "2.0.20",
+  "version": "2.0.22",
   "description": "Skeleton is used to display the loading state of some component.",
   "keywords": [
     "skeleton"
@@ -36,7 +36,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@nextui-org/theme": ">=2.1.10"
+    "@nextui-org/theme": ">=2.1.0"
   },
   "dependencies": {
     "@nextui-org/system-rsc": "workspace:*",

packages/components/slider/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies [[`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0)]:
+  - @nextui-org/tooltip@2.0.26
+  - @nextui-org/system@2.0.12
+
 ## 2.2.1
 
 ### Patch Changes

packages/components/slider/package.json

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

packages/components/snippet/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies [[`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0)]:
+  - @nextui-org/tooltip@2.0.26
+  - @nextui-org/button@2.0.23
+  - @nextui-org/system@2.0.12
+
 ## 2.0.26
 
 ### Patch Changes

packages/components/snippet/package.json

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

packages/components/spacer/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies [[`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0)]:
+  - @nextui-org/system-rsc@2.0.8
+
 ## 2.0.20
 
 ### Patch Changes

packages/components/spacer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/spacer",
-  "version": "2.0.20",
+  "version": "2.0.22",
   "description": "A flexible spacer component designed to create consistent spacing and maintain alignment in your layout.",
   "keywords": [
     "spacer"
@@ -36,7 +36,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@nextui-org/theme": ">=2.1.10"
+    "@nextui-org/theme": ">=2.1.0"
   },
   "dependencies": {
     "@nextui-org/system-rsc": "workspace:*",

packages/components/spinner/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies [[`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0)]:
+  - @nextui-org/system-rsc@2.0.8
+
 ## 2.0.20
 
 ### Patch Changes

packages/components/spinner/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/spinner",
-  "version": "2.0.20",
+  "version": "2.0.22",
   "description": "Loaders express an unspecified wait time or display the length of a process.",
   "keywords": [
     "loading",
@@ -38,7 +38,7 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@nextui-org/theme": ">=2.1.10"
+    "@nextui-org/theme": ">=2.1.0"
   },
   "dependencies": {
     "@nextui-org/system-rsc": "workspace:*",

packages/components/switch/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies []:
+  - @nextui-org/system@2.0.12
+
 ## 2.0.22
 
 ### Patch Changes

packages/components/switch/package.json

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

packages/components/table/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies [[`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0)]:
+  - @nextui-org/checkbox@2.0.24
+  - @nextui-org/spacer@2.0.21
+  - @nextui-org/system@2.0.12
+
 ## 2.0.24
 
 ### Patch Changes

packages/components/table/package.json

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

packages/components/tabs/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies []:
+  - @nextui-org/system@2.0.12
+  - @nextui-org/aria-utils@2.0.12
+  - @nextui-org/framer-transitions@2.0.12
+
 ## 2.0.22
 
 ### Patch Changes

packages/components/tabs/package.json

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

packages/components/tooltip/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies []:
+  - @nextui-org/system@2.0.12
+  - @nextui-org/aria-utils@2.0.12
+  - @nextui-org/framer-transitions@2.0.12
+
 ## 2.0.25
 
 ### Patch Changes

packages/components/tooltip/package.json

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

packages/components/user/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @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
+
+- [#1874](https://github.com/nextui-org/nextui/pull/1874) [`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0) Thanks [@jrgarciadev](https://github.com/jrgarciadev)! - Peer dependencies updated to avoid the peer conflicts issue.
+
+- Updated dependencies [[`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0)]:
+  - @nextui-org/avatar@2.0.23
+  - @nextui-org/system@2.0.12
+
 ## 2.0.23
 
 ### Patch Changes

packages/components/user/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/user",
-  "version": "2.0.23",
+  "version": "2.0.25",
   "description": "Flexible User Profile Component.",
   "keywords": [
     "user"
@@ -36,8 +36,8 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@nextui-org/theme": ">=2.1.10",
-    "@nextui-org/system": ">=2.0.11"
+    "@nextui-org/theme": ">=2.1.0",
+    "@nextui-org/system": ">=2.0.0"
   },
   "dependencies": {
     "@nextui-org/avatar": "workspace:*",

packages/core/react/CHANGELOG.md

@@ -1,5 +1,182 @@
 # @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
+
+- Updated dependencies [[`38af48faf`](https://github.com/nextui-org/nextui/commit/38af48faf5b62d2f81f2402f3d83d78991eb46e0)]:
+  - @nextui-org/scroll-shadow@2.1.11
+  - @nextui-org/autocomplete@2.0.3
+  - @nextui-org/breadcrumbs@2.0.2
+  - @nextui-org/pagination@2.0.24
+  - @nextui-org/accordion@2.0.25
+  - @nextui-org/checkbox@2.0.24
+  - @nextui-org/dropdown@2.1.12
+  - @nextui-org/progress@2.0.23
+  - @nextui-org/skeleton@2.0.21
+  - @nextui-org/divider@2.0.22
+  - @nextui-org/listbox@2.1.12
+  - @nextui-org/popover@2.1.11
+  - @nextui-org/snippet@2.0.27
+  - @nextui-org/spinner@2.0.21
+  - @nextui-org/tooltip@2.0.26
+  - @nextui-org/avatar@2.0.23
+  - @nextui-org/button@2.0.23
+  - @nextui-org/navbar@2.0.24
+  - @nextui-org/ripple@2.0.23
+  - @nextui-org/select@2.1.15
+  - @nextui-org/slider@2.2.2
+  - @nextui-org/spacer@2.0.21
+  - @nextui-org/switch@2.0.23
+  - @nextui-org/badge@2.0.21
+  - @nextui-org/image@2.0.23
+  - @nextui-org/input@2.1.12
+  - @nextui-org/modal@2.0.25
+  - @nextui-org/radio@2.0.24
+  - @nextui-org/table@2.0.25
+  - @nextui-org/card@2.0.23
+  - @nextui-org/chip@2.0.23
+  - @nextui-org/code@2.0.21
+  - @nextui-org/link@2.0.24
+  - @nextui-org/menu@2.0.13
+  - @nextui-org/tabs@2.0.23
+  - @nextui-org/user@2.0.24
+  - @nextui-org/kbd@2.0.22
+  - @nextui-org/system@2.0.12
+
+## 2.2.2
+
+### Patch Changes
+
+- Updated dependencies [[`e84158db6`](https://github.com/nextui-org/nextui/commit/e84158db620954b0f1d71206acbf3d46f43b0b89)]:
+  - @nextui-org/select@2.1.14
+  - @nextui-org/input@2.1.11
+  - @nextui-org/theme@2.1.12
+  - @nextui-org/accordion@2.0.24
+  - @nextui-org/autocomplete@2.0.2
+  - @nextui-org/modal@2.0.24
+  - @nextui-org/navbar@2.0.23
+  - @nextui-org/popover@2.1.10
+  - @nextui-org/tabs@2.0.22
+  - @nextui-org/avatar@2.0.22
+  - @nextui-org/badge@2.0.20
+  - @nextui-org/breadcrumbs@2.0.1
+  - @nextui-org/button@2.0.22
+  - @nextui-org/card@2.0.22
+  - @nextui-org/checkbox@2.0.23
+  - @nextui-org/chip@2.0.22
+  - @nextui-org/code@2.0.20
+  - @nextui-org/divider@2.0.21
+  - @nextui-org/dropdown@2.1.11
+  - @nextui-org/image@2.0.22
+  - @nextui-org/kbd@2.0.21
+  - @nextui-org/link@2.0.23
+  - @nextui-org/listbox@2.1.11
+  - @nextui-org/menu@2.0.12
+  - @nextui-org/pagination@2.0.23
+  - @nextui-org/progress@2.0.22
+  - @nextui-org/radio@2.0.23
+  - @nextui-org/ripple@2.0.22
+  - @nextui-org/scroll-shadow@2.1.10
+  - @nextui-org/skeleton@2.0.20
+  - @nextui-org/slider@2.2.1
+  - @nextui-org/snippet@2.0.26
+  - @nextui-org/spacer@2.0.20
+  - @nextui-org/spinner@2.0.20
+  - @nextui-org/switch@2.0.22
+  - @nextui-org/table@2.0.24
+  - @nextui-org/tooltip@2.0.25
+  - @nextui-org/user@2.0.23
+
+## 2.2.1
+
+### Patch Changes
+
+- Updated dependencies [[`1fd5049f5`](https://github.com/nextui-org/nextui/commit/1fd5049f5a0b852862e8ca1816f1e83507fdd8b5)]:
+  - @nextui-org/select@2.1.13
+  - @nextui-org/theme@2.1.11
+  - @nextui-org/accordion@2.0.24
+  - @nextui-org/autocomplete@2.0.1
+  - @nextui-org/avatar@2.0.22
+  - @nextui-org/badge@2.0.20
+  - @nextui-org/breadcrumbs@2.0.1
+  - @nextui-org/button@2.0.22
+  - @nextui-org/card@2.0.22
+  - @nextui-org/checkbox@2.0.23
+  - @nextui-org/chip@2.0.22
+  - @nextui-org/code@2.0.20
+  - @nextui-org/divider@2.0.21
+  - @nextui-org/dropdown@2.1.11
+  - @nextui-org/image@2.0.22
+  - @nextui-org/input@2.1.10
+  - @nextui-org/kbd@2.0.21
+  - @nextui-org/link@2.0.23
+  - @nextui-org/listbox@2.1.11
+  - @nextui-org/menu@2.0.12
+  - @nextui-org/modal@2.0.24
+  - @nextui-org/navbar@2.0.23
+  - @nextui-org/pagination@2.0.23
+  - @nextui-org/popover@2.1.10
+  - @nextui-org/progress@2.0.22
+  - @nextui-org/radio@2.0.23
+  - @nextui-org/ripple@2.0.22
+  - @nextui-org/scroll-shadow@2.1.10
+  - @nextui-org/skeleton@2.0.20
+  - @nextui-org/slider@2.2.1
+  - @nextui-org/snippet@2.0.26
+  - @nextui-org/spacer@2.0.20
+  - @nextui-org/spinner@2.0.20
+  - @nextui-org/switch@2.0.22
+  - @nextui-org/table@2.0.24
+  - @nextui-org/tabs@2.0.22
+  - @nextui-org/tooltip@2.0.25
+  - @nextui-org/user@2.0.23
+
 ## 2.2.0
 
 ### Minor Changes