@nextui-org/theme 0.0.0-dev-v2-20230617005419 → 0.0.0-dev-v2-20230618174149

package/dist/{chunk-Z5FFO6RH.mjs → chunk-3YM7ZXUG.mjs}

@@ -1,9 +1,9 @@
-import {
-  commonColors
-} from "./chunk-W4HTBNGS.mjs";
 import {
   swapColorValues
 } from "./chunk-37PIXVP4.mjs";
+import {
+  commonColors
+} from "./chunk-CRCBVLUP.mjs";
 
 // src/colors/semantic.ts
 import twColors from "tailwindcss/colors.js";

package/dist/{chunk-PFNGC6IG.mjs → chunk-CNGIMNA5.mjs}

@@ -1,9 +1,9 @@
 import {
   semanticColors
-} from "./chunk-Z5FFO6RH.mjs";
+} from "./chunk-3YM7ZXUG.mjs";
 import {
   commonColors
-} from "./chunk-W4HTBNGS.mjs";
+} from "./chunk-CRCBVLUP.mjs";
 
 // src/colors/index.ts
 var colors = {

package/dist/{chunk-2FCKB2MY.mjs → chunk-EQVBIZB3.mjs}

@@ -21,14 +21,13 @@ var modal = tv({
       "bg-white",
       "z-50",
       "w-full",
-      "shadow-lg",
       "box-border",
+      "bg-background",
       "dark:bg-content1",
       "border border-default-100",
       "outline-none",
       "my-16"
     ],
-    trigger: [],
     backdrop: "z-50",
     header: "flex py-4 px-6 flex-initial text-lg font-semibold",
     body: "flex flex-1 flex-col gap-3 px-6 py-2",
@@ -96,6 +95,29 @@ var modal = tv({
       "2xl": { base: "rounded-2xl" },
       "3xl": { base: "rounded-3xl" }
     },
+    shadow: {
+      none: {
+        base: "shadow-none"
+      },
+      sm: {
+        base: "shadow-sm"
+      },
+      md: {
+        base: "shadow-md"
+      },
+      lg: {
+        base: "shadow-lg"
+      },
+      xl: {
+        base: "shadow-xl"
+      },
+      "2xl": {
+        base: "shadow-2xl"
+      },
+      inner: {
+        base: "shadow-inner"
+      }
+    },
     backdrop: {
       transparent: {
         backdrop: "hidden"
@@ -124,6 +146,7 @@ var modal = tv({
   defaultVariants: {
     size: "md",
     radius: "lg",
+    shadow: "lg",
     backdrop: "opaque",
     scrollBehavior: "normal"
   },

package/dist/{chunk-XMV4AU26.mjs → chunk-JR6TMRUJ.mjs}

@@ -1,12 +1,12 @@
+import {
+  baseStyles
+} from "./chunk-INZK6TTL.mjs";
 import {
   utilities
 } from "./chunk-JH2TR6BI.mjs";
 import {
   semanticColors
-} from "./chunk-Z5FFO6RH.mjs";
-import {
-  commonColors
-} from "./chunk-W4HTBNGS.mjs";
+} from "./chunk-3YM7ZXUG.mjs";
 import {
   removeDefaultKeys
 } from "./chunk-37PIXVP4.mjs";
@@ -14,8 +14,8 @@ import {
   animations
 } from "./chunk-DMASP6FA.mjs";
 import {
-  baseStyles
-} from "./chunk-INZK6TTL.mjs";
+  commonColors
+} from "./chunk-CRCBVLUP.mjs";
 
 // src/plugin.ts
 import Color from "color";

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

@@ -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: {
@@ -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-HKMIRUA2.mjs → chunk-SPRUF3FQ.mjs}

@@ -6,7 +6,7 @@ import {
 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/colors/common.mjs

@@ -1,13 +1,13 @@
 import {
   commonColors
-} from "../chunk-W4HTBNGS.mjs";
+} from "../chunk-CRCBVLUP.mjs";
+import "../chunk-DCEG5LGX.mjs";
+import "../chunk-L2OL7R23.mjs";
 import "../chunk-YZYGFPNK.mjs";
 import "../chunk-Y4YW5MKL.mjs";
 import "../chunk-KZJBCC2H.mjs";
 import "../chunk-T3GWIVAM.mjs";
 import "../chunk-OR5PUD24.mjs";
-import "../chunk-DCEG5LGX.mjs";
-import "../chunk-L2OL7R23.mjs";
 export {
   commonColors
 };

package/dist/colors/index.mjs

@@ -1,21 +1,21 @@
 import {
   colors
-} from "../chunk-PFNGC6IG.mjs";
+} from "../chunk-CNGIMNA5.mjs";
 import {
   semanticColors
-} from "../chunk-Z5FFO6RH.mjs";
+} from "../chunk-3YM7ZXUG.mjs";
+import "../chunk-37PIXVP4.mjs";
 import "../chunk-M63AFAHO.mjs";
 import {
   commonColors
-} from "../chunk-W4HTBNGS.mjs";
+} from "../chunk-CRCBVLUP.mjs";
+import "../chunk-DCEG5LGX.mjs";
+import "../chunk-L2OL7R23.mjs";
 import "../chunk-YZYGFPNK.mjs";
 import "../chunk-Y4YW5MKL.mjs";
 import "../chunk-KZJBCC2H.mjs";
 import "../chunk-T3GWIVAM.mjs";
 import "../chunk-OR5PUD24.mjs";
-import "../chunk-DCEG5LGX.mjs";
-import "../chunk-L2OL7R23.mjs";
-import "../chunk-37PIXVP4.mjs";
 export {
   colors,
   commonColors,

package/dist/colors/semantic.mjs

@@ -2,16 +2,16 @@ import {
   semanticColors,
   semanticColorsDark,
   semanticColorsLight
-} from "../chunk-Z5FFO6RH.mjs";
-import "../chunk-W4HTBNGS.mjs";
+} from "../chunk-3YM7ZXUG.mjs";
+import "../chunk-37PIXVP4.mjs";
+import "../chunk-CRCBVLUP.mjs";
+import "../chunk-DCEG5LGX.mjs";
+import "../chunk-L2OL7R23.mjs";
 import "../chunk-YZYGFPNK.mjs";
 import "../chunk-Y4YW5MKL.mjs";
 import "../chunk-KZJBCC2H.mjs";
 import "../chunk-T3GWIVAM.mjs";
 import "../chunk-OR5PUD24.mjs";
-import "../chunk-DCEG5LGX.mjs";
-import "../chunk-L2OL7R23.mjs";
-import "../chunk-37PIXVP4.mjs";
 export {
   semanticColors,
   semanticColorsDark,

package/dist/colors.mjs

@@ -1,22 +1,22 @@
 import "./chunk-WQEDQHKX.mjs";
 import {
   colors
-} from "./chunk-PFNGC6IG.mjs";
+} from "./chunk-CNGIMNA5.mjs";
 import {
   semanticColors
-} from "./chunk-Z5FFO6RH.mjs";
+} from "./chunk-3YM7ZXUG.mjs";
+import "./chunk-37PIXVP4.mjs";
 import "./chunk-M63AFAHO.mjs";
 import {
   commonColors
-} from "./chunk-W4HTBNGS.mjs";
+} from "./chunk-CRCBVLUP.mjs";
+import "./chunk-DCEG5LGX.mjs";
+import "./chunk-L2OL7R23.mjs";
 import "./chunk-YZYGFPNK.mjs";
 import "./chunk-Y4YW5MKL.mjs";
 import "./chunk-KZJBCC2H.mjs";
 import "./chunk-T3GWIVAM.mjs";
 import "./chunk-OR5PUD24.mjs";
