chore(root): new snapshot

apps/docs/components/docs/components/component-links.tsx

@@ -5,10 +5,11 @@ import {COMPONENT_PATH, COMPONENT_THEME_PATH} from "@/libs/github/constants";
 
 export interface ComponentLinksProps {
   component: string;
+  storybook?: string;
   reactAriaHook?: string;
 }
 
-export const ComponentLinks = ({component, reactAriaHook}: ComponentLinksProps) => {
+export const ComponentLinks = ({component, storybook, reactAriaHook}: ComponentLinksProps) => {
   if (!component) {
     return null;
   }
@@ -19,7 +20,7 @@ export const ComponentLinks = ({component, reactAriaHook}: ComponentLinksProps)
         isExternal
         as={Link}
         className="text-neutral-700"
-        href={`https://storiesv2.nextui.org/?path=/story/components-${component}`}
+        href={`https://storiesv2.nextui.org/?path=/story/components-${storybook || component}`}
         radius="md"
         size="sm"
         startIcon={<StorybookIcon className="text-lg text-[#ff4785]" />}

apps/docs/components/docs/sidebar.tsx

@@ -85,7 +85,7 @@ function TreeItem<T>(props: TreeItemProps<T>) {
       aria-expanded={dataAttr(hasChildNodes ? isExpanded : undefined)}
       aria-selected={dataAttr(isSelected)}
       className={clsx(
-        "flex flex-col gap-3 outline-none",
+        "flex flex-col gap-3 outline-none w-full",
         // focus ring
         "data-[focus-visible=true]:outline-none",
         "data-[focus-visible=true]:ring-2",
@@ -113,6 +113,7 @@ function TreeItem<T>(props: TreeItemProps<T>) {
           <NextUILink
             as={Link}
             className={clsx(
+              "w-full",
               "opacity-60",
               "dark:font-light",
               {

apps/docs/components/sandpack/code-viewer.tsx

@@ -8,7 +8,9 @@ import {
   useActiveCode,
   SandpackStack,
 } from "@codesandbox/sandpack-react";
+import {Button} from "@nextui-org/react";
 import scrollIntoView from "scroll-into-view-if-needed";
+import {clsx} from "@nextui-org/shared-utils";
 
 import {getId} from "./utils";
 import {Decorators} from "./types";
@@ -32,6 +34,8 @@ export interface CodeViewerProps {
   containerRef?: React.RefObject<HTMLDivElement>;
 }
 
+const INITIAL_HEIGHT = "200px";
+
 export const SandpackCodeViewer = React.forwardRef<any, CodeViewerProps>(
   (
     {showTabs, code: propCode, decorators, initMode, showLineNumbers, wrapContent, containerRef},
@@ -55,12 +59,12 @@ export const SandpackCodeViewer = React.forwardRef<any, CodeViewerProps>(
     const shouldShowTabs = showTabs ?? sandpack.visibleFilesFromProps.length > 1;
 
     const lineCount = lineCountRef.current[activeFile];
-    const isExpandable = lineCount > 13 || isExpanded;
+    const isExpandable = lineCount > 7 || isExpanded;
     const isAppFile = activeFile.includes("App");
 
     React.useEffect(() => {
       if (containerRef && containerRef?.current !== null && isExpandable) {
-        containerRef.current.style.height = "350px";
+        containerRef.current.style.height = INITIAL_HEIGHT;
       }
     }, [containerRef]);
 
@@ -78,7 +82,7 @@ export const SandpackCodeViewer = React.forwardRef<any, CodeViewerProps>(
         if (nextIsExpanded) {
           container.style.height = "auto";
         } else {
-          container.style.height = "350px";
+          container.style.height = INITIAL_HEIGHT;
           scrollIntoView(container, {
             behavior: "smooth",
             scrollMode: "if-needed",
@@ -93,30 +97,43 @@ export const SandpackCodeViewer = React.forwardRef<any, CodeViewerProps>(
         <div className="h-full">
           <SandpackStack>
             {shouldShowTabs ? <FileTabs /> : null}
-            {/* <div className="scrollbar-hide overflow-scroll"> */}
-            <CodeEditor
-              key={internalKey}
-              ref={ref}
-              readOnly
-              code={propCode || code}
-              decorators={isAppFile ? decorators : []}
-              filePath={activeFile}
-              initMode={initMode || sandpack.initMode}
-              showLineNumbers={showLineNumbers}
-              showReadOnly={false}
-              wrapContent={wrapContent}
-            />
-            {/* </div> */}
+            <div
+              className={clsx("sp-code-viewer", {
+                "is-expanded": isExpanded,
+              })}
+            >
+              <CodeEditor
+                key={internalKey}
+                ref={ref}
+                readOnly
+                code={propCode || code}
+                decorators={isAppFile ? decorators : []}
+                filePath={activeFile}
+                initMode={initMode || sandpack.initMode}
+                showLineNumbers={showLineNumbers}
+                showReadOnly={false}
+                wrapContent={wrapContent}
+              />
+            </div>
           </SandpackStack>
         </div>
         {isExpandable && (
-          <div className="w-full absolute bottom-0 py-1 px-4 flex items-center justify-end bg-gradient-to-b from-code-background/5 to-black/40 dark:to-black/50 h-10">
-            <button
-              className="text-sm font-medium font-sans transition-colors text-code-foreground/50 hover:text-code-foreground/80"
+          <div
+            className={clsx(
+              "w-full absolute py-1 px-4 flex items-center justify-center bg-gradient-to-t from-code-background to-code-background/10 dark:to-code-background/50",
+              {"h-10 bottom-0 pb-2": isExpanded},
+              {"h-full inset-0": !isExpanded},
+            )}
+          >
+            <Button
+              className="bg-[#2a2838] shadow-md dark:bg-zinc-800 !transition-all text-zinc-300 dark:text-zinc-400 hover:!text-zinc-200"
+              radius="full"
+              size="sm"
+              variant="flat"
               onClick={handleExpand}
             >
               {isExpanded ? "Show less" : "Show more"}
-            </button>
+            </Button>
           </div>
         )}
       </>

apps/docs/content/components/checkbox-group/index.ts

@@ -0,0 +1,5 @@
+import usage from "./usage";
+
+export const checkboxGroupContent = {
+  usage,
+};

apps/docs/content/components/checkbox-group/usage.ts

@@ -0,0 +1,21 @@
+const App = `import { Checkbox } from "@nextui-org/react";
+
+export default function App() {
+  return (
+    <CheckboxGroup defaultValue={["buenos-aires", "london"]}>
+      <Checkbox value="buenos-aires">Buenos Aires</Checkbox>
+      <Checkbox value="sydney">Sydney</Checkbox>
+      <Checkbox value="san-francisco">San Francisco</Checkbox>
+      <Checkbox value="london">London</Checkbox>
+      <Checkbox value="tokyo">Tokyo</Checkbox>
+    </CheckboxGroup>
+  );
+}`;
+
+const react = {
+  "/App.jsx": App,
+};
+
+export default {
+  ...react,
+};

apps/docs/content/components/index.ts

@@ -4,3 +4,4 @@ export * from "./card";
 export * from "./accordion";
 export * from "./badge";
 export * from "./checkbox";
+export * from "./checkbox-group";

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

@@ -1,14 +1,22 @@
 ---
-title: 'Checkbox Group'
-description: 'A CheckboxGroup allows users to select one or more items from a list of choices.'
+title: "Checkbox Group"
+description: "A CheckboxGroup allows users to select one or more items from a list of choices."
 url: https://nextui.org/docs/components/checkbox-group
 ---
 
 # Checkbox Group
 
-A CheckboxGroup allows users to select one or more items from a list of choices. CheckboxGrup implementation is based on <a href="https://react-spectrum.adobe.com/react-aria/useCheckboxGroup.html" rel="noreferrer" target="_blank">
-@react-aria/checkbox</a>
+A CheckboxGroup allows users to select one or more items from a list of choices.
+
+<ComponentLinks component="checkbox" storybook="checkboxgroup" reactAriaHook="useCheckboxGroup" />
+
+---
 
 ```jsx
-import { CheckboxGroup, Checkbox } from '@nextui-org/react';
-```
+import {CheckboxGroup, Checkbox} from "@nextui-org/react";
+```
+
+## Usage
+
+<CodeDemo title="Usage" files={checkboxGroupContent.usage} />
+

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

@@ -80,9 +80,6 @@ some functionalities of NextUI components may not work properly.
 If you are using pnpm, you need to add the following code to your `.npmrc` file:
 
 ```bash
-# .npmrc
-strict-peer-dependencies=false
-enable-pre-post-scripts=true
 public-hoist-pattern[]=*@nextui-org/theme*
 ```
 

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

@@ -141,9 +141,6 @@ export default function Page() {
 If you are using pnpm, you need to add the following code to your `.npmrc` file:
 
 ```bash
-# .npmrc
-strict-peer-dependencies=false
-enable-pre-post-scripts=true
 public-hoist-pattern[]=*@nextui-org/theme*
 ```
 

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

@@ -97,9 +97,6 @@ export default function App() {
 If you are using pnpm, you need to add the following code to your `.npmrc` file:
 
 ```bash
-# .npmrc
-strict-peer-dependencies=false
-enable-pre-post-scripts=true
 public-hoist-pattern[]=*@nextui-org/theme*
 ```
 

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

@@ -86,9 +86,6 @@ ReactDOM.createRoot(document.getElementById('root')).render(
 If you are using pnpm, you need to add the following code to your `.npmrc` file:
 
 ```bash
-# .npmrc
-strict-peer-dependencies=false
-enable-pre-post-scripts=true
 public-hoist-pattern[]=*@nextui-org/theme*
 ```
 

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

@@ -82,9 +82,6 @@ function App() {
 If you are using pnpm, you need to add the following code to your `.npmrc` file:
 
 ```bash
-# .npmrc
-strict-peer-dependencies=false
-enable-pre-post-scripts=true
 public-hoist-pattern[]=*@nextui-org/theme*
 ```
 

apps/docs/content/docs/guide/introduction.mdx

@@ -24,43 +24,61 @@ NextUI's primary goal is to streamline the development process, offering a beaut
 
 ### Is NextUI a Vercel related project?
 
-No, NextUI is an independent community project and is not related to Vercel.
+<p class="text-neutral-500">
+  No, NextUI is an independent community project and is not related to Vercel.
+</p>
 
 ### How is NextUI different from TailwindCSS?
 
-- **TailwindCSS**: Tailwind CSS: CSS Framework that provides atomic CSS classes to help you style components,
+- **TailwindCSS**: 
+<p class="text-neutral-500">
+  Tailwind CSS is a CSS Framework that provides atomic CSS classes to help you style components,
   leaving you to handle lots of other things like accessibility, component composition, keyboard navigation,
   style overrides, etc.
+</p>  
 
-- **NextUI**: NextUI is a UI library for React that combines the power of TailwindCSS with React Aria to provide
+- **NextUI**: 
+<p class="text-neutral-500">
+  NextUI is a UI library for React that combines the power of TailwindCSS with React Aria to provide
   a complete solution for building accessible and customizable user interfaces. Since NextUI is built upon TailwindCSS,
   you can utilize all TailwindCSS classes within your NextUI components, ensuring optimal compiled CSS size.
+</p>
 
 ### How is NextUI different from TailwindCSS components libraries?
 
-TailwindCSS components libraries such as [TailwindUI](https://tailwindui.com/), [Flowbite](https://flowbite.com/), or [Preline](https://preline.co/), just to name a few, only 
+<p class="text-neutral-500">
+TailwindCSS components libraries such as <Link isExternal href="https://tailwindui.com/">TailwindUI</Link>, <Link isExternal href="https://flowbite.com/">Flowbite</Link>, or <Link isExternal href="https://preline.co/">Preline</Link>, just to name a few, only 
 offer a curated selection of TailwindCSS classes to style your components. They don't provide any React specific components, logic, props, composition, or accessibility features. In contrast
 to these libraries, NextUI is a complete UI library for React that provides a set of accessible and customizable components, hooks, and utilities.
+</p>
 
 ### How NextUI deals with TailwindCSS classes conflicts?
 
-We created a TailwindCSS utility library called [tailwind-variants](https://www.tailwind-variants.org/) that automatically
+<p class="text-neutral-500">
+We created a TailwindCSS utility library called <Link isExternal href="https://www.tailwind-variants.org/">tailwind-variants</Link> that automatically
 handle TailwindCSS class conflicts. This ensures your custom classes will consistently override the default ones, eliminating any duplication.
+</p>
 
 ### Does NextUI use runtime CSS?
 
+<p class="text-neutral-500">
 No, NextUI version 2 employs TailwindCSS JIT, which generates CSS at build time, eliminating the need for
 runtime CSS. This means that NextUI is fully compatible with the latest React and Next.js versions.
+</p>
 
 ### Does NextUI support TypeScript?
 
+<p class="text-neutral-500">
 Yes, NextUI is written in TypeScript and has full support for it.
+</p>
 
 ### Can I use NextUI with other front-end frameworks or libraries?
 
+<p class="text-neutral-500">
 NextUI is specifically designed for React and is built on top of React Aria. As a result, it is primarily
 tailored for React applications. However, you can still use the CSS part of NextUI with other frameworks or
 libraries, but you will lose the benefits of React Aria and pre-built accessible components that come with NextUI.
+</p>
 
 ---
 

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

@@ -73,9 +73,6 @@ The provider setup is essentially the same as v1.
 If you are using pnpm, you need to add the following code to your `.npmrc` file:
 
 ```bash
-# .npmrc
-strict-peer-dependencies=false
-enable-pre-post-scripts=true
 public-hoist-pattern[]=*@nextui-org/theme*
 ```
 

apps/docs/libs/router-events.ts

@@ -0,0 +1,20 @@
+import mitt from "mitt";
+import Router from "next/router";
+
+const emitter = mitt();
+
+export default emitter;
+
+Router.events.on("routeChangeStart", (url) => {
+  emitter.emit("routeChangeStart", url);
+});
+
+Router.events.on("routeChangeComplete", (url) => {
+  // eslint-disable-next-line no-console
+  console.log(`Changed to URL: ${url}`);
+  emitter.emit("routeChangeComplete", url);
+});
+
+Router.events.on("routeChangeError", (err) => {
+  emitter.emit("routeChangeError", err);
+});

apps/docs/package.json

@@ -41,6 +41,8 @@
     "next-themes": "^0.2.1",
     "parse-numeric-range": "1.2.0",
     "prism-react-renderer": "^1.2.1",
+    "nprogress": "^0.2.0",
+    "mitt": "3.0.0",
     "querystring": "^0.2.1",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
@@ -57,6 +59,7 @@
   "devDependencies": {
     "@next/env": "^13.4.2",
     "@react-types/shared": "^3.18.0",
+    "@types/nprogress": "^0.2.0",
     "@tailwindcss/typography": "^0.5.9",
     "@types/canvas-confetti": "^1.4.2",
     "@types/lodash": "^4.14.194",

apps/docs/pages/_app.tsx

@@ -1,15 +1,32 @@
 import React from "react";
-import {Inter} from "next/font/google";
+import {DM_Sans} from "next/font/google";
 import {Analytics} from "@vercel/analytics/react";
 import {NextUIProvider} from "@nextui-org/react";
 import {ThemeProvider} from "next-themes";
 import {NextPage} from "next";
 import {AppProps} from "next/app";
+import {debounce} from "lodash";
+import NProgress from "nprogress";
 
+import RouterEvents from "@/libs/router-events";
 import {__PROD__} from "@/utils";
 import "../styles/globals.css";
 import "../styles/sandpack.css";
 
+NProgress.configure({parent: "#app-container"});
+
+const start = debounce(NProgress.start, 100);
+
+RouterEvents.on("routeChangeStart", start);
+RouterEvents.on("routeChangeComplete", () => {
+  start.cancel();
+  NProgress.done();
+});
+RouterEvents.on("routeChangeError", () => {
+  start.cancel();
+  NProgress.done();
+});
+
 const Application: NextPage<AppProps<{}>> = ({Component, pageProps}) => {
   return (
     <NextUIProvider>
@@ -21,7 +38,7 @@ const Application: NextPage<AppProps<{}>> = ({Component, pageProps}) => {
   );
 };
 
-const sans = Inter({
+const sans = DM_Sans({
   variable: "--font-sans",
   adjustFontFallback: true,
   display: "optional",
@@ -44,7 +61,7 @@ const sans = Inter({
   preload: true,
   style: "normal",
   subsets: ["latin"],
-  weight: "variable",
+  weight: ["400", "500", "700"],
 });
 
 export const fonts = {

apps/docs/styles/globals.css

@@ -3,6 +3,7 @@
 @tailwind utilities;
 
 @import 'prism.css';
+@import 'nprogress.css';
 
 html {
   height: 100vh;

apps/docs/styles/nprogress.css

@@ -0,0 +1,14 @@
+#nprogress {
+  @apply pointer-events-none;
+}
+
+#nprogress .bar {
+  @apply bg-secondary fixed z-[9999999] top-0 left-0 w-full h-0.5;
+}
+
+#nprogress .peg {
+  @apply block absolute right-0 w-24 h-full opacity-100;
+  box-shadow: 0 0 10px #7828c8, 0 0 5px #7828c8;
+  -webkit-transform: rotate(3deg) translate(0px, -4px);
+  transform: rotate(3deg) translate(0px, -4px);
+}

apps/docs/styles/sandpack.css

@@ -22,17 +22,25 @@
 }
 .sp-cm {
   max-height: 100%;
-  overflow: scroll;
+  overflow: hidden;
 }
+
+.cm-scroller {
+  overflow: hidden;
+  max-height: 600px;
+}
+
+.sp-code-viewer.is-expanded .cm-scroller {
+  overflow: auto;
+  padding-bottom: 50px;
+}
+
 .cm-scroller::-webkit-scrollbar {
   width: 0px
 }
 .sp-tab-button {
-  display: block;
-  background: transparent;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
+  @apply block !font-sans bg-transparent appearance-none;
+
   font-size: inherit;
   padding: 0 var(--sp-space-2);
   color: var(--sp-colors-fg-default) !important;

apps/docs/tailwind.config.js

@@ -57,7 +57,7 @@ module.exports = {
         highlighted: `${commonColors.purple[500]} 1px 0 0, ${commonColors.purple[500]} -1px 0 0`,
       },
       fontFamily: {
-        sans: ["Inter var", ...defaultTheme.fontFamily.sans],
+        sans: ["DM Sans", ...defaultTheme.fontFamily.sans],
         serif: defaultTheme.fontFamily.serif,
         mono: defaultTheme.fontFamily.mono,
       },
@@ -176,7 +176,7 @@ module.exports = {
             p: {
               marginTop: `${12 / 14}em`,
               marginBottom: `${12 / 14}em`,
-              fontWeight: theme("fontWeight.light"),
+              fontWeight: theme("fontWeight.normal"),
             },
             "pre code": {
               flex: "none",

packages/components/accordion/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @nextui-org/accordion
 
+## 0.0.0-dev-v2-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+- Updated dependencies
+  - @nextui-org/use-aria-accordion-item@0.0.0-dev-v2-20230525214932
+  - @nextui-org/framer-transitions@0.0.0-dev-v2-20230525214932
+  - @nextui-org/shared-icons@0.0.0-dev-v2-20230525214932
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/aria-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/system@0.0.0-dev-v2-20230525214932
+  - @nextui-org/theme@0.0.0-dev-v2-20230525214932
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### Patch Changes

packages/components/accordion/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/accordion",
-  "version": "0.0.0-dev-v2-20230521141624",
+  "version": "0.0.0-dev-v2-20230525214932",
   "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-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/use-image@0.0.0-dev-v2-20230525214932
+  - @nextui-org/system@0.0.0-dev-v2-20230525214932
+  - @nextui-org/theme@0.0.0-dev-v2-20230525214932
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### Patch Changes

packages/components/avatar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/avatar",
-  "version": "0.0.0-dev-v2-20230521141624",
+  "version": "0.0.0-dev-v2-20230525214932",
   "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-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/system@0.0.0-dev-v2-20230525214932
+  - @nextui-org/theme@0.0.0-dev-v2-20230525214932
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### Patch Changes

packages/components/badge/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/badge",
-  "version": "0.0.0-dev-v2-20230521141624",
+  "version": "0.0.0-dev-v2-20230525214932",
   "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-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/use-aria-button@0.0.0-dev-v2-20230525214932
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/spinner@0.0.0-dev-v2-20230525214932
+  - @nextui-org/drip@0.0.0-dev-v2-20230525214932
+  - @nextui-org/system@0.0.0-dev-v2-20230525214932
+  - @nextui-org/theme@0.0.0-dev-v2-20230525214932
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### Patch Changes

packages/components/button/package.json

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

packages/components/button/src/button.tsx

@@ -11,7 +11,7 @@ const Button = forwardRef<ButtonProps, "button">((props, ref) => {
     Component,
     domRef,
     children,
-    classNames,
+    styles,
     drips,
     spinnerSize,
     spinner = <Spinner color="current" size={spinnerSize} />,
@@ -27,7 +27,7 @@ const Button = forwardRef<ButtonProps, "button">((props, ref) => {
   });
 
   return (
-    <Component ref={domRef} className={classNames} {...getButtonProps()}>
+    <Component ref={domRef} className={styles} {...getButtonProps()}>
       {startIcon}
       {isLoading && spinnerPlacement === "start" && spinner}
       {children}

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

@@ -92,7 +92,7 @@ export function useButton(props: UseButtonProps) {
     autoFocus,
   });
 
-  const classNames = useMemo(
+  const styles = useMemo(
     () =>
       button({
         size,
@@ -194,7 +194,7 @@ export function useButton(props: UseButtonProps) {
     domRef,
     drips,
     spinner,
-    classNames,
+    styles,
     startIcon,
     endIcon,
     isLoading,

packages/components/card/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @nextui-org/card
 
+## 0.0.0-dev-v2-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/use-aria-button@0.0.0-dev-v2-20230525214932
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/drip@0.0.0-dev-v2-20230525214932
+  - @nextui-org/system@0.0.0-dev-v2-20230525214932
+  - @nextui-org/theme@0.0.0-dev-v2-20230525214932
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### Patch Changes

packages/components/card/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/card",
-  "version": "0.0.0-dev-v2-20230521141624",
+  "version": "0.0.0-dev-v2-20230525214932",
   "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-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/system@0.0.0-dev-v2-20230525214932
+  - @nextui-org/theme@0.0.0-dev-v2-20230525214932
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### Patch Changes

packages/components/checkbox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/checkbox",
-  "version": "0.0.0-dev-v2-20230521141624",
+  "version": "0.0.0-dev-v2-20230525214932",
   "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/checkbox/src/checkbox-icon.tsx

@@ -17,9 +17,9 @@ function CheckIcon(props: CheckboxIconProps) {
         strokeLinejoin="round"
         strokeWidth={2}
         style={
-          !disableAnimation
+          !disableAnimation && isSelected
             ? {
-                transition: "stroke-dashoffset 250ms linear",
+                transition: "stroke-dashoffset 250ms linear 0.2s",
               }
             : {}
         }

packages/components/chip/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @nextui-org/chip
 
+## 0.0.0-dev-v2-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+- Updated dependencies
+  - @nextui-org/shared-icons@0.0.0-dev-v2-20230525214932
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/system@0.0.0-dev-v2-20230525214932
+  - @nextui-org/theme@0.0.0-dev-v2-20230525214932
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### Patch Changes

packages/components/chip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/chip",
-  "version": "0.0.0-dev-v2-20230521141624",
+  "version": "0.0.0-dev-v2-20230525214932",
   "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-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/system@0.0.0-dev-v2-20230525214932
+  - @nextui-org/theme@0.0.0-dev-v2-20230525214932
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### Patch Changes

packages/components/code/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/code",
-  "version": "0.0.0-dev-v2-20230521141624",
+  "version": "0.0.0-dev-v2-20230525214932",
   "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-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/system@0.0.0-dev-v2-20230525214932
+  - @nextui-org/theme@0.0.0-dev-v2-20230525214932
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### Patch Changes

packages/components/divider/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/divider",
-  "version": "0.0.0-dev-v2-20230521141624",
+  "version": "0.0.0-dev-v2-20230525214932",
   "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-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/system@0.0.0-dev-v2-20230525214932
+  - @nextui-org/theme@0.0.0-dev-v2-20230525214932
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### Patch Changes

packages/components/drip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/drip",
-  "version": "0.0.0-dev-v2-20230521141624",
+  "version": "0.0.0-dev-v2-20230525214932",
   "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-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/aria-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/use-is-mobile@0.0.0-dev-v2-20230525214932
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/popover@0.0.0-dev-v2-20230525214932
+  - @nextui-org/system@0.0.0-dev-v2-20230525214932
+  - @nextui-org/theme@0.0.0-dev-v2-20230525214932
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### Patch Changes

packages/components/dropdown/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/dropdown",
-  "version": "0.0.0-dev-v2-20230521141624",
+  "version": "0.0.0-dev-v2-20230525214932",
   "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-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/use-image@0.0.0-dev-v2-20230525214932
+  - @nextui-org/system@0.0.0-dev-v2-20230525214932
+  - @nextui-org/theme@0.0.0-dev-v2-20230525214932
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### Patch Changes

packages/components/image/package.json

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

packages/components/input/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @nextui-org/input
 
+## 0.0.0-dev-v2-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+- Updated dependencies
+  - @nextui-org/shared-icons@0.0.0-dev-v2-20230525214932
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/use-aria-field@0.0.0-dev-v2-20230525214932
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/system@0.0.0-dev-v2-20230525214932
+  - @nextui-org/theme@0.0.0-dev-v2-20230525214932
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### Patch Changes

packages/components/input/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/input",
-  "version": "0.0.0-dev-v2-20230521141624",
+  "version": "0.0.0-dev-v2-20230525214932",
   "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-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/system@0.0.0-dev-v2-20230525214932
+  - @nextui-org/theme@0.0.0-dev-v2-20230525214932
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### Patch Changes

packages/components/kbd/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/kbd",
-  "version": "0.0.0-dev-v2-20230521141624",
+  "version": "0.0.0-dev-v2-20230525214932",
   "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-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+- Updated dependencies
+  - @nextui-org/shared-icons@0.0.0-dev-v2-20230525214932
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/system@0.0.0-dev-v2-20230525214932
+  - @nextui-org/theme@0.0.0-dev-v2-20230525214932
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### Patch Changes

packages/components/link/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/link",
-  "version": "0.0.0-dev-v2-20230521141624",
+  "version": "0.0.0-dev-v2-20230525214932",
   "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-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+- Updated dependencies
+  - @nextui-org/framer-transitions@0.0.0-dev-v2-20230525214932
+  - @nextui-org/shared-icons@0.0.0-dev-v2-20230525214932
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/use-aria-button@0.0.0-dev-v2-20230525214932
+  - @nextui-org/use-disclosure@0.0.0-dev-v2-20230525214932
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/system@0.0.0-dev-v2-20230525214932
+  - @nextui-org/theme@0.0.0-dev-v2-20230525214932
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### Patch Changes

packages/components/modal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/modal",
-  "version": "0.0.0-dev-v2-20230521141624",
+  "version": "0.0.0-dev-v2-20230525214932",
   "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-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+- Updated dependencies
+  - @nextui-org/use-aria-toggle-button@0.0.0-dev-v2-20230525214932
+  - @nextui-org/framer-transitions@0.0.0-dev-v2-20230525214932
+  - @nextui-org/use-scroll-position@0.0.0-dev-v2-20230525214932
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/system@0.0.0-dev-v2-20230525214932
+  - @nextui-org/theme@0.0.0-dev-v2-20230525214932
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### Patch Changes

packages/components/navbar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/navbar",
-  "version": "0.0.0-dev-v2-20230521141624",
+  "version": "0.0.0-dev-v2-20230525214932",
   "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-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+- Updated dependencies
+  - @nextui-org/shared-icons@0.0.0-dev-v2-20230525214932
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/use-pagination@0.0.0-dev-v2-20230525214932
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/system@0.0.0-dev-v2-20230525214932
+  - @nextui-org/theme@0.0.0-dev-v2-20230525214932
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### Patch Changes

packages/components/pagination/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/pagination",
-  "version": "0.0.0-dev-v2-20230521141624",
+  "version": "0.0.0-dev-v2-20230525214932",
   "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-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+- Updated dependencies
+  - @nextui-org/framer-transitions@0.0.0-dev-v2-20230525214932
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/use-aria-button@0.0.0-dev-v2-20230525214932
+  - @nextui-org/aria-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/button@0.0.0-dev-v2-20230525214932
+  - @nextui-org/system@0.0.0-dev-v2-20230525214932
+  - @nextui-org/theme@0.0.0-dev-v2-20230525214932
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### Patch Changes

packages/components/popover/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/popover",
-  "version": "0.0.0-dev-v2-20230521141624",
+  "version": "0.0.0-dev-v2-20230525214932",
   "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-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/use-aria-label@0.0.0-dev-v2-20230525214932
+  - @nextui-org/use-is-mounted@0.0.0-dev-v2-20230525214932
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/system@0.0.0-dev-v2-20230525214932
+  - @nextui-org/theme@0.0.0-dev-v2-20230525214932
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### Patch Changes

packages/components/progress/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/progress",
-  "version": "0.0.0-dev-v2-20230521141624",
+  "version": "0.0.0-dev-v2-20230525214932",
   "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-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/system@0.0.0-dev-v2-20230525214932
+  - @nextui-org/theme@0.0.0-dev-v2-20230525214932
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### Patch Changes

packages/components/radio/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/radio",
-  "version": "0.0.0-dev-v2-20230521141624",
+  "version": "0.0.0-dev-v2-20230525214932",
   "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-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/system@0.0.0-dev-v2-20230525214932
+  - @nextui-org/theme@0.0.0-dev-v2-20230525214932
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### Patch Changes

packages/components/skeleton/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/skeleton",
-  "version": "0.0.0-dev-v2-20230521141624",
+  "version": "0.0.0-dev-v2-20230525214932",
   "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-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+- Updated dependencies
+  - @nextui-org/shared-icons@0.0.0-dev-v2-20230525214932
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/use-clipboard@0.0.0-dev-v2-20230525214932
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/tooltip@0.0.0-dev-v2-20230525214932
+  - @nextui-org/button@0.0.0-dev-v2-20230525214932
+  - @nextui-org/system@0.0.0-dev-v2-20230525214932
+  - @nextui-org/theme@0.0.0-dev-v2-20230525214932
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### Patch Changes

packages/components/snippet/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/snippet",
-  "version": "0.0.0-dev-v2-20230521141624",
+  "version": "0.0.0-dev-v2-20230525214932",
   "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-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/system@0.0.0-dev-v2-20230525214932
+  - @nextui-org/theme@0.0.0-dev-v2-20230525214932
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### Patch Changes

packages/components/spacer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/spacer",
-  "version": "0.0.0-dev-v2-20230521141624",
+  "version": "0.0.0-dev-v2-20230525214932",
   "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-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/system@0.0.0-dev-v2-20230525214932
+  - @nextui-org/theme@0.0.0-dev-v2-20230525214932
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### Patch Changes

packages/components/spinner/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/spinner",
-  "version": "0.0.0-dev-v2-20230521141624",
+  "version": "0.0.0-dev-v2-20230525214932",
   "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-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/system@0.0.0-dev-v2-20230525214932
+  - @nextui-org/theme@0.0.0-dev-v2-20230525214932
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### Patch Changes

packages/components/switch/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/switch",
-  "version": "0.0.0-dev-v2-20230521141624",
+  "version": "0.0.0-dev-v2-20230525214932",
   "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-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+- Updated dependencies
+  - @nextui-org/shared-icons@0.0.0-dev-v2-20230525214932
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/checkbox@0.0.0-dev-v2-20230525214932
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/spacer@0.0.0-dev-v2-20230525214932
+  - @nextui-org/system@0.0.0-dev-v2-20230525214932
+  - @nextui-org/theme@0.0.0-dev-v2-20230525214932
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### Patch Changes

packages/components/table/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/table",
-  "version": "0.0.0-dev-v2-20230521141624",
+  "version": "0.0.0-dev-v2-20230525214932",
   "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-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+- Updated dependencies
+  - @nextui-org/framer-transitions@0.0.0-dev-v2-20230525214932
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/use-is-mounted@0.0.0-dev-v2-20230525214932
+  - @nextui-org/aria-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/system@0.0.0-dev-v2-20230525214932
+  - @nextui-org/theme@0.0.0-dev-v2-20230525214932
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### Patch Changes

packages/components/tabs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/tabs",
-  "version": "0.0.0-dev-v2-20230521141624",
+  "version": "0.0.0-dev-v2-20230525214932",
   "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-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+- Updated dependencies
+  - @nextui-org/framer-transitions@0.0.0-dev-v2-20230525214932
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/aria-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/system@0.0.0-dev-v2-20230525214932
+  - @nextui-org/theme@0.0.0-dev-v2-20230525214932
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### Patch Changes

packages/components/tooltip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/tooltip",
-  "version": "0.0.0-dev-v2-20230521141624",
+  "version": "0.0.0-dev-v2-20230525214932",
   "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-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+- Updated dependencies
+  - @nextui-org/shared-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/dom-utils@0.0.0-dev-v2-20230525214932
+  - @nextui-org/avatar@0.0.0-dev-v2-20230525214932
+  - @nextui-org/system@0.0.0-dev-v2-20230525214932
+  - @nextui-org/theme@0.0.0-dev-v2-20230525214932
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### Patch Changes

packages/components/user/package.json

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

packages/core/react/CHANGELOG.md

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

packages/core/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/react",
-  "version": "0.0.0-dev-v2-20230521141624",
+  "version": "0.0.0-dev-v2-20230525214932",
   "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-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### Patch Changes

packages/core/system/package.json

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

packages/core/theme/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nextui-org/theme
 
+## 0.0.0-dev-v2-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### Patch Changes

packages/core/theme/package.json

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

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

@@ -158,7 +158,12 @@ const checkbox = tv({
         label: "transition-none",
       },
       false: {
-        wrapper: ["before:transition-background", "after:transition-transform-opacity"],
+        wrapper: [
+          "before:transition-background",
+          "after:transition-transform-opacity",
+          "after:!ease-linear",
+          "after:!duration-200",
+        ],
         icon: "transition-opacity",
         label: "transition-opacity before:transition-width",
       },

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

@@ -1,5 +1,11 @@
 # @nextui-org/use-aria-accordion-item
 
+## 0.0.0-dev-v2-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### 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-20230521141624",
+  "version": "0.0.0-dev-v2-20230525214932",
   "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-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### 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-20230521141624",
+  "version": "0.0.0-dev-v2-20230525214932",
   "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-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+- Updated dependencies
+  - @nextui-org/use-aria-slot-id@0.0.0-dev-v2-20230525214932
+  - @nextui-org/use-aria-label@0.0.0-dev-v2-20230525214932
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### 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-20230521141624",
+  "version": "0.0.0-dev-v2-20230525214932",
   "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-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### 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-20230521141624",
+  "version": "0.0.0-dev-v2-20230525214932",
   "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-20230525214932
+
+### Patch Changes
+
+- Checkbox styles improved
+
 ## 0.0.0-dev-v2-20230521141624
 
 ### Patch Changes