feat(docs): docs structure improved, steps added and toc autoscroll

apps/docs/components/docs/components/blockquote.tsx

@@ -3,7 +3,6 @@ import {tv, VariantProps} from "tailwind-variants";
 
 const blockquote = tv({
   base: "border pl-4 bg-default-50 my-6 py-3 rounded-xl [&>p]:m-0",
-
   variants: {
     color: {
       default: "border-default-100 bg-default-50/20",

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

@@ -76,7 +76,7 @@ export function Codeblock({
                       "px-2": showLines,
                     },
                     {
-                      "before:content-[''] before:w-full before:h-full before:absolute before:z-0 before:left-0 before:bg-gradient-to-r before:from-white/10 before:to-code-background before:border-l-2 border-l-white/80 dark:before:border-l-white/50": shouldHighlightLine(
+                      "before:content-[''] before:w-full before:h-full before:absolute before:z-0 before:left-0 before:bg-gradient-to-r before:from-white/10 before:to-code-background": shouldHighlightLine(
                         i,
                       ),
                     },

apps/docs/components/docs/sidebar.tsx

@@ -129,8 +129,9 @@ function TreeItem<T>(props: TreeItemProps<T>) {
             href={paths.pathname}
           >
             <span
-              className={clsx("opacity-60", {
+              className={clsx({
                 "opacity-100": isSelected,
+                "opacity-60": !isSelected,
                 "pointer-events-none": item.props?.comingSoon,
               })}
             >

apps/docs/components/docs/toc.tsx

@@ -1,7 +1,8 @@
-import {FC} from "react";
+import {FC, useRef, useEffect} from "react";
 import {clsx} from "@nextui-org/shared-utils";
 import {Divider, Spacer} from "@nextui-org/react";
 import {ChevronCircleTopLinearIcon} from "@nextui-org/shared-icons";
+import scrollIntoView from "scroll-into-view-if-needed";
 
 import {Heading} from "@/utils/docs-utils";
 import {useScrollSpy} from "@/hooks/use-scroll-spy";
@@ -18,6 +19,8 @@ const paddingLeftByLevel: Record<string, string> = {
 };
 
 export const DocsToc: FC<DocsTocProps> = ({headings}) => {
+  const tocRef = useRef<HTMLDivElement>(null);
+
   const activeId = useScrollSpy(
     headings.map(({id}) => `[id="${id}"]`),
     {
@@ -25,13 +28,31 @@ export const DocsToc: FC<DocsTocProps> = ({headings}) => {
     },
   );
 
+  useEffect(() => {
+    if (!activeId) return;
+    const anchor = tocRef.current?.querySelector(`li > a[href="#${activeId}"]`);
+
+    if (anchor) {
+      scrollIntoView(anchor, {
+        behavior: "smooth",
+        block: "center",
+        inline: "center",
+        scrollMode: "always",
+        boundary: tocRef.current,
+      });
+    }
+  }, [activeId]);
+
   if (headings.length <= 0) return null;
 
   const activeIndex = headings.findIndex(({id}) => id == activeId);
   const firstId = headings[0].id;
 
   return (
-    <div className="sticky w-full flex flex-col gap-4 text-left top-20 h-[calc(100vh-121px)] overflow-y-scroll scrollbar-hide">
+    <div
+      ref={tocRef}
+      className="sticky w-full flex flex-col gap-4 text-left top-20 pb-20 h-[calc(100vh-121px)] scrollbar-hide overflow-y-scroll"
+    >
       <p className="text-sm">On this page</p>
       <ul className="scrollbar-hide flex flex-col gap-2">
         {headings.map((heading, i) => (

apps/docs/components/mdx-components.tsx

@@ -187,6 +187,11 @@ export const MDXComponents = ({
   kbd: (props: React.HTMLAttributes<HTMLElement>) => (
     <Components.Kbd {...props} className="py-0.5 px-1.5" />
   ),
-
+  Steps: ({...props}) => (
+    <div
+      className="[&>h3]:step [&>h3>a]:pt-0.5 mb-12 ml-4 border-l border-default-100 pl-[1.625rem] [counter-reset:step]"
+      {...props}
+    />
+  ),
   // Block,
 } as unknown) as Record<string, React.ReactNode>;

apps/docs/components/virtual-anchor.tsx

@@ -23,7 +23,11 @@ export const VirtualAnchor: React.FC<Props> = ({children}) => {
   }, [ref.current]);
 
   return (
-    <Link ref={ref} className="relative flex items-center gap-1 group text-inherit" href={`#${id}`}>
+    <Link
+      ref={ref}
+      className="relative w-fit flex items-center gap-1 group text-inherit"
+      href={`#${id}`}
+    >
       {children}
       <span className="opacity-0 transition-opacity group-hover:opacity-100">
         <LinkLinearIcon size={20} strokeWidth="2" />

apps/docs/content/docs/frameworks/astro.mdx

@@ -14,7 +14,11 @@ Requirements:
 
 ------
 
-## Installation
+To use NextUI in your Astro project, you need to follow the following steps:
+
+<Steps>
+
+### Installation
 
 In your Astro project, run one of the following command to install NextUI:
 
@@ -85,6 +89,7 @@ public-hoist-pattern[]=*@nextui-org/theme*
 
 After modfiying the `.npmrc` file, you need to run `pnpm install` again to ensure that the dependencies are installed correctly.
 
+</Steps>
 
 <Blockquote
  color="warning"

apps/docs/content/docs/frameworks/nextjs.mdx

@@ -16,7 +16,17 @@ Requirements:
 
 ------
 
-## Installation
+To use NextUI in your Next.js project, you need to follow the steps below, depending on your project structure.
+
+## App directory Setup
+
+Next.js 13 introduces a new `app/` directory structure. By default it uses Server Components. 
+As NextUI components use React hooks, we added the `use client;` at build time, so you can import them
+directly in your React Server Components (RSC).
+
+<Steps>
+
+### Installation
 
 In your Next.js project, run one of the following command to install NextUI:
 
@@ -29,9 +39,6 @@ In your Next.js project, run one of the following command to install NextUI:
   }}
 />
 
-
-<Spacer y={4}/>
-
 ### Tailwind CSS Setup
 
 NextUI is built on top of Tailwind CSS, so you need to install Tailwind CSS first. You can follow the official
@@ -57,13 +64,7 @@ module.exports = {
 }
 ```
 
-After installing NextUI, you need to set up the `NextUIProvider` at the `root` of your application.
-
-### App directory Setup
-
-Next.js 13 introduces a new `app/` directory structure. By default it uses Server Components. 
-As NextUI components use React hooks, we added the `use client;` at build time, so you can import them
-directly in your React Server Components (RSC).
+### Setup Provider
 
 Go to your `app/providers.tsx` or `app/providers.jsx` (create it if it doesn't exist) and wrap the Component with the `NextUIProvider`:
 
@@ -82,6 +83,8 @@ export function Providers({children}: { children: React.ReactNode }) {
 }
 ```
 
+### Add Provider to Root
+
 Now, Go to your `root` layout page and wrap it with the `NextUIProvider`:
 
 ```jsx {6,8,10}
@@ -104,6 +107,9 @@ export default function RootLayout({children}: { children: React.ReactNode }) {
 > **Note**: NextUI automatically add two themes `light` and `dark` to your application. You can use any 
 of them by adding the `dark`/`light` class to the `html` tag. See the [theme docs](/docs/theme/customize-theme) for more details.
 
+
+### Use NextUI Components
+
 Now you can import any NextUI component directly in your Server Components without needing to use
 the `use client;` directive:
 
@@ -122,9 +128,64 @@ export default function Page() {
 
 > **Important 🚨**: Note that you need to import the component from the individual package, not the from `@nextui-org/react`. 
 
+### Setup pnpm (optional)
+
+If you are using pnpm, you need to add the following code to your `.npmrc` file:
+
+```bash
+public-hoist-pattern[]=*@nextui-org/theme*
+```
+
+After modfiying the `.npmrc` file, you need to run `pnpm install` again to ensure that the dependencies are installed correctly.
+
+
+</Steps>
+
 <Spacer y={8} />
 
-### Pages Directory Setup 
+## Pages Directory Setup 
+
+<Steps>
+
+### Installation
+
+In your Next.js project, run one of the following command to install NextUI:
+
+
+<PackageManagers
+  commands={{
+    npm: 'npm i @nextui-org/react framer-motion',
+    yarn: 'yarn add @nextui-org/react framer-motion',
+    pnpm: 'pnpm add @nextui-org/react framer-motion',
+  }}
+/>
+
+### Tailwind CSS Setup
+
+NextUI is built on top of Tailwind CSS, so you need to install Tailwind CSS first. You can follow the official
+[installation guide](https://tailwindcss.com/docs/guides/nextjs) to install Tailwind CSS. Then you need to add 
+the following code to your `tailwind.config.js` file:
+
+
+```js {8,13-14}
+// tailwind.config.js
+const { nextui } = require("@nextui-org/react");
+
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    // ...
+    './node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}'
+  ],
+  theme: {
+    extend: {},
+  },
+  darkMode: "class",
+  plugins: [nextui()]
+}
+```
+
+### Setup Provider
 
 Go to pages`/_app.js` or `pages/_app.tsx` (create it if it doesn't exist) and wrap the Component with the `NextUIProvider`:
 
@@ -143,6 +204,22 @@ function MyApp({ Component, pageProps }) {
 export default MyApp;
 ```
 
+### Use NextUI Components
+
+Now you can import any NextUI component wherever you want:
+
+```jsx
+import {Button} from '@nextui-org/react'
+
+export default function Page() {
+  return (
+    <div>
+      <Button>Click me</Button>
+    </div>
+  )
+}
+```
+
 ### Setup pnpm (optional)
 
 If you are using pnpm, you need to add the following code to your `.npmrc` file:
@@ -153,8 +230,10 @@ public-hoist-pattern[]=*@nextui-org/theme*
 
 After modfiying the `.npmrc` file, you need to run `pnpm install` again to ensure that the dependencies are installed correctly.
 
+</Steps>
+
 <Blockquote
  color="warning"
 >
   Version 2 is only compatible with React 18 or later. If you are using React 17 or earlier, please use <Link href="https://v1.nextui.org/docs/getting-started" isExternal>version 1 of NextUI</Link>.
-</Blockquote>
+</Blockquote>

apps/docs/content/docs/frameworks/remix.mdx

@@ -14,7 +14,11 @@ Requirements:
 
 ------
 
-## Installation
+To use NextUI in your Remix project, you need to follow the following steps:
+
+<Steps>
+
+### Installation
 
 In your Remix project, run one of the following command to install NextUI:
 
@@ -27,8 +31,6 @@ In your Remix project, run one of the following command to install NextUI:
 />
 
 
-<Spacer y={4}/>
-
 ### Tailwind CSS Setup
 
 NextUI is built on top of Tailwind CSS, so you need to install Tailwind CSS first. You can follow the official
@@ -102,6 +104,7 @@ public-hoist-pattern[]=*@nextui-org/theme*
 
 After modfiying the `.npmrc` file, you need to run `pnpm install` again to ensure that the dependencies are installed correctly.
 
+</Steps>
 
 <Blockquote
  color="warning"

apps/docs/content/docs/frameworks/vite.mdx

@@ -15,7 +15,11 @@ Requirements:
 
 ------
 
-## Installation
+To use NextUI in your Vite project, you need to follow the following steps:
+
+<Steps>
+
+### Installation
 
 In your Vite React project, run one of the following command to install NextUI:
 
@@ -27,12 +31,6 @@ In your Vite React project, run one of the following command to install NextUI:
   }}
 />
 
-
-<Spacer y={4}/>
-
-After installing NextUI, you need do the following steps to complete the installation:
-
-
 ### Tailwind CSS Setup
 
 NextUI is built on top of Tailwind CSS, so you need to install Tailwind CSS first. You can follow the official
@@ -91,6 +89,7 @@ public-hoist-pattern[]=*@nextui-org/theme*
 
 After modfiying the `.npmrc` file, you need to run `pnpm install` again to ensure that the dependencies are installed correctly.
 
+</Steps>
 
 <Blockquote
  color="warning"

apps/docs/content/docs/guide/installation.mdx

@@ -14,7 +14,11 @@ Requirements:
 
 ------
 
-<Spacer y={4}/>
+To use NextUI in your project, you need to follow the following steps:
+
+<Steps>
+
+### Install Packages
 
 To install NextUI, run one of the following commands in your terminal:
 
@@ -26,12 +30,7 @@ To install NextUI, run one of the following commands in your terminal:
   }}
 />
 
-<Spacer y={4}/>
-
-After installing NextUI, you need do the following steps to complete the installation:
-
-
-## Tailwind CSS Setup
+### Tailwind CSS Setup
 
 NextUI is built on top of Tailwind CSS, so you need to install Tailwind CSS first. You can follow the official
 [installation guide](https://tailwindcss.com/docs/installation) to install Tailwind CSS. Then you need to add 
@@ -56,7 +55,7 @@ module.exports = {
 }
 ```
 
-## Provider Setup
+### Provider Setup
 
 To ensure proper functioning of React Aria, NextUI utilizes the [React Aria SSRProvider](https://react-spectrum.adobe.com/react-aria/SSRProvider.html) and [Overlay provider](https://react-spectrum.adobe.com/react-aria/useOverlayTrigger.html#example) internally. 
 Therefore, it is essential to incorporate the `NextUIProvider` at the `root` of your application.
@@ -77,7 +76,7 @@ function App() {
 }
 ```
 
-## Setup pnpm (optional)
+### Setup pnpm (optional)
 
 If you are using pnpm, you need to add the following code to your `.npmrc` file:
 
@@ -87,6 +86,7 @@ public-hoist-pattern[]=*@nextui-org/theme*
 
 After modfiying the `.npmrc` file, you need to run `pnpm install` again to ensure that the dependencies are installed correctly.
 
+</Steps>
 
 <Blockquote
  color="warning"

apps/docs/content/docs/guide/upgrade-to-v2.mdx

@@ -7,8 +7,6 @@ url: https://nextui.org/docs/guide/upgrade-to-v2
 
 # Upgrade to v2
 
-## Installation
-
 Requirements:
 
 - [React 18](https://reactjs.org/) or later
@@ -17,6 +15,228 @@ Requirements:
 
 ----- 
 
+## Next.js upgrade steps
+
+Make sure to follow the previous steps since they are required to upgrade to v2.
+
+
+## App directory Setup
+
+Next.js 13 introduces a new `app/` directory structure. By default it uses Server Components. 
+As NextUI components use React hooks, we added the `use client;` at build time, so you can import them
+directly in your React Server Components (RSC).
+
+<Steps>
+
+### Installation
+
+In your Next.js project, run one of the following command to install NextUI:
+
+
+<PackageManagers
+  commands={{
+    npm: 'npm i @nextui-org/react framer-motion',
+    yarn: 'yarn add @nextui-org/react framer-motion',
+    pnpm: 'pnpm add @nextui-org/react framer-motion',
+  }}
+/>
+
+### Tailwind CSS Setup
+
+NextUI is built on top of Tailwind CSS, so you need to install Tailwind CSS first. You can follow the official
+[installation guide](https://tailwindcss.com/docs/guides/nextjs) to install Tailwind CSS. Then you need to add 
+the following code to your `tailwind.config.js` file:
+
+
+```js {8,13-14}
+// tailwind.config.js
+const { nextui } = require("@nextui-org/react");
+
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    // ...
+    './node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}'
+  ],
+  theme: {
+    extend: {},
+  },
+  darkMode: "class",
+  plugins: [nextui()]
+}
+```
+
+### Setup Provider
+
+Go to your `app/providers.tsx` or `app/providers.jsx` (create it if it doesn't exist) and wrap the Component with the `NextUIProvider`:
+
+```jsx
+// app/providers.tsx
+'use client'
+
+import {NextUIProvider} from '@nextui-org/react'
+
+export function Providers({children}: { children: React.ReactNode }) {
+  return (
+    <NextUIProvider>
+      {children}
+    </NextUIProvider>
+  )
+}
+```
+
+### Add Provider to Root
+
+Now, Go to your `root` layout page and wrap it with the `NextUIProvider`:
+
+```jsx {6,8,10}
+// app/layout.tsx
+import {Providers} from "./providers";
+
+export default function RootLayout({children}: { children: React.ReactNode }) {
+  return (
+    <html lang="en" className='dark'>
+      <body>
+        <Providers>
+          {children}
+        </Providers>
+      </body>
+    </html>
+  );
+}
+```
+
+> **Note**: NextUI automatically add two themes `light` and `dark` to your application. You can use any 
+of them by adding the `dark`/`light` class to the `html` tag. See the [theme docs](/docs/theme/customize-theme) for more details.
+
+
+### Use NextUI Components
+
+Now you can import any NextUI component directly in your Server Components without needing to use
+the `use client;` directive:
+
+```jsx {2}
+// app/page.tsx
+import {Button} from '@nextui-org/button'
+
+export default function Page() {
+  return (
+    <div>
+      <Button>Click me</Button>
+    </div>
+  )
+}
+```
+
+> **Important 🚨**: Note that you need to import the component from the individual package, not the from `@nextui-org/react`. 
+
+### Setup pnpm (optional)
+
+If you are using pnpm, you need to add the following code to your `.npmrc` file:
+
+```bash
+public-hoist-pattern[]=*@nextui-org/theme*
+```
+
+After modfiying the `.npmrc` file, you need to run `pnpm install` again to ensure that the dependencies are installed correctly.
+
+</Steps>
+
+<Spacer y={8} />
+
+## Pages Directory Setup 
+
+<Steps>
+
+### Installation
+
+In your Next.js project, run one of the following command to install NextUI:
+
+
+<PackageManagers
+  commands={{
+    npm: 'npm i @nextui-org/react framer-motion',
+    yarn: 'yarn add @nextui-org/react framer-motion',
+    pnpm: 'pnpm add @nextui-org/react framer-motion',
+  }}
+/>
+
+### Tailwind CSS Setup
+
+NextUI is built on top of Tailwind CSS, so you need to install Tailwind CSS first. You can follow the official
+[installation guide](https://tailwindcss.com/docs/guides/nextjs) to install Tailwind CSS. Then you need to add 
+the following code to your `tailwind.config.js` file:
+
+
+```js {8,13-14}
+// tailwind.config.js
+const { nextui } = require("@nextui-org/react");
+
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    // ...
+    './node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}'
+  ],
+  theme: {
+    extend: {},
+  },
+  darkMode: "class",
+  plugins: [nextui()]
+}
+```
+
+### Setup Provider
+
+Go to pages`/_app.js` or `pages/_app.tsx` (create it if it doesn't exist) and wrap the Component with the `NextUIProvider`:
+
+```jsx
+// pages/_app.js
+import {NextUIProvider} from '@nextui-org/react'
+
+function MyApp({ Component, pageProps }) {
+  return (
+    <NextUIProvider>
+      <Component {...pageProps} />
+    </NextUIProvider>
+  )
+}
+
+export default MyApp;
+```
+
+### Use NextUI Components
+
+Now you can import any NextUI component wherever you want:
+
+```jsx
+import {Button} from '@nextui-org/react'
+
+export default function Page() {
+  return (
+    <div>
+      <Button>Click me</Button>
+    </div>
+  )
+}
+```
+
+### Setup pnpm (optional)
+
+If you are using pnpm, you need to add the following code to your `.npmrc` file:
+
+```bash
+public-hoist-pattern[]=*@nextui-org/theme*
+```
+
+After modfiying the `.npmrc` file, you need to run `pnpm install` again to ensure that the dependencies are installed correctly.
+
+</Steps>
+
+## React upgrade steps
+
+<Steps>
+
 ### Upgrade React version
 
 NextUI v2 requires React 18 or later. To upgrade React, run the following command:
@@ -66,7 +286,40 @@ module.exports = {
 
 ### Provider Setup
 
-The provider setup is essentially the same as v1.
+Go to `root` file and wrap the Component with the `NextUIProvider`:
+
+```jsx
+// src/main.jsx
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import {NextUIProvider} from '@nextui-org/react'
+import App from './App'
+import './index.css'
+
+ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
+  <React.StrictMode>
+    <NextUIProvider>
+      <App />
+    </NextUIProvider>
+  </React.StrictMode>,
+)
+```
+
+### Use NextUI Components
+
+Now you can import any NextUI component wherever you want:
+
+```jsx
+import {Button} from '@nextui-org/react'
+
+export default function Page() {
+  return (
+    <div>
+      <Button>Click me</Button>
+    </div>
+  )
+}
+```
 
 ### Setup pnpm (optional)
 
@@ -78,74 +331,7 @@ public-hoist-pattern[]=*@nextui-org/theme*
 
 After modfiying the `.npmrc` file, you need to run `pnpm install` again to ensure that the dependencies are installed correctly.
 
-
-## Next.js upgrade steps
-
-Make sure to follow the previous steps since they are required to upgrade to v2.
-
-### Pages Directory Setup
-
-Go to pages`/_app.js` or `pages/_app.tsx` (create it if it doesn't exist) and wrap the Component with the `NextUIProvider`:
-
-```jsx
-// pages/_app.js
-import {NextUIProvider} from '@nextui-org/react'
-
-function MyApp({ Component, pageProps }) {
-  return (
-    <NextUIProvider>
-      <Component {...pageProps} />
-    </NextUIProvider>
-  )
-}
-
-export default MyApp;
-```
-
-<Blockquote
- color="default"
->
-  Make sure to remove all properties from the previous <InlineCode>NextUIProvider</InlineCode> component. Since now the <InlineCode>theme</InlineCode> is handled by the <InlineCode>nextui</InlineCode> Tailwind plugin.
-</Blockquote>
-
-### App Directory Setup
-
-Go to your `app/providers.tsx` or `app/providers.jsx` (create it if it doesn't exist) and wrap the Component with the `NextUIProvider`:
-
-```jsx
-// app/providers.tsx
-'use client'
-
-import {NextUIProvider} from '@nextui-org/react'
-
-export function Providers({children}: { children: React.ReactNode }) {
-  return (
-    <NextUIProvider>
-      {children}
-    </NextUIProvider>
-  )
-}
-```
-
-Now, Go to your `root` layout page and wrap it with the `NextUIProvider`:
-
-```jsx
-// app/layout.tsx
-import {Providers} from "./providers";
-
-export default function RootLayout({children}: { children: React.ReactNode }) {
-  return (
-    <html lang="en">
-      <body>
-        <Providers>
-          {children}
-        </Providers>
-      </body>
-    </html>
-  );
-}
-```
-
+</Steps>
 
 <Blockquote
  color="default"

apps/docs/styles/globals.css

@@ -62,4 +62,17 @@ body,
     --code-attr-name: 145 180 213;
     --code-language-javascript: 145 180 213;
   }
-}
+}
+
+
+@layer utilities {
+  .step {
+    counter-increment: step;
+  }
+
+  .step:before {
+    @apply absolute w-7 h-7 bg-default-100 rounded-full font-medium text-center text-base inline-flex items-center justify-center -indent-px;
+    @apply ml-[-41px];
+    content: counter(step);
+  }
+}

packages/components/accordion/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @nextui-org/accordion
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/use-aria-accordion-item@0.0.0-dev-v2-20230530022806
+  - @nextui-org/framer-transitions@0.0.0-dev-v2-20230530022806
+  - @nextui-org/shared-icons@0.0.0-dev-v2-20230530022806
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/aria-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/system@0.0.0-dev-v2-20230530022806
+  - @nextui-org/theme@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/components/accordion/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/accordion",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "Collapse display a list of high-level options that can expand/collapse to reveal more information.",
   "keywords": [
     "react",

packages/components/avatar/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @nextui-org/avatar
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/use-image@0.0.0-dev-v2-20230530022806
+  - @nextui-org/system@0.0.0-dev-v2-20230530022806
+  - @nextui-org/theme@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/components/avatar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/avatar",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.",
   "keywords": [
     "avatar"

packages/components/badge/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @nextui-org/badge
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/system@0.0.0-dev-v2-20230530022806
+  - @nextui-org/theme@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/components/badge/package.json

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

packages/components/button/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @nextui-org/button
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/use-aria-button@0.0.0-dev-v2-20230530022806
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/spinner@0.0.0-dev-v2-20230530022806
+  - @nextui-org/drip@0.0.0-dev-v2-20230530022806
+  - @nextui-org/system@0.0.0-dev-v2-20230530022806
+  - @nextui-org/theme@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/components/button/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/button",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "Buttons allow users to perform actions and choose with a single tap.",
   "keywords": [
     "button"

packages/components/card/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @nextui-org/card
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/use-aria-button@0.0.0-dev-v2-20230530022806
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/drip@0.0.0-dev-v2-20230530022806
+  - @nextui-org/system@0.0.0-dev-v2-20230530022806
+  - @nextui-org/theme@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/components/card/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/card",
-  "version": "0.0.0-dev-v2-20230529224901",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "Card is a container for text, photos, and actions in the context of a single subject.",
   "keywords": [
     "card"

packages/components/checkbox/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @nextui-org/checkbox
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/system@0.0.0-dev-v2-20230530022806
+  - @nextui-org/theme@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/components/checkbox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/checkbox",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.",
   "keywords": [
     "checkbox"

packages/components/chip/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @nextui-org/chip
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/shared-icons@0.0.0-dev-v2-20230530022806
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/system@0.0.0-dev-v2-20230530022806
+  - @nextui-org/theme@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/components/chip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/chip",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "Chips help people enter information, make selections, filter content, or trigger actions.",
   "keywords": [
     "chip"

packages/components/code/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @nextui-org/code
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/system@0.0.0-dev-v2-20230530022806
+  - @nextui-org/theme@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/components/code/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/code",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "Code is a component used to display inline code.",
   "keywords": [
     "code"

packages/components/divider/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @nextui-org/divider
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/system@0.0.0-dev-v2-20230530022806
+  - @nextui-org/theme@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/components/divider/package.json

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

packages/components/drip/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @nextui-org/drip
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/system@0.0.0-dev-v2-20230530022806
+  - @nextui-org/theme@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/components/drip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/drip",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "A ripple effect for ensuring that the user fells the system is reacting instantaneously",
   "keywords": [
     "drip"

packages/components/dropdown/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @nextui-org/dropdown
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/aria-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/use-is-mobile@0.0.0-dev-v2-20230530022806
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/popover@0.0.0-dev-v2-20230530022806
+  - @nextui-org/system@0.0.0-dev-v2-20230530022806
+  - @nextui-org/theme@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/components/dropdown/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/dropdown",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "A dropdown displays a list of actions or options that a user can choose.",
   "keywords": [
     "dropdown"

packages/components/image/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @nextui-org/image
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/use-image@0.0.0-dev-v2-20230530022806
+  - @nextui-org/system@0.0.0-dev-v2-20230530022806
+  - @nextui-org/theme@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/components/image/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/image",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "A simple image component",
   "keywords": [
     "image"

packages/components/input/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @nextui-org/input
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/shared-icons@0.0.0-dev-v2-20230530022806
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/use-aria-field@0.0.0-dev-v2-20230530022806
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/system@0.0.0-dev-v2-20230530022806
+  - @nextui-org/theme@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/components/input/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/input",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "The input component is designed for capturing user input within a text field.",
   "keywords": [
     "input"

packages/components/kbd/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @nextui-org/kbd
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/system@0.0.0-dev-v2-20230530022806
+  - @nextui-org/theme@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/components/kbd/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/kbd",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "The keyboard key components indicates which key or set of keys used to execute a specificv  action",
   "keywords": [
     "kbd"

packages/components/link/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @nextui-org/link
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/shared-icons@0.0.0-dev-v2-20230530022806
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/system@0.0.0-dev-v2-20230530022806
+  - @nextui-org/theme@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/components/link/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/link",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "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"

packages/components/modal/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @nextui-org/modal
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/framer-transitions@0.0.0-dev-v2-20230530022806
+  - @nextui-org/shared-icons@0.0.0-dev-v2-20230530022806
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/use-aria-button@0.0.0-dev-v2-20230530022806
+  - @nextui-org/use-disclosure@0.0.0-dev-v2-20230530022806
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/system@0.0.0-dev-v2-20230530022806
+  - @nextui-org/theme@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/components/modal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/modal",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "Displays a dialog with a custom content that requires attention or provides additional information.",
   "keywords": [
     "modal"

packages/components/navbar/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @nextui-org/navbar
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/use-aria-toggle-button@0.0.0-dev-v2-20230530022806
+  - @nextui-org/framer-transitions@0.0.0-dev-v2-20230530022806
+  - @nextui-org/use-scroll-position@0.0.0-dev-v2-20230530022806
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/system@0.0.0-dev-v2-20230530022806
+  - @nextui-org/theme@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/components/navbar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/navbar",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "A responsive navigation header positioned on top side of your page that includes support for branding, links, navigation, collapse and more.",
   "keywords": [
     "navbar"

packages/components/pagination/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @nextui-org/pagination
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/shared-icons@0.0.0-dev-v2-20230530022806
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/use-pagination@0.0.0-dev-v2-20230530022806
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/system@0.0.0-dev-v2-20230530022806
+  - @nextui-org/theme@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/components/pagination/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/pagination",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "The Pagination component allows you to display active page and navigate between multiple pages.",
   "keywords": [
     "pagination"

packages/components/popover/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @nextui-org/popover
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/framer-transitions@0.0.0-dev-v2-20230530022806
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/use-aria-button@0.0.0-dev-v2-20230530022806
+  - @nextui-org/aria-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/button@0.0.0-dev-v2-20230530022806
+  - @nextui-org/system@0.0.0-dev-v2-20230530022806
+  - @nextui-org/theme@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/components/popover/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/popover",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "A popover is an overlay element positioned relative to a trigger.",
   "keywords": [
     "popover"

packages/components/progress/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @nextui-org/progress
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/use-aria-label@0.0.0-dev-v2-20230530022806
+  - @nextui-org/use-is-mounted@0.0.0-dev-v2-20230530022806
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/system@0.0.0-dev-v2-20230530022806
+  - @nextui-org/theme@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/components/progress/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/progress",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "Progress bars show either determinate or indeterminate progress of an operation over time.",
   "keywords": [
     "progress"

packages/components/radio/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @nextui-org/radio
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/system@0.0.0-dev-v2-20230530022806
+  - @nextui-org/theme@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/components/radio/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/radio",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "Radios allow users to select a single option from a list of mutually exclusive options.",
   "keywords": [
     "radio"

packages/components/skeleton/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @nextui-org/skeleton
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/system@0.0.0-dev-v2-20230530022806
+  - @nextui-org/theme@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/components/skeleton/package.json

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

packages/components/snippet/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @nextui-org/snippet
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/shared-icons@0.0.0-dev-v2-20230530022806
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/use-clipboard@0.0.0-dev-v2-20230530022806
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/tooltip@0.0.0-dev-v2-20230530022806
+  - @nextui-org/button@0.0.0-dev-v2-20230530022806
+  - @nextui-org/system@0.0.0-dev-v2-20230530022806
+  - @nextui-org/theme@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/components/snippet/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/snippet",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "Display a snippet of copyable code for the command line.",
   "keywords": [
     "snippet"

packages/components/spacer/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @nextui-org/spacer
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/system@0.0.0-dev-v2-20230530022806
+  - @nextui-org/theme@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/components/spacer/package.json

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

packages/components/spinner/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @nextui-org/spinner
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/system@0.0.0-dev-v2-20230530022806
+  - @nextui-org/theme@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/components/spinner/package.json

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

packages/components/switch/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @nextui-org/switch
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/system@0.0.0-dev-v2-20230530022806
+  - @nextui-org/theme@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/components/switch/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/switch",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "A switch is similar to a checkbox, but represents on/off values as opposed to selection.",
   "keywords": [
     "switch"

packages/components/table/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @nextui-org/table
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/shared-icons@0.0.0-dev-v2-20230530022806
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/checkbox@0.0.0-dev-v2-20230530022806
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/spacer@0.0.0-dev-v2-20230530022806
+  - @nextui-org/system@0.0.0-dev-v2-20230530022806
+  - @nextui-org/theme@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/components/table/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/table",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "Tables are used to display tabular data using rows and columns. ",
   "keywords": [
     "table"

packages/components/tabs/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @nextui-org/tabs
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/framer-transitions@0.0.0-dev-v2-20230530022806
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/use-is-mounted@0.0.0-dev-v2-20230530022806
+  - @nextui-org/aria-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/system@0.0.0-dev-v2-20230530022806
+  - @nextui-org/theme@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/components/tabs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/tabs",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "Tabs organize content into multiple sections and allow users to navigate between them.",
   "keywords": [
     "tabs"

packages/components/tooltip/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @nextui-org/tooltip
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/framer-transitions@0.0.0-dev-v2-20230530022806
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/aria-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/system@0.0.0-dev-v2-20230530022806
+  - @nextui-org/theme@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/components/tooltip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/tooltip",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "A React Component for rendering dynamically positioned Tooltips",
   "keywords": [
     "tooltip"

packages/components/user/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @nextui-org/user
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230530022806
+  - @nextui-org/avatar@0.0.0-dev-v2-20230530022806
+  - @nextui-org/system@0.0.0-dev-v2-20230530022806
+  - @nextui-org/theme@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/components/user/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/user",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "Flexible User Profile Component.",
   "keywords": [
     "user"

packages/core/react/CHANGELOG.md

@@ -1,5 +1,44 @@
 # @nextui-org/react
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/pagination@0.0.0-dev-v2-20230530022806
+  - @nextui-org/accordion@0.0.0-dev-v2-20230530022806
+  - @nextui-org/checkbox@0.0.0-dev-v2-20230530022806
+  - @nextui-org/dropdown@0.0.0-dev-v2-20230530022806
+  - @nextui-org/progress@0.0.0-dev-v2-20230530022806
+  - @nextui-org/skeleton@0.0.0-dev-v2-20230530022806
+  - @nextui-org/divider@0.0.0-dev-v2-20230530022806
+  - @nextui-org/popover@0.0.0-dev-v2-20230530022806
+  - @nextui-org/snippet@0.0.0-dev-v2-20230530022806
+  - @nextui-org/spinner@0.0.0-dev-v2-20230530022806
+  - @nextui-org/tooltip@0.0.0-dev-v2-20230530022806
+  - @nextui-org/avatar@0.0.0-dev-v2-20230530022806
+  - @nextui-org/button@0.0.0-dev-v2-20230530022806
+  - @nextui-org/navbar@0.0.0-dev-v2-20230530022806
+  - @nextui-org/spacer@0.0.0-dev-v2-20230530022806
+  - @nextui-org/switch@0.0.0-dev-v2-20230530022806
+  - @nextui-org/badge@0.0.0-dev-v2-20230530022806
+  - @nextui-org/image@0.0.0-dev-v2-20230530022806
+  - @nextui-org/input@0.0.0-dev-v2-20230530022806
+  - @nextui-org/modal@0.0.0-dev-v2-20230530022806
+  - @nextui-org/radio@0.0.0-dev-v2-20230530022806
+  - @nextui-org/table@0.0.0-dev-v2-20230530022806
+  - @nextui-org/card@0.0.0-dev-v2-20230530022806
+  - @nextui-org/chip@0.0.0-dev-v2-20230530022806
+  - @nextui-org/code@0.0.0-dev-v2-20230530022806
+  - @nextui-org/drip@0.0.0-dev-v2-20230530022806
+  - @nextui-org/link@0.0.0-dev-v2-20230530022806
+  - @nextui-org/tabs@0.0.0-dev-v2-20230530022806
+  - @nextui-org/user@0.0.0-dev-v2-20230530022806
+  - @nextui-org/kbd@0.0.0-dev-v2-20230530022806
+  - @nextui-org/system@0.0.0-dev-v2-20230530022806
+  - @nextui-org/theme@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/core/react/package.json

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

packages/core/system/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nextui-org/system
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/core/system/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/system",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "NextUI system primitives",
   "keywords": [
     "system"

packages/core/theme/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nextui-org/theme
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/core/theme/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/theme",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "The default theme for NextUI components",
   "keywords": [
     "theme",

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

@@ -57,7 +57,7 @@ const input = tv({
         inputWrapper: [
           "bg-default-100",
           "data-[hover=true]:bg-default-200",
-          "group-data-[focused=true]:bg-default-100",
+          "group-data-[focus=true]:bg-default-100",
         ],
       },
       faded: {
@@ -73,7 +73,7 @@ const input = tv({
           "border-2",
           "border-default-200",
           "data-[hover=true]:border-default-400",
-          "group-data-[focused=true]:border-foreground",
+          "group-data-[focus=true]:border-foreground",
         ],
       },
       underlined: {
@@ -97,7 +97,7 @@ const input = tv({
           "after:-translate-x-1/2",
           "after:-bottom-[2px]",
           "after:h-[2px]",
-          "group-data-[focused=true]:after:w-full",
+          "group-data-[focus=true]:after:w-full",
         ],
       },
     },
@@ -262,7 +262,7 @@ const input = tv({
           "bg-primary-50",
           "data-[hover=true]:bg-primary-100",
           "text-primary",
-          "group-data-[focused=true]:bg-primary-50",
+          "group-data-[focus=true]:bg-primary-50",
           "placeholder:text-primary",
         ],
         input: "placeholder:text-primary",
@@ -276,7 +276,7 @@ const input = tv({
           "bg-secondary-50",
           "text-secondary",
           "data-[hover=true]:bg-secondary-100",
-          "group-data-[focused=true]:bg-secondary-50",
+          "group-data-[focus=true]:bg-secondary-50",
           "placeholder:text-secondary",
         ],
         input: "placeholder:text-secondary",
@@ -290,7 +290,7 @@ const input = tv({
           "bg-success-50",
           "data-[hover=true]:bg-success-100",
           "text-success",
-          "group-data-[focused=true]:bg-success-50",
+          "group-data-[focus=true]:bg-success-50",
           "placeholder:text-success",
         ],
         input: "placeholder:text-success",
@@ -304,7 +304,7 @@ const input = tv({
           "bg-warning-50",
           "data-[hover=true]:bg-warning-100",
           "text-warning",
-          "group-data-[focused=true]:bg-warning-50",
+          "group-data-[focus=true]:bg-warning-50",
           "placeholder:text-warning",
         ],
         input: "placeholder:text-warning",
@@ -318,7 +318,7 @@ const input = tv({
           "bg-danger-50",
           "data-[hover=true]:bg-danger-100",
           "text-danger",
-          "group-data-[focused=true]:bg-danger-50",
+          "group-data-[focus=true]:bg-danger-50",
           "placeholder:text-danger",
         ],
         input: "placeholder:text-danger",
@@ -406,35 +406,35 @@ const input = tv({
       variant: "bordered",
       color: "primary",
       class: {
-        inputWrapper: "group-data-[focused=true]:border-primary",
+        inputWrapper: "group-data-[focus=true]:border-primary",
       },
     },
     {
       variant: "bordered",
       color: "secondary",
       class: {
-        inputWrapper: "group-data-[focused=true]:border-secondary",
+        inputWrapper: "group-data-[focus=true]:border-secondary",
       },
     },
     {
       variant: "bordered",
       color: "success",
       class: {
-        inputWrapper: "group-data-[focused=true]:border-success",
+        inputWrapper: "group-data-[focus=true]:border-success",
       },
     },
     {
       variant: "bordered",
       color: "warning",
       class: {
-        inputWrapper: "group-data-[focused=true]:border-warning",
+        inputWrapper: "group-data-[focus=true]:border-warning",
       },
     },
     {
       variant: "bordered",
       color: "danger",
       class: {
-        inputWrapper: "group-data-[focused=true]:border-danger",
+        inputWrapper: "group-data-[focus=true]:border-danger",
       },
     },
     // radius-full & size
@@ -504,7 +504,7 @@ const input = tv({
         inputWrapper: [
           "bg-danger-50",
           "data-[hover=true]:bg-danger-100",
-          "group-data-[focused=true]:bg-danger-50",
+          "group-data-[focus=true]:bg-danger-50",
         ],
       },
     },
@@ -512,7 +512,7 @@ const input = tv({
       isInvalid: true,
       variant: "bordered",
       class: {
-        inputWrapper: "!border-danger group-data-[focused=true]:border-danger",
+        inputWrapper: "!border-danger group-data-[focus=true]:border-danger",
       },
     },
     {

packages/hooks/use-aria-accordion-item/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nextui-org/use-aria-accordion-item
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/hooks/use-aria-accordion-item/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/use-aria-accordion-item",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "Internal impl for react aria accordion item",
   "keywords": [
     "use-aria-accordion-item"

packages/hooks/use-aria-button/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nextui-org/use-aria-button
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/hooks/use-aria-button/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/use-aria-button",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "Internal hook to handle button a11y and events, this is based on react-aria button hook but without the onClick warning",
   "keywords": [
     "use-aria-button"

packages/hooks/use-aria-field/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @nextui-org/use-aria-field
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/use-aria-slot-id@0.0.0-dev-v2-20230530022806
+  - @nextui-org/use-aria-label@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/hooks/use-aria-field/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/use-aria-field",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "Based on react-aria useField hook, provides the accessibility implementation for input fields",
   "keywords": [
     "use-aria-field"

packages/hooks/use-aria-label/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nextui-org/use-aria-label
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/hooks/use-aria-label/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/use-aria-label",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "Based on react-aria label hook, it provides the accessibility implementation for labels and their associated elements. Labels provide context for user inputs.",
   "keywords": [
     "use-aria-label"

packages/hooks/use-aria-slot-id/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nextui-org/use-aria-slot-id
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/hooks/use-aria-slot-id/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/use-aria-slot-id",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "Based on react-aria useSlotId, used to generate an id, and after render check if that id is rendered",
   "keywords": [
     "use-aria-slot-id"

packages/hooks/use-aria-toggle-button/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @nextui-org/use-aria-toggle-button
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/use-aria-button@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/hooks/use-aria-toggle-button/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/use-aria-toggle-button",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "Internal hook to handle button a11y and events, this is based on react-aria button hook but without the onClick warning",
   "keywords": [
     "use-aria-toggle-button"

packages/hooks/use-callback-ref/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @nextui-org/use-callback-ref
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/use-safe-layout-effect@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/hooks/use-callback-ref/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/use-callback-ref",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "React hook to persist any value between renders, but keeps it up-to-date if it changes.",
   "keywords": [
     "use-callback-ref"

packages/hooks/use-clipboard/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nextui-org/use-clipboard
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/hooks/use-clipboard/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/use-clipboard",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "Wrapper around navigator.clipboard with feedback timeout",
   "keywords": [
     "use-clipboard"

packages/hooks/use-disclosure/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @nextui-org/use-disclosure
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/use-callback-ref@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/hooks/use-disclosure/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/use-disclosure",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "The hook in charge of managing modals",
   "keywords": [
     "use-disclosure"

packages/hooks/use-image/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @nextui-org/use-image
 
+## 0.0.0-dev-v2-20230530022806
+
+### Patch Changes
+
+- Input styles changed
+- Updated dependencies
+  - @nextui-org/use-safe-layout-effect@0.0.0-dev-v2-20230530022806
+
 ## 0.0.0-dev-v2-20230529230229
 
 ### Patch Changes

packages/hooks/use-image/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/use-image",
-  "version": "0.0.0-dev-v2-20230529230229",
+  "version": "0.0.0-dev-v2-20230530022806",
   "description": "React hook for progressing image loading",
   "keywords": [
     "use-image"