-import "./chunk-DCEG5LGX.mjs";
-import "./chunk-L2OL7R23.mjs";
-import "./chunk-37PIXVP4.mjs";
 export {
   colors,
   commonColors,

package/dist/components/avatar.mjs

@@ -3,8 +3,8 @@ import {
   avatarGroup
 } from "../chunk-MWWMIOTS.mjs";
 import "../chunk-CMYR6AOY.mjs";
-import "../chunk-I4OYRSA7.mjs";
 import "../chunk-K7LK7NCE.mjs";
+import "../chunk-I4OYRSA7.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   avatar,

package/dist/components/badge.mjs

@@ -2,8 +2,8 @@ import {
   badge
 } from "../chunk-NASOHMPB.mjs";
 import "../chunk-CMYR6AOY.mjs";
-import "../chunk-I4OYRSA7.mjs";
 import "../chunk-K7LK7NCE.mjs";
+import "../chunk-I4OYRSA7.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

@@ -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: {
@@ -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-RWCBIS6I.mjs";
 import "../chunk-CMYR6AOY.mjs";
-import "../chunk-I4OYRSA7.mjs";
 import "../chunk-K7LK7NCE.mjs";
+import "../chunk-I4OYRSA7.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   button,

package/dist/components/chip.mjs

@@ -2,8 +2,8 @@ import {
   chip
 } from "../chunk-TO7LQPC3.mjs";
 import "../chunk-CMYR6AOY.mjs";
-import "../chunk-I4OYRSA7.mjs";
 import "../chunk-K7LK7NCE.mjs";
+import "../chunk-I4OYRSA7.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   chip

package/dist/components/code.mjs

@@ -2,8 +2,8 @@ import {
   code
 } from "../chunk-27PQQNKZ.mjs";
 import "../chunk-CMYR6AOY.mjs";
-import "../chunk-I4OYRSA7.mjs";
 import "../chunk-K7LK7NCE.mjs";
+import "../chunk-I4OYRSA7.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   code

package/dist/components/index.js

@@ -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: {
@@ -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"
@@ -5147,14 +5146,13 @@ var modal = (0, import_tailwind_variants23.tv)({
       "bg-white",
       "z-50",
       "w-full",
-      "shadow-lg",
       "box-border",
+      "bg-background",
       "dark:bg-content1",
       "border border-default-100",
       "outline-none",
       "my-16"
     ],
-    trigger: [],
     backdrop: "z-50",
     header: "flex py-4 px-6 flex-initial text-lg font-semibold",
     body: "flex flex-1 flex-col gap-3 px-6 py-2",
@@ -5222,6 +5220,29 @@ var modal = (0, import_tailwind_variants23.tv)({
       "2xl": { base: "rounded-2xl" },
       "3xl": { base: "rounded-3xl" }
     },
+    shadow: {
+      none: {
+        base: "shadow-none"
+      },
+      sm: {
+        base: "shadow-sm"
+      },
+      md: {
+        base: "shadow-md"
+      },
+      lg: {
+        base: "shadow-lg"
+      },
+      xl: {
+        base: "shadow-xl"
+      },
+      "2xl": {
+        base: "shadow-2xl"
+      },
+      inner: {
+        base: "shadow-inner"
+      }
+    },
     backdrop: {
       transparent: {
         backdrop: "hidden"
@@ -5250,6 +5271,7 @@ var modal = (0, import_tailwind_variants23.tv)({
   defaultVariants: {
     size: "md",
     radius: "lg",
+    shadow: "lg",
     backdrop: "opaque",
     scrollBehavior: "normal"
   },

package/dist/components/index.mjs

@@ -1,4 +1,7 @@
 import "../chunk-PRWEADY4.mjs";
+import {
+  table
+} from "../chunk-U54UQOTS.mjs";
 import {
   tabs
 } from "../chunk-RWQ57OVD.mjs";
@@ -8,6 +11,9 @@ import {
 import {
   user
 } from "../chunk-ZFYINWFR.mjs";
+import {
+  pagination
+} from "../chunk-K55AW2NU.mjs";
 import {
   popover
 } from "../chunk-YOSP6YO6.mjs";
@@ -23,7 +29,7 @@ import {
 } from "../chunk-P5E3PNHW.mjs";
 import {
   snippet
-} from "../chunk-HKMIRUA2.mjs";
+} from "../chunk-SPRUF3FQ.mjs";
 import {
   spacer
 } from "../chunk-3B4SYPW2.mjs";
@@ -31,8 +37,11 @@ import {
   spinner
 } from "../chunk-HOQUCE4N.mjs";
 import {
-  table
-} from "../chunk-U54UQOTS.mjs";
+  dropdown,
+  dropdownItem,
+  dropdownMenu,
+  dropdownSection
+} from "../chunk-4K3TOAY2.mjs";
 import {
   image
 } from "../chunk-R4PNBVFX.mjs";
@@ -48,13 +57,14 @@ import {
 } from "../chunk-YQXYRWJP.mjs";
 import {
   modal
-} from "../chunk-2FCKB2MY.mjs";
+} from "../chunk-EQVBIZB3.mjs";
 import {
   navbar
 } from "../chunk-LWJT5D6G.mjs";
 import {
-  pagination
-} from "../chunk-K55AW2NU.mjs";
+  button,
+  buttonGroup
+} from "../chunk-RWCBIS6I.mjs";
 import {
   card
 } from "../chunk-QW2ZGOKD.mjs";
@@ -77,12 +87,6 @@ import {
 import {
   drip
 } from "../chunk-OIVGIOVG.mjs";
-import {
-  dropdown,
-  dropdownItem,
-  dropdownMenu,
-  dropdownSection
-} from "../chunk-4K3TOAY2.mjs";
 import {
   accordion,
   accordionItem
@@ -94,13 +98,9 @@ import {
 import {
   badge
 } from "../chunk-NASOHMPB.mjs";
-import {
-  button,
-  buttonGroup
-} from "../chunk-WUX2XFG4.mjs";
 import "../chunk-CMYR6AOY.mjs";
-import "../chunk-I4OYRSA7.mjs";
 import "../chunk-K7LK7NCE.mjs";
+import "../chunk-I4OYRSA7.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   accordion,

package/dist/components/modal.d.ts

@@ -7,10 +7,10 @@ import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
  *
  * @example
  * ```js
- * const {base, trigger, backdrop, header, body, footer} = modal({...})
+ * const {base, backdrop, header, body, footer} = modal({...})
  *
  * <div>
- *    <button className={trigger()}>Open Modal</button>
+ *    <button>Open Modal</button>
  *    <div className={backdrop()}/>
  *    <div className={base()}>
  *       <div className={header()}>Header</div>
@@ -79,6 +79,29 @@ declare const modal: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    shadow: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        "2xl": {
+            base: string;
+        };
+        inner: {
+            base: string;
+        };
+    };
     backdrop: {
         transparent: {
             backdrop: string;
@@ -106,7 +129,6 @@ declare const modal: tailwind_variants.TVReturnType<{
 }, {
     wrapper: string[];
     base: string[];
-    trigger: never[];
     backdrop: string;
     header: string;
     body: string;
@@ -171,6 +193,29 @@ declare const modal: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    shadow: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        "2xl": {
+            base: string;
+        };
+        inner: {
+            base: string;
+        };
+    };
     backdrop: {
         transparent: {
             backdrop: string;
@@ -254,6 +299,29 @@ declare const modal: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    shadow: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        "2xl": {
+            base: string;
+        };
+        inner: {
+            base: string;
+        };
+    };
     backdrop: {
         transparent: {
             backdrop: string;
@@ -337,6 +405,29 @@ declare const modal: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    shadow: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        "2xl": {
+            base: string;
+        };
+        inner: {
+            base: string;
+        };
+    };
     backdrop: {
         transparent: {
             backdrop: string;
@@ -364,7 +455,6 @@ declare const modal: tailwind_variants.TVReturnType<{
 }, {
     wrapper: string[];
     base: string[];
-    trigger: never[];
     backdrop: string;
     header: string;
     body: string;

package/dist/components/modal.js

@@ -45,14 +45,13 @@ var modal = (0, import_tailwind_variants.tv)({
       "bg-white",
       "z-50",
       "w-full",
-      "shadow-lg",
       "box-border",
+      "bg-background",
       "dark:bg-content1",
       "border border-default-100",
       "outline-none",
       "my-16"
     ],
-    trigger: [],
     backdrop: "z-50",
     header: "flex py-4 px-6 flex-initial text-lg font-semibold",
     body: "flex flex-1 flex-col gap-3 px-6 py-2",
@@ -120,6 +119,29 @@ var modal = (0, import_tailwind_variants.tv)({
       "2xl": { base: "rounded-2xl" },
       "3xl": { base: "rounded-3xl" }
     },
+    shadow: {
+      none: {
+        base: "shadow-none"
+      },
+      sm: {
+        base: "shadow-sm"
+      },
+      md: {
+        base: "shadow-md"
+      },
+      lg: {
+        base: "shadow-lg"
+      },
+      xl: {
+        base: "shadow-xl"
+      },
+      "2xl": {
+        base: "shadow-2xl"
+      },
+      inner: {
+        base: "shadow-inner"
+      }
+    },
     backdrop: {
       transparent: {
         backdrop: "hidden"
@@ -148,6 +170,7 @@ var modal = (0, import_tailwind_variants.tv)({
   defaultVariants: {
     size: "md",
     radius: "lg",
+    shadow: "lg",
     backdrop: "opaque",
     scrollBehavior: "normal"
   },

package/dist/components/modal.mjs

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

package/dist/components/pagination.mjs

@@ -2,8 +2,8 @@ import {
   pagination
 } from "../chunk-K55AW2NU.mjs";
 import "../chunk-CMYR6AOY.mjs";
-import "../chunk-I4OYRSA7.mjs";
 import "../chunk-K7LK7NCE.mjs";
+import "../chunk-I4OYRSA7.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   pagination

package/dist/components/popover.mjs

@@ -2,8 +2,8 @@ import {
   popover
 } from "../chunk-YOSP6YO6.mjs";
 import "../chunk-CMYR6AOY.mjs";
-import "../chunk-I4OYRSA7.mjs";
 import "../chunk-K7LK7NCE.mjs";
+import "../chunk-I4OYRSA7.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   popover

package/dist/components/snippet.js

@@ -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-SPRUF3FQ.mjs";
 import "../chunk-CMYR6AOY.mjs";
-import "../chunk-I4OYRSA7.mjs";
 import "../chunk-K7LK7NCE.mjs";
+import "../chunk-I4OYRSA7.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   snippet

package/dist/components/tabs.mjs

@@ -2,8 +2,8 @@ import {
   tabs
 } from "../chunk-RWQ57OVD.mjs";
 import "../chunk-CMYR6AOY.mjs";
-import "../chunk-I4OYRSA7.mjs";
 import "../chunk-K7LK7NCE.mjs";
+import "../chunk-I4OYRSA7.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   tabs

package/dist/index.js

@@ -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: {
@@ -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"
@@ -5179,14 +5178,13 @@ var modal = (0, import_tailwind_variants23.tv)({
       "bg-white",
       "z-50",
       "w-full",
-      "shadow-lg",
       "box-border",
+      "bg-background",
       "dark:bg-content1",
       "border border-default-100",
       "outline-none",
       "my-16"
     ],
-    trigger: [],
     backdrop: "z-50",
     header: "flex py-4 px-6 flex-initial text-lg font-semibold",
     body: "flex flex-1 flex-col gap-3 px-6 py-2",
@@ -5254,6 +5252,29 @@ var modal = (0, import_tailwind_variants23.tv)({
       "2xl": { base: "rounded-2xl" },
       "3xl": { base: "rounded-3xl" }
     },
+    shadow: {
+      none: {
+        base: "shadow-none"
+      },
+      sm: {
+        base: "shadow-sm"
+      },
+      md: {
+        base: "shadow-md"
+      },
+      lg: {
+        base: "shadow-lg"
+      },
+      xl: {
+        base: "shadow-xl"
+      },
+      "2xl": {
+        base: "shadow-2xl"
+      },
+      inner: {
+        base: "shadow-inner"
+      }
+    },
     backdrop: {
       transparent: {
         backdrop: "hidden"
@@ -5282,6 +5303,7 @@ var modal = (0, import_tailwind_variants23.tv)({
   defaultVariants: {
     size: "md",
     radius: "lg",
+    shadow: "lg",
     backdrop: "opaque",
     scrollBehavior: "normal"
   },

package/dist/index.mjs

@@ -1,4 +1,7 @@
 import "./chunk-PRWEADY4.mjs";
+import {
+  table
+} from "./chunk-U54UQOTS.mjs";
 import {
   tabs
 } from "./chunk-RWQ57OVD.mjs";
@@ -8,6 +11,9 @@ import {
 import {
   user
 } from "./chunk-ZFYINWFR.mjs";
+import {
+  pagination
+} from "./chunk-K55AW2NU.mjs";
 import {
   popover
 } from "./chunk-YOSP6YO6.mjs";
@@ -23,7 +29,7 @@ import {
 } from "./chunk-P5E3PNHW.mjs";
 import {
   snippet
-} from "./chunk-HKMIRUA2.mjs";
+} from "./chunk-SPRUF3FQ.mjs";
 import {
   spacer
 } from "./chunk-3B4SYPW2.mjs";
@@ -31,8 +37,11 @@ import {
   spinner
 } from "./chunk-HOQUCE4N.mjs";
 import {
-  table
-} from "./chunk-U54UQOTS.mjs";
+  dropdown,
+  dropdownItem,
+  dropdownMenu,
+  dropdownSection
+} from "./chunk-4K3TOAY2.mjs";
 import {
   image
 } from "./chunk-R4PNBVFX.mjs";
@@ -48,13 +57,14 @@ import {
 } from "./chunk-YQXYRWJP.mjs";
 import {
   modal
-} from "./chunk-2FCKB2MY.mjs";
+} from "./chunk-EQVBIZB3.mjs";
 import {
   navbar
 } from "./chunk-LWJT5D6G.mjs";
 import {
-  pagination
-} from "./chunk-K55AW2NU.mjs";
+  button,
+  buttonGroup
+} from "./chunk-RWCBIS6I.mjs";
 import {
   card
 } from "./chunk-QW2ZGOKD.mjs";
@@ -77,36 +87,6 @@ import {
 import {
   drip
 } from "./chunk-OIVGIOVG.mjs";
-import {
-  dropdown,
-  dropdownItem,
-  dropdownMenu,
-  dropdownSection
-} from "./chunk-4K3TOAY2.mjs";
-import {
-  nextui
-} from "./chunk-XMV4AU26.mjs";
-import "./chunk-JH2TR6BI.mjs";
-import "./chunk-WQEDQHKX.mjs";
-import {
-  colors
-} from "./chunk-PFNGC6IG.mjs";
-import {
-  semanticColors
-} from "./chunk-Z5FFO6RH.mjs";
-import "./chunk-M63AFAHO.mjs";
-import {
-  commonColors
-} from "./chunk-W4HTBNGS.mjs";
-import "./chunk-YZYGFPNK.mjs";
-import "./chunk-Y4YW5MKL.mjs";
-import "./chunk-KZJBCC2H.mjs";
-import "./chunk-T3GWIVAM.mjs";
-import "./chunk-OR5PUD24.mjs";
-import "./chunk-DCEG5LGX.mjs";
-import "./chunk-L2OL7R23.mjs";
-import "./chunk-37PIXVP4.mjs";
-import "./chunk-DMASP6FA.mjs";
 import {
   accordion,
   accordionItem
@@ -118,15 +98,14 @@ import {
 import {
   badge
 } from "./chunk-NASOHMPB.mjs";
-import {
-  button,
-  buttonGroup
-} from "./chunk-WUX2XFG4.mjs";
 import "./chunk-CMYR6AOY.mjs";
+import "./chunk-K7LK7NCE.mjs";
 import {
   colorVariants
 } from "./chunk-I4OYRSA7.mjs";
-import "./chunk-K7LK7NCE.mjs";
+import {
+  nextui
+} from "./chunk-JR6TMRUJ.mjs";
 import {
   absoluteFullClasses,
   baseStyles,
@@ -134,6 +113,27 @@ import {
   ringClasses,
   translateCenterClasses
 } from "./chunk-INZK6TTL.mjs";
+import "./chunk-JH2TR6BI.mjs";
+import "./chunk-WQEDQHKX.mjs";
+import {
+  colors
+} from "./chunk-CNGIMNA5.mjs";
+import {
+  semanticColors
+} from "./chunk-3YM7ZXUG.mjs";
+import "./chunk-37PIXVP4.mjs";
+import "./chunk-M63AFAHO.mjs";
+import "./chunk-DMASP6FA.mjs";
+import {
+  commonColors
+} from "./chunk-CRCBVLUP.mjs";
+import "./chunk-DCEG5LGX.mjs";
+import "./chunk-L2OL7R23.mjs";
+import "./chunk-YZYGFPNK.mjs";
+import "./chunk-Y4YW5MKL.mjs";
+import "./chunk-KZJBCC2H.mjs";
+import "./chunk-T3GWIVAM.mjs";
+import "./chunk-OR5PUD24.mjs";
 
 // src/index.ts
 import { cn as cnBase } from "tailwind-variants";

package/dist/plugin.mjs

@@ -1,22 +1,22 @@
 import {
   nextui
-} from "./chunk-XMV4AU26.mjs";
+} from "./chunk-JR6TMRUJ.mjs";
+import "./chunk-INZK6TTL.mjs";
 import "./chunk-JH2TR6BI.mjs";
 import "./chunk-WQEDQHKX.mjs";
-import "./chunk-PFNGC6IG.mjs";
-import "./chunk-Z5FFO6RH.mjs";
+import "./chunk-CNGIMNA5.mjs";
+import "./chunk-3YM7ZXUG.mjs";
+import "./chunk-37PIXVP4.mjs";
 import "./chunk-M63AFAHO.mjs";
-import "./chunk-W4HTBNGS.mjs";
+import "./chunk-DMASP6FA.mjs";
+import "./chunk-CRCBVLUP.mjs";
+import "./chunk-DCEG5LGX.mjs";
+import "./chunk-L2OL7R23.mjs";
 import "./chunk-YZYGFPNK.mjs";
 import "./chunk-Y4YW5MKL.mjs";
 import "./chunk-KZJBCC2H.mjs";
 import "./chunk-T3GWIVAM.mjs";
 import "./chunk-OR5PUD24.mjs";
-import "./chunk-DCEG5LGX.mjs";
-import "./chunk-L2OL7R23.mjs";
-import "./chunk-37PIXVP4.mjs";
-import "./chunk-DMASP6FA.mjs";
-import "./chunk-INZK6TTL.mjs";
 export {
   nextui
 };

package/dist/utils/index.mjs

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

package/package.json

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

package/dist/{chunk-W4HTBNGS.mjs → chunk-CRCBVLUP.mjs}

@@ -1,3 +1,9 @@
+import {
+  pink
+} from "./chunk-DCEG5LGX.mjs";
+import {
+  purple
+} from "./chunk-L2OL7R23.mjs";
 import {
   red
 } from "./chunk-YZYGFPNK.mjs";
@@ -13,12 +19,6 @@ import {
 import {
   green
 } from "./chunk-OR5PUD24.mjs";
-import {
-  pink
-} from "./chunk-DCEG5LGX.mjs";
-import {
-  purple
-} from "./chunk-L2OL7R23.mjs";
 
 // src/colors/common.ts
 var commonColors = {