@nextui-org/theme 0.0.0-dev-v2-20230617142344 → 0.0.0-dev-v2-20230619132750

package/dist/{chunk-NASOHMPB.mjs → chunk-4G25OMVV.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-I4OYRSA7.mjs";
+} from "./chunk-FPFQCKUP.mjs";
 
 // src/components/badge.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-MWWMIOTS.mjs → chunk-6PIJZSOY.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-I4OYRSA7.mjs";
+} from "./chunk-FPFQCKUP.mjs";
 import {
   translateCenterClasses
 } from "./chunk-INZK6TTL.mjs";

package/dist/{chunk-TO7LQPC3.mjs → chunk-AJLEZSRF.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-I4OYRSA7.mjs";
+} from "./chunk-FPFQCKUP.mjs";
 import {
   ringClasses
 } from "./chunk-INZK6TTL.mjs";

package/dist/{chunk-27PQQNKZ.mjs → chunk-BH4BMASL.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-I4OYRSA7.mjs";
+} from "./chunk-FPFQCKUP.mjs";
 
 // src/components/code.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-HKMIRUA2.mjs → chunk-DWC7GT4K.mjs}

@@ -1,12 +1,12 @@
 import {
   colorVariants
-} from "./chunk-I4OYRSA7.mjs";
+} from "./chunk-FPFQCKUP.mjs";
 
 // src/components/snippet.ts
 import { tv } from "tailwind-variants";
 var snippet = tv({
   slots: {
-    base: "inline-flex items-center justify-between h-fit rounded-md",
+    base: "inline-flex items-center justify-between h-fit rounded-md gap-2",
     pre: "bg-transparent text-inherit font-mono font-normal inline-block whitespace-nowrap",
     content: "flex flex-col",
     symbol: "select-none",
@@ -14,7 +14,6 @@ var snippet = tv({
       "group",
       "relative",
       "z-10",
-      "ml-2",
       "text-lg",
       "text-inherit",
       "data-[hover=true]:bg-transparent"

package/dist/{chunk-I4OYRSA7.mjs → chunk-FPFQCKUP.mjs}

@@ -27,12 +27,12 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  default: "bg-default-100/50 text-default-foreground",
-  primary: "bg-primary-100/50 text-primary",
-  secondary: "bg-secondary-100/50 text-secondary",
-  success: "bg-success-100/50 text-success-600 dark:text-success",
-  warning: "bg-warning-100/50 text-warning-600 dark:text-warning",
-  danger: "bg-danger-100/50 text-danger",
+  default: "bg-default/20 text-default-foreground",
+  primary: "bg-primary/20 text-primary",
+  secondary: "bg-secondary/20 text-secondary",
+  success: "bg-success/20 text-success-600 dark:text-success",
+  warning: "bg-warning/20 text-warning-600 dark:text-warning",
+  danger: "bg-danger/20 text-danger",
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {

package/dist/{chunk-K55AW2NU.mjs → chunk-ITXIAXJ5.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-I4OYRSA7.mjs";
+} from "./chunk-FPFQCKUP.mjs";
 
 // src/components/pagination.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-RWQ57OVD.mjs → chunk-NVCWXYAR.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-I4OYRSA7.mjs";
+} from "./chunk-FPFQCKUP.mjs";
 
 // src/components/tabs.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-YOSP6YO6.mjs → chunk-O32L4YWJ.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-I4OYRSA7.mjs";
+} from "./chunk-FPFQCKUP.mjs";
 
 // src/components/popover.ts
 import { tv } from "tailwind-variants";

package/dist/{chunk-WUX2XFG4.mjs → chunk-QU6QFAKV.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-I4OYRSA7.mjs";
+} from "./chunk-FPFQCKUP.mjs";
 
 // src/components/button.ts
 import { tv } from "tailwind-variants";
@@ -77,7 +77,7 @@ var button = tv({
       true: "[&:not(:first-child):not(:last-child)]:rounded-none"
     },
     isIconOnly: {
-      true: "p-0 gap-0 min-w-fit",
+      true: "p-0 gap-0",
       false: "[&>svg]:max-w-[2em]"
     },
     disableAnimation: {
@@ -250,32 +250,32 @@ var button = tv({
     {
       variant: "light",
       color: "default",
-      class: [colorVariants.light.default, "data-[hover=true]:bg-default-100/50"]
+      class: [colorVariants.light.default, "data-[hover=true]:bg-default/20"]
     },
     {
       variant: "light",
       color: "primary",
-      class: [colorVariants.light.primary, "data-[hover=true]:bg-primary-100/50"]
+      class: [colorVariants.light.primary, "data-[hover=true]:bg-primary/20"]
     },
     {
       variant: "light",
       color: "secondary",
-      class: [colorVariants.light.secondary, "data-[hover=true]:bg-secondary-100/50"]
+      class: [colorVariants.light.secondary, "data-[hover=true]:bg-secondary/20"]
     },
     {
       variant: "light",
       color: "success",
-      class: [colorVariants.light.success, "data-[hover=true]:bg-success-100/50"]
+      class: [colorVariants.light.success, "data-[hover=true]:bg-success/20"]
     },
     {
       variant: "light",
       color: "warning",
-      class: [colorVariants.light.warning, "data-[hover=true]:bg-warning-100/50"]
+      class: [colorVariants.light.warning, "data-[hover=true]:bg-warning/20"]
     },
     {
       variant: "light",
       color: "danger",
-      class: [colorVariants.light.danger, "data-[hover=true]:bg-danger-100/50"]
+      class: [colorVariants.light.danger, "data-[hover=true]:bg-danger/20"]
     },
     {
       variant: "ghost",
@@ -355,27 +355,27 @@ var button = tv({
     {
       isIconOnly: true,
       size: "xs",
-      class: "w-6 h-6"
+      class: "min-w-[1.5rem] w-6 h-6"
     },
     {
       isIconOnly: true,
       size: "sm",
-      class: "w-8 h-8"
+      class: "min-w-[2rem] w-8 h-8"
     },
     {
       isIconOnly: true,
       size: "md",
-      class: "w-10 h-10"
+      class: "min-w-[2.5rem] w-10 h-10"
     },
     {
       isIconOnly: true,
       size: "lg",
-      class: "w-12 h-12"
+      class: "min-w-[3rem] w-12 h-12"
     },
     {
       isIconOnly: true,
       size: "xl",
-      class: "w-14 h-14"
+      class: "min-w-[3.5rem] w-14 h-14"
     }
   ]
 });

package/dist/{chunk-EQVBIZB3.mjs → chunk-UHOIXUPW.mjs}

@@ -26,6 +26,7 @@ var modal = tv({
       "dark:bg-content1",
       "border border-default-100",
       "outline-none",
+      "mx-6",
       "my-16"
     ],
     backdrop: "z-50",
@@ -82,7 +83,7 @@ var modal = tv({
         base: "max-w-5xl"
       },
       full: {
-        base: "my-0 max-w-full h-[100dvh] !rounded-none"
+        base: "my-0 mx-0 max-w-full h-[100dvh] !rounded-none"
       }
     },
     radius: {

package/dist/components/avatar.js

@@ -64,12 +64,12 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  default: "bg-default-100/50 text-default-foreground",
-  primary: "bg-primary-100/50 text-primary",
-  secondary: "bg-secondary-100/50 text-secondary",
-  success: "bg-success-100/50 text-success-600 dark:text-success",
-  warning: "bg-warning-100/50 text-warning-600 dark:text-warning",
-  danger: "bg-danger-100/50 text-danger",
+  default: "bg-default/20 text-default-foreground",
+  primary: "bg-primary/20 text-primary",
+  secondary: "bg-secondary/20 text-secondary",
+  success: "bg-success/20 text-success-600 dark:text-success",
+  warning: "bg-warning/20 text-warning-600 dark:text-warning",
+  danger: "bg-danger/20 text-danger",
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {

package/dist/components/avatar.mjs

@@ -1,10 +1,10 @@
 import {
   avatar,
   avatarGroup
-} from "../chunk-MWWMIOTS.mjs";
+} from "../chunk-6PIJZSOY.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
-import "../chunk-I4OYRSA7.mjs";
+import "../chunk-FPFQCKUP.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   avatar,

package/dist/components/badge.js

@@ -54,12 +54,12 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  default: "bg-default-100/50 text-default-foreground",
-  primary: "bg-primary-100/50 text-primary",
-  secondary: "bg-secondary-100/50 text-secondary",
-  success: "bg-success-100/50 text-success-600 dark:text-success",
-  warning: "bg-warning-100/50 text-warning-600 dark:text-warning",
-  danger: "bg-danger-100/50 text-danger",
+  default: "bg-default/20 text-default-foreground",
+  primary: "bg-primary/20 text-primary",
+  secondary: "bg-secondary/20 text-secondary",
+  success: "bg-success/20 text-success-600 dark:text-success",
+  warning: "bg-warning/20 text-warning-600 dark:text-warning",
+  danger: "bg-danger/20 text-danger",
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {

package/dist/components/badge.mjs

@@ -1,9 +1,9 @@
 import {
   badge
-} from "../chunk-NASOHMPB.mjs";
+} from "../chunk-4G25OMVV.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
-import "../chunk-I4OYRSA7.mjs";
+import "../chunk-FPFQCKUP.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   badge

package/dist/components/button.d.ts

@@ -67,7 +67,7 @@ declare const button: tailwind_variants.TVReturnType<{
         true: "[&:not(:first-child):not(:last-child)]:rounded-none";
     };
     isIconOnly: {
-        true: "p-0 gap-0 min-w-fit";
+        true: "p-0 gap-0";
         false: "[&>svg]:max-w-[2em]";
     };
     disableAnimation: {
@@ -123,7 +123,7 @@ declare const button: tailwind_variants.TVReturnType<{
         true: "[&:not(:first-child):not(:last-child)]:rounded-none";
     };
     isIconOnly: {
-        true: "p-0 gap-0 min-w-fit";
+        true: "p-0 gap-0";
         false: "[&>svg]:max-w-[2em]";
     };
     disableAnimation: {
@@ -179,7 +179,7 @@ declare const button: tailwind_variants.TVReturnType<{
         true: "[&:not(:first-child):not(:last-child)]:rounded-none";
     };
     isIconOnly: {
-        true: "p-0 gap-0 min-w-fit";
+        true: "p-0 gap-0";
         false: "[&>svg]:max-w-[2em]";
     };
     disableAnimation: {
@@ -235,7 +235,7 @@ declare const button: tailwind_variants.TVReturnType<{
         true: "[&:not(:first-child):not(:last-child)]:rounded-none";
     };
     isIconOnly: {
-        true: "p-0 gap-0 min-w-fit";
+        true: "p-0 gap-0";
         false: "[&>svg]:max-w-[2em]";
     };
     disableAnimation: {

package/dist/components/button.js

@@ -55,12 +55,12 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  default: "bg-default-100/50 text-default-foreground",
-  primary: "bg-primary-100/50 text-primary",
-  secondary: "bg-secondary-100/50 text-secondary",
-  success: "bg-success-100/50 text-success-600 dark:text-success",
-  warning: "bg-warning-100/50 text-warning-600 dark:text-warning",
-  danger: "bg-danger-100/50 text-danger",
+  default: "bg-default/20 text-default-foreground",
+  primary: "bg-primary/20 text-primary",
+  secondary: "bg-secondary/20 text-secondary",
+  success: "bg-success/20 text-success-600 dark:text-success",
+  warning: "bg-warning/20 text-warning-600 dark:text-warning",
+  danger: "bg-danger/20 text-danger",
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {
@@ -174,7 +174,7 @@ var button = (0, import_tailwind_variants.tv)({
       true: "[&:not(:first-child):not(:last-child)]:rounded-none"
     },
     isIconOnly: {
-      true: "p-0 gap-0 min-w-fit",
+      true: "p-0 gap-0",
       false: "[&>svg]:max-w-[2em]"
     },
     disableAnimation: {
@@ -347,32 +347,32 @@ var button = (0, import_tailwind_variants.tv)({
     {
       variant: "light",
       color: "default",
-      class: [colorVariants.light.default, "data-[hover=true]:bg-default-100/50"]
+      class: [colorVariants.light.default, "data-[hover=true]:bg-default/20"]
     },
     {
       variant: "light",
       color: "primary",
-      class: [colorVariants.light.primary, "data-[hover=true]:bg-primary-100/50"]
+      class: [colorVariants.light.primary, "data-[hover=true]:bg-primary/20"]
     },
     {
       variant: "light",
       color: "secondary",
-      class: [colorVariants.light.secondary, "data-[hover=true]:bg-secondary-100/50"]
+      class: [colorVariants.light.secondary, "data-[hover=true]:bg-secondary/20"]
     },
     {
       variant: "light",
       color: "success",
-      class: [colorVariants.light.success, "data-[hover=true]:bg-success-100/50"]
+      class: [colorVariants.light.success, "data-[hover=true]:bg-success/20"]
     },
     {
       variant: "light",
       color: "warning",
-      class: [colorVariants.light.warning, "data-[hover=true]:bg-warning-100/50"]
+      class: [colorVariants.light.warning, "data-[hover=true]:bg-warning/20"]
     },
     {
       variant: "light",
       color: "danger",
-      class: [colorVariants.light.danger, "data-[hover=true]:bg-danger-100/50"]
+      class: [colorVariants.light.danger, "data-[hover=true]:bg-danger/20"]
     },
     {
       variant: "ghost",
@@ -452,27 +452,27 @@ var button = (0, import_tailwind_variants.tv)({
     {
       isIconOnly: true,
       size: "xs",
-      class: "w-6 h-6"
+      class: "min-w-[1.5rem] w-6 h-6"
     },
     {
       isIconOnly: true,
       size: "sm",
-      class: "w-8 h-8"
+      class: "min-w-[2rem] w-8 h-8"
     },
     {
       isIconOnly: true,
       size: "md",
-      class: "w-10 h-10"
+      class: "min-w-[2.5rem] w-10 h-10"
     },
     {
       isIconOnly: true,
       size: "lg",
-      class: "w-12 h-12"
+      class: "min-w-[3rem] w-12 h-12"
     },
     {
       isIconOnly: true,
       size: "xl",
-      class: "w-14 h-14"
+      class: "min-w-[3.5rem] w-14 h-14"
     }
   ]
 });

package/dist/components/button.mjs

@@ -1,10 +1,10 @@
 import {
   button,
   buttonGroup
-} from "../chunk-WUX2XFG4.mjs";
+} from "../chunk-QU6QFAKV.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
-import "../chunk-I4OYRSA7.mjs";
+import "../chunk-FPFQCKUP.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   button,

package/dist/components/chip.js

@@ -64,12 +64,12 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  default: "bg-default-100/50 text-default-foreground",
-  primary: "bg-primary-100/50 text-primary",
-  secondary: "bg-secondary-100/50 text-secondary",
-  success: "bg-success-100/50 text-success-600 dark:text-success",
-  warning: "bg-warning-100/50 text-warning-600 dark:text-warning",
-  danger: "bg-danger-100/50 text-danger",
+  default: "bg-default/20 text-default-foreground",
+  primary: "bg-primary/20 text-primary",
+  secondary: "bg-secondary/20 text-secondary",
+  success: "bg-success/20 text-success-600 dark:text-success",
+  warning: "bg-warning/20 text-warning-600 dark:text-warning",
+  danger: "bg-danger/20 text-danger",
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {

package/dist/components/chip.mjs

@@ -1,9 +1,9 @@
 import {
   chip
-} from "../chunk-TO7LQPC3.mjs";
+} from "../chunk-AJLEZSRF.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
-import "../chunk-I4OYRSA7.mjs";
+import "../chunk-FPFQCKUP.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   chip

package/dist/components/code.js

@@ -54,12 +54,12 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  default: "bg-default-100/50 text-default-foreground",
-  primary: "bg-primary-100/50 text-primary",
-  secondary: "bg-secondary-100/50 text-secondary",
-  success: "bg-success-100/50 text-success-600 dark:text-success",
-  warning: "bg-warning-100/50 text-warning-600 dark:text-warning",
-  danger: "bg-danger-100/50 text-danger",
+  default: "bg-default/20 text-default-foreground",
+  primary: "bg-primary/20 text-primary",
+  secondary: "bg-secondary/20 text-secondary",
+  success: "bg-success/20 text-success-600 dark:text-success",
+  warning: "bg-warning/20 text-warning-600 dark:text-warning",
+  danger: "bg-danger/20 text-danger",
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {

package/dist/components/code.mjs

@@ -1,9 +1,9 @@
 import {
   code
-} from "../chunk-27PQQNKZ.mjs";
+} from "../chunk-BH4BMASL.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
-import "../chunk-I4OYRSA7.mjs";
+import "../chunk-FPFQCKUP.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   code

package/dist/components/index.js

@@ -111,12 +111,12 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  default: "bg-default-100/50 text-default-foreground",
-  primary: "bg-primary-100/50 text-primary",
-  secondary: "bg-secondary-100/50 text-secondary",
-  success: "bg-success-100/50 text-success-600 dark:text-success",
-  warning: "bg-warning-100/50 text-warning-600 dark:text-warning",
-  danger: "bg-danger-100/50 text-danger",
+  default: "bg-default/20 text-default-foreground",
+  primary: "bg-primary/20 text-primary",
+  secondary: "bg-secondary/20 text-secondary",
+  success: "bg-success/20 text-success-600 dark:text-success",
+  warning: "bg-warning/20 text-warning-600 dark:text-warning",
+  danger: "bg-danger/20 text-danger",
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {
@@ -744,7 +744,7 @@ var button = (0, import_tailwind_variants5.tv)({
       true: "[&:not(:first-child):not(:last-child)]:rounded-none"
     },
     isIconOnly: {
-      true: "p-0 gap-0 min-w-fit",
+      true: "p-0 gap-0",
       false: "[&>svg]:max-w-[2em]"
     },
     disableAnimation: {
@@ -917,32 +917,32 @@ var button = (0, import_tailwind_variants5.tv)({
     {
       variant: "light",
       color: "default",
-      class: [colorVariants.light.default, "data-[hover=true]:bg-default-100/50"]
+      class: [colorVariants.light.default, "data-[hover=true]:bg-default/20"]
     },
     {
       variant: "light",
       color: "primary",
-      class: [colorVariants.light.primary, "data-[hover=true]:bg-primary-100/50"]
+      class: [colorVariants.light.primary, "data-[hover=true]:bg-primary/20"]
     },
     {
       variant: "light",
       color: "secondary",
-      class: [colorVariants.light.secondary, "data-[hover=true]:bg-secondary-100/50"]
+      class: [colorVariants.light.secondary, "data-[hover=true]:bg-secondary/20"]
     },
     {
       variant: "light",
       color: "success",
-      class: [colorVariants.light.success, "data-[hover=true]:bg-success-100/50"]
+      class: [colorVariants.light.success, "data-[hover=true]:bg-success/20"]
     },
     {
       variant: "light",
       color: "warning",
-      class: [colorVariants.light.warning, "data-[hover=true]:bg-warning-100/50"]
+      class: [colorVariants.light.warning, "data-[hover=true]:bg-warning/20"]
     },
     {
       variant: "light",
       color: "danger",
-      class: [colorVariants.light.danger, "data-[hover=true]:bg-danger-100/50"]
+      class: [colorVariants.light.danger, "data-[hover=true]:bg-danger/20"]
     },
     {
       variant: "ghost",
@@ -1022,27 +1022,27 @@ var button = (0, import_tailwind_variants5.tv)({
     {
       isIconOnly: true,
       size: "xs",
-      class: "w-6 h-6"
+      class: "min-w-[1.5rem] w-6 h-6"
     },
     {
       isIconOnly: true,
       size: "sm",
-      class: "w-8 h-8"
+      class: "min-w-[2rem] w-8 h-8"
     },
     {
       isIconOnly: true,
       size: "md",
-      class: "w-10 h-10"
+      class: "min-w-[2.5rem] w-10 h-10"
     },
     {
       isIconOnly: true,
       size: "lg",
-      class: "w-12 h-12"
+      class: "min-w-[3rem] w-12 h-12"
     },
     {
       isIconOnly: true,
       size: "xl",
-      class: "w-14 h-14"
+      class: "min-w-[3.5rem] w-14 h-14"
     }
   ]
 });
@@ -1396,7 +1396,7 @@ var popover = (0, import_tailwind_variants9.tv)({
 var import_tailwind_variants10 = require("tailwind-variants");
 var snippet = (0, import_tailwind_variants10.tv)({
   slots: {
-    base: "inline-flex items-center justify-between h-fit rounded-md",
+    base: "inline-flex items-center justify-between h-fit rounded-md gap-2",
     pre: "bg-transparent text-inherit font-mono font-normal inline-block whitespace-nowrap",
     content: "flex flex-col",
     symbol: "select-none",
@@ -1404,7 +1404,6 @@ var snippet = (0, import_tailwind_variants10.tv)({
       "group",
       "relative",
       "z-10",
-      "ml-2",
       "text-lg",
       "text-inherit",
       "data-[hover=true]:bg-transparent"
@@ -5152,6 +5151,7 @@ var modal = (0, import_tailwind_variants23.tv)({
       "dark:bg-content1",
       "border border-default-100",
       "outline-none",
+      "mx-6",
       "my-16"
     ],
     backdrop: "z-50",
@@ -5208,7 +5208,7 @@ var modal = (0, import_tailwind_variants23.tv)({
         base: "max-w-5xl"
       },
       full: {
-        base: "my-0 max-w-full h-[100dvh] !rounded-none"
+        base: "my-0 mx-0 max-w-full h-[100dvh] !rounded-none"
       }
     },
     radius: {

package/dist/components/index.mjs

@@ -1,7 +1,7 @@
 import "../chunk-PRWEADY4.mjs";
 import {
   snippet
-} from "../chunk-HKMIRUA2.mjs";
+} from "../chunk-DWC7GT4K.mjs";
 import {
   spacer
 } from "../chunk-3B4SYPW2.mjs";
@@ -13,7 +13,7 @@ import {
 } from "../chunk-U54UQOTS.mjs";
 import {
   tabs
-} from "../chunk-RWQ57OVD.mjs";
+} from "../chunk-NVCWXYAR.mjs";
 import {
   toggle
 } from "../chunk-42RVICJN.mjs";
@@ -26,16 +26,16 @@ import {
 } from "../chunk-YQXYRWJP.mjs";
 import {
   modal
-} from "../chunk-EQVBIZB3.mjs";
+} from "../chunk-UHOIXUPW.mjs";
 import {
   navbar
 } from "../chunk-LWJT5D6G.mjs";
 import {
   pagination
-} from "../chunk-K55AW2NU.mjs";
+} from "../chunk-ITXIAXJ5.mjs";
 import {
   popover
-} from "../chunk-YOSP6YO6.mjs";
+} from "../chunk-O32L4YWJ.mjs";
 import {
   progress
 } from "../chunk-BHHIVMOY.mjs";
@@ -48,7 +48,7 @@ import {
 } from "../chunk-P5E3PNHW.mjs";
 import {
   code
-} from "../chunk-27PQQNKZ.mjs";
+} from "../chunk-BH4BMASL.mjs";
 import {
   divider
 } from "../chunk-2ENRZMQI.mjs";
@@ -77,14 +77,14 @@ import {
 import {
   avatar,
   avatarGroup
-} from "../chunk-MWWMIOTS.mjs";
+} from "../chunk-6PIJZSOY.mjs";
 import {
   badge
-} from "../chunk-NASOHMPB.mjs";
+} from "../chunk-4G25OMVV.mjs";
 import {
   button,
   buttonGroup
-} from "../chunk-WUX2XFG4.mjs";
+} from "../chunk-QU6QFAKV.mjs";
 import {
   card
 } from "../chunk-QW2ZGOKD.mjs";
@@ -94,10 +94,10 @@ import {
 } from "../chunk-G34JOIZ3.mjs";
 import {
   chip
-} from "../chunk-TO7LQPC3.mjs";
+} from "../chunk-AJLEZSRF.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
-import "../chunk-I4OYRSA7.mjs";
+import "../chunk-FPFQCKUP.mjs";
 import {
   circularProgress
 } from "../chunk-UPBFQDTD.mjs";

package/dist/components/modal.js

@@ -50,6 +50,7 @@ var modal = (0, import_tailwind_variants.tv)({
       "dark:bg-content1",
       "border border-default-100",
       "outline-none",
+      "mx-6",
       "my-16"
     ],
     backdrop: "z-50",
@@ -106,7 +107,7 @@ var modal = (0, import_tailwind_variants.tv)({
         base: "max-w-5xl"
       },
       full: {
-        base: "my-0 max-w-full h-[100dvh] !rounded-none"
+        base: "my-0 mx-0 max-w-full h-[100dvh] !rounded-none"
       }
     },
     radius: {

package/dist/components/modal.mjs

@@ -1,6 +1,6 @@
 import {
   modal
-} from "../chunk-EQVBIZB3.mjs";
+} from "../chunk-UHOIXUPW.mjs";
 export {
   modal
 };

package/dist/components/pagination.js

@@ -54,12 +54,12 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  default: "bg-default-100/50 text-default-foreground",
-  primary: "bg-primary-100/50 text-primary",
-  secondary: "bg-secondary-100/50 text-secondary",
-  success: "bg-success-100/50 text-success-600 dark:text-success",
-  warning: "bg-warning-100/50 text-warning-600 dark:text-warning",
-  danger: "bg-danger-100/50 text-danger",
+  default: "bg-default/20 text-default-foreground",
+  primary: "bg-primary/20 text-primary",
+  secondary: "bg-secondary/20 text-secondary",
+  success: "bg-success/20 text-success-600 dark:text-success",
+  warning: "bg-warning/20 text-warning-600 dark:text-warning",
+  danger: "bg-danger/20 text-danger",
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {

package/dist/components/pagination.mjs

@@ -1,9 +1,9 @@
 import {
   pagination
-} from "../chunk-K55AW2NU.mjs";
+} from "../chunk-ITXIAXJ5.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
-import "../chunk-I4OYRSA7.mjs";
+import "../chunk-FPFQCKUP.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   pagination

package/dist/components/popover.js

@@ -54,12 +54,12 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  default: "bg-default-100/50 text-default-foreground",
-  primary: "bg-primary-100/50 text-primary",
-  secondary: "bg-secondary-100/50 text-secondary",
-  success: "bg-success-100/50 text-success-600 dark:text-success",
-  warning: "bg-warning-100/50 text-warning-600 dark:text-warning",
-  danger: "bg-danger-100/50 text-danger",
+  default: "bg-default/20 text-default-foreground",
+  primary: "bg-primary/20 text-primary",
+  secondary: "bg-secondary/20 text-secondary",
+  success: "bg-success/20 text-success-600 dark:text-success",
+  warning: "bg-warning/20 text-warning-600 dark:text-warning",
+  danger: "bg-danger/20 text-danger",
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {

package/dist/components/popover.mjs

@@ -1,9 +1,9 @@
 import {
   popover
-} from "../chunk-YOSP6YO6.mjs";
+} from "../chunk-O32L4YWJ.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
-import "../chunk-I4OYRSA7.mjs";
+import "../chunk-FPFQCKUP.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   popover

package/dist/components/snippet.js

@@ -54,12 +54,12 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  default: "bg-default-100/50 text-default-foreground",
-  primary: "bg-primary-100/50 text-primary",
-  secondary: "bg-secondary-100/50 text-secondary",
-  success: "bg-success-100/50 text-success-600 dark:text-success",
-  warning: "bg-warning-100/50 text-warning-600 dark:text-warning",
-  danger: "bg-danger-100/50 text-danger",
+  default: "bg-default/20 text-default-foreground",
+  primary: "bg-primary/20 text-primary",
+  secondary: "bg-secondary/20 text-secondary",
+  success: "bg-success/20 text-success-600 dark:text-success",
+  warning: "bg-warning/20 text-warning-600 dark:text-warning",
+  danger: "bg-danger/20 text-danger",
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {
@@ -102,7 +102,7 @@ var colorVariants = {
 // src/components/snippet.ts
 var snippet = (0, import_tailwind_variants.tv)({
   slots: {
-    base: "inline-flex items-center justify-between h-fit rounded-md",
+    base: "inline-flex items-center justify-between h-fit rounded-md gap-2",
     pre: "bg-transparent text-inherit font-mono font-normal inline-block whitespace-nowrap",
     content: "flex flex-col",
     symbol: "select-none",
@@ -110,7 +110,6 @@ var snippet = (0, import_tailwind_variants.tv)({
       "group",
       "relative",
       "z-10",
-      "ml-2",
       "text-lg",
       "text-inherit",
       "data-[hover=true]:bg-transparent"

package/dist/components/snippet.mjs

@@ -1,9 +1,9 @@
 import {
   snippet
-} from "../chunk-HKMIRUA2.mjs";
+} from "../chunk-DWC7GT4K.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
-import "../chunk-I4OYRSA7.mjs";
+import "../chunk-FPFQCKUP.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   snippet

package/dist/components/tabs.js

@@ -54,12 +54,12 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  default: "bg-default-100/50 text-default-foreground",
-  primary: "bg-primary-100/50 text-primary",
-  secondary: "bg-secondary-100/50 text-secondary",
-  success: "bg-success-100/50 text-success-600 dark:text-success",
-  warning: "bg-warning-100/50 text-warning-600 dark:text-warning",
-  danger: "bg-danger-100/50 text-danger",
+  default: "bg-default/20 text-default-foreground",
+  primary: "bg-primary/20 text-primary",
+  secondary: "bg-secondary/20 text-secondary",
+  success: "bg-success/20 text-success-600 dark:text-success",
+  warning: "bg-warning/20 text-warning-600 dark:text-warning",
+  danger: "bg-danger/20 text-danger",
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {

package/dist/components/tabs.mjs

@@ -1,9 +1,9 @@
 import {
   tabs
-} from "../chunk-RWQ57OVD.mjs";
+} from "../chunk-NVCWXYAR.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
-import "../chunk-I4OYRSA7.mjs";
+import "../chunk-FPFQCKUP.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   tabs

package/dist/index.js

@@ -143,12 +143,12 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  default: "bg-default-100/50 text-default-foreground",
-  primary: "bg-primary-100/50 text-primary",
-  secondary: "bg-secondary-100/50 text-secondary",
-  success: "bg-success-100/50 text-success-600 dark:text-success",
-  warning: "bg-warning-100/50 text-warning-600 dark:text-warning",
-  danger: "bg-danger-100/50 text-danger",
+  default: "bg-default/20 text-default-foreground",
+  primary: "bg-primary/20 text-primary",
+  secondary: "bg-secondary/20 text-secondary",
+  success: "bg-success/20 text-success-600 dark:text-success",
+  warning: "bg-warning/20 text-warning-600 dark:text-warning",
+  danger: "bg-danger/20 text-danger",
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {
@@ -776,7 +776,7 @@ var button = (0, import_tailwind_variants5.tv)({
       true: "[&:not(:first-child):not(:last-child)]:rounded-none"
     },
     isIconOnly: {
-      true: "p-0 gap-0 min-w-fit",
+      true: "p-0 gap-0",
       false: "[&>svg]:max-w-[2em]"
     },
     disableAnimation: {
@@ -949,32 +949,32 @@ var button = (0, import_tailwind_variants5.tv)({
     {
       variant: "light",
       color: "default",
-      class: [colorVariants.light.default, "data-[hover=true]:bg-default-100/50"]
+      class: [colorVariants.light.default, "data-[hover=true]:bg-default/20"]
     },
     {
       variant: "light",
       color: "primary",
-      class: [colorVariants.light.primary, "data-[hover=true]:bg-primary-100/50"]
+      class: [colorVariants.light.primary, "data-[hover=true]:bg-primary/20"]
     },
     {
       variant: "light",
       color: "secondary",
-      class: [colorVariants.light.secondary, "data-[hover=true]:bg-secondary-100/50"]
+      class: [colorVariants.light.secondary, "data-[hover=true]:bg-secondary/20"]
     },
     {
       variant: "light",
       color: "success",
-      class: [colorVariants.light.success, "data-[hover=true]:bg-success-100/50"]
+      class: [colorVariants.light.success, "data-[hover=true]:bg-success/20"]
     },
     {
       variant: "light",
       color: "warning",
-      class: [colorVariants.light.warning, "data-[hover=true]:bg-warning-100/50"]
+      class: [colorVariants.light.warning, "data-[hover=true]:bg-warning/20"]
     },
     {
       variant: "light",
       color: "danger",
-      class: [colorVariants.light.danger, "data-[hover=true]:bg-danger-100/50"]
+      class: [colorVariants.light.danger, "data-[hover=true]:bg-danger/20"]
     },
     {
       variant: "ghost",
@@ -1054,27 +1054,27 @@ var button = (0, import_tailwind_variants5.tv)({
     {
       isIconOnly: true,
       size: "xs",
-      class: "w-6 h-6"
+      class: "min-w-[1.5rem] w-6 h-6"
     },
     {
       isIconOnly: true,
       size: "sm",
-      class: "w-8 h-8"
+      class: "min-w-[2rem] w-8 h-8"
     },
     {
       isIconOnly: true,
       size: "md",
-      class: "w-10 h-10"
+      class: "min-w-[2.5rem] w-10 h-10"
     },
     {
       isIconOnly: true,
       size: "lg",
-      class: "w-12 h-12"
+      class: "min-w-[3rem] w-12 h-12"
     },
     {
       isIconOnly: true,
       size: "xl",
-      class: "w-14 h-14"
+      class: "min-w-[3.5rem] w-14 h-14"
     }
   ]
 });
@@ -1428,7 +1428,7 @@ var popover = (0, import_tailwind_variants9.tv)({
 var import_tailwind_variants10 = require("tailwind-variants");
 var snippet = (0, import_tailwind_variants10.tv)({
   slots: {
-    base: "inline-flex items-center justify-between h-fit rounded-md",
+    base: "inline-flex items-center justify-between h-fit rounded-md gap-2",
     pre: "bg-transparent text-inherit font-mono font-normal inline-block whitespace-nowrap",
     content: "flex flex-col",
     symbol: "select-none",
@@ -1436,7 +1436,6 @@ var snippet = (0, import_tailwind_variants10.tv)({
       "group",
       "relative",
       "z-10",
-      "ml-2",
       "text-lg",
       "text-inherit",
       "data-[hover=true]:bg-transparent"
@@ -5184,6 +5183,7 @@ var modal = (0, import_tailwind_variants23.tv)({
       "dark:bg-content1",
       "border border-default-100",
       "outline-none",
+      "mx-6",
       "my-16"
     ],
     backdrop: "z-50",
@@ -5240,7 +5240,7 @@ var modal = (0, import_tailwind_variants23.tv)({
         base: "max-w-5xl"
       },
       full: {
-        base: "my-0 max-w-full h-[100dvh] !rounded-none"
+        base: "my-0 mx-0 max-w-full h-[100dvh] !rounded-none"
       }
     },
     radius: {

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import "./chunk-PRWEADY4.mjs";
 import {
   snippet
-} from "./chunk-HKMIRUA2.mjs";
+} from "./chunk-DWC7GT4K.mjs";
 import {
   spacer
 } from "./chunk-3B4SYPW2.mjs";
@@ -13,7 +13,7 @@ import {
 } from "./chunk-U54UQOTS.mjs";
 import {
   tabs
-} from "./chunk-RWQ57OVD.mjs";
+} from "./chunk-NVCWXYAR.mjs";
 import {
   toggle
 } from "./chunk-42RVICJN.mjs";
@@ -26,16 +26,16 @@ import {
 } from "./chunk-YQXYRWJP.mjs";
 import {
   modal
-} from "./chunk-EQVBIZB3.mjs";
+} from "./chunk-UHOIXUPW.mjs";
 import {
   navbar
 } from "./chunk-LWJT5D6G.mjs";
 import {
   pagination
-} from "./chunk-K55AW2NU.mjs";
+} from "./chunk-ITXIAXJ5.mjs";
 import {
   popover
-} from "./chunk-YOSP6YO6.mjs";
+} from "./chunk-O32L4YWJ.mjs";
 import {
   progress
 } from "./chunk-BHHIVMOY.mjs";
@@ -48,7 +48,7 @@ import {
 } from "./chunk-P5E3PNHW.mjs";
 import {
   code
-} from "./chunk-27PQQNKZ.mjs";
+} from "./chunk-BH4BMASL.mjs";
 import {
   divider
 } from "./chunk-2ENRZMQI.mjs";
@@ -77,14 +77,14 @@ import {
 import {
   avatar,
   avatarGroup
-} from "./chunk-MWWMIOTS.mjs";
+} from "./chunk-6PIJZSOY.mjs";
 import {
   badge
-} from "./chunk-NASOHMPB.mjs";
+} from "./chunk-4G25OMVV.mjs";
 import {
   button,
   buttonGroup
-} from "./chunk-WUX2XFG4.mjs";
+} from "./chunk-QU6QFAKV.mjs";
 import {
   card
 } from "./chunk-QW2ZGOKD.mjs";
@@ -94,12 +94,12 @@ import {
 } from "./chunk-G34JOIZ3.mjs";
 import {
   chip
-} from "./chunk-TO7LQPC3.mjs";
+} from "./chunk-AJLEZSRF.mjs";
 import "./chunk-CMYR6AOY.mjs";
 import "./chunk-K7LK7NCE.mjs";
 import {
   colorVariants
-} from "./chunk-I4OYRSA7.mjs";
+} from "./chunk-FPFQCKUP.mjs";
 import {
   circularProgress
 } from "./chunk-UPBFQDTD.mjs";

package/dist/utils/index.js

@@ -89,12 +89,12 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  default: "bg-default-100/50 text-default-foreground",
-  primary: "bg-primary-100/50 text-primary",
-  secondary: "bg-secondary-100/50 text-secondary",
-  success: "bg-success-100/50 text-success-600 dark:text-success",
-  warning: "bg-warning-100/50 text-warning-600 dark:text-warning",
-  danger: "bg-danger-100/50 text-danger",
+  default: "bg-default/20 text-default-foreground",
+  primary: "bg-primary/20 text-primary",
+  secondary: "bg-secondary/20 text-secondary",
+  success: "bg-success/20 text-success-600 dark:text-success",
+  warning: "bg-warning/20 text-warning-600 dark:text-warning",
+  danger: "bg-danger/20 text-danger",
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {

package/dist/utils/index.mjs

@@ -2,7 +2,7 @@ import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import {
   colorVariants
-} from "../chunk-I4OYRSA7.mjs";
+} from "../chunk-FPFQCKUP.mjs";
 import {
   absoluteFullClasses,
   baseStyles,

package/dist/utils/variants.js

@@ -51,12 +51,12 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  default: "bg-default-100/50 text-default-foreground",
-  primary: "bg-primary-100/50 text-primary",
-  secondary: "bg-secondary-100/50 text-secondary",
-  success: "bg-success-100/50 text-success-600 dark:text-success",
-  warning: "bg-warning-100/50 text-warning-600 dark:text-warning",
-  danger: "bg-danger-100/50 text-danger",
+  default: "bg-default/20 text-default-foreground",
+  primary: "bg-primary/20 text-primary",
+  secondary: "bg-secondary/20 text-secondary",
+  success: "bg-success/20 text-success-600 dark:text-success",
+  warning: "bg-warning/20 text-warning-600 dark:text-warning",
+  danger: "bg-danger/20 text-danger",
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {

package/dist/utils/variants.mjs

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "../chunk-I4OYRSA7.mjs";
+} from "../chunk-FPFQCKUP.mjs";
 export {
   colorVariants
 };

package/package.json

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