@nextui-org/theme 0.0.0-dev-v2-20230610024734 → 0.0.0-dev-v2-20230612214035

package/dist/{chunk-SNSTSXNE.mjs → chunk-2JNTU7SI.mjs}

@@ -4,7 +4,7 @@ var navbar = tv({
   slots: {
     base: [
       "relative",
-      "z-50",
+      "z-40",
       "w-full",
       "h-auto",
       "flex",
@@ -107,7 +107,7 @@ var navbar = tv({
       "data-[active=true]:font-semibold"
     ],
     menu: [
-      "z-50",
+      "z-40",
       "hidden",
       "px-6",
       "pt-4",

package/dist/{chunk-GT52FVGI.mjs → chunk-LPECHTXS.mjs}

@@ -5,12 +5,11 @@ var modal = tv({
     wrapper: [
       "flex",
       "w-screen",
-      "h-screen",
+      "h-[100dvh]",
       "fixed",
       "inset-0",
       "z-50",
       "overflow-x-auto",
-      "overflow-y-hidden",
       "justify-center",
       "items-start",
       "md:items-center"
@@ -30,7 +29,7 @@ var modal = tv({
       "my-16"
     ],
     trigger: [],
-    backdrop: ["hidden", "z-50"],
+    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",
     footer: "flex flex-row gap-2 px-6 py-4 justify-end",
@@ -84,7 +83,7 @@ var modal = tv({
         base: "max-w-5xl"
       },
       full: {
-        base: "my-0 max-w-full rounded-none min-h-screen"
+        base: "my-0 max-w-full min-h-full rounded-none "
       }
     },
     radius: {
@@ -98,7 +97,9 @@ var modal = tv({
       "3xl": { base: "rounded-3xl" }
     },
     backdrop: {
-      transparent: {},
+      transparent: {
+        backdrop: "hidden"
+      },
       opaque: {
         backdrop: "bg-black/50 backdrop-opacity-50"
       },
@@ -107,6 +108,9 @@ var modal = tv({
       }
     },
     scrollBehavior: {
+      normal: {
+        base: "overflow-y-hidden"
+      },
       inside: {
         base: "max-h-[calc(100%_-_7.5rem)]",
         body: "overflow-y-auto"
@@ -120,13 +124,14 @@ var modal = tv({
   defaultVariants: {
     size: "md",
     radius: "lg",
-    backdrop: "blur"
+    backdrop: "blur",
+    scrollBehavior: "normal"
   },
   compoundVariants: [
     {
       backdrop: ["opaque", "blur"],
       class: {
-        backdrop: "block w-full h-full fixed inset-0"
+        backdrop: "w-full h-full fixed inset-0"
       }
     }
   ]

package/dist/{chunk-NAMFTWN5.mjs → chunk-N37GPOJZ.mjs}

@@ -10,7 +10,7 @@ import { tv } from "tailwind-variants";
 var chip = tv({
   slots: {
     base: ["relative", "max-w-fit", "inline-flex", "items-center", "justify-between", "box-border"],
-    content: "flex-1 text-inherit select-none font-normal",
+    content: "flex-1 text-inherit font-normal",
     dot: ["w-2", "h-2", "ml-1", "rounded-full"],
     avatar: "flex-shrink-0",
     closeButton: [

package/dist/components/chip.js

@@ -113,7 +113,7 @@ var colorVariants = {
 var chip = (0, import_tailwind_variants.tv)({
   slots: {
     base: ["relative", "max-w-fit", "inline-flex", "items-center", "justify-between", "box-border"],
-    content: "flex-1 text-inherit select-none font-normal",
+    content: "flex-1 text-inherit font-normal",
     dot: ["w-2", "h-2", "ml-1", "rounded-full"],
     avatar: "flex-shrink-0",
     closeButton: [

package/dist/components/chip.mjs

@@ -1,6 +1,6 @@
 import {
   chip
-} from "../chunk-NAMFTWN5.mjs";
+} from "../chunk-N37GPOJZ.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-IQPW7V4N.mjs";

package/dist/components/index.js

@@ -1639,7 +1639,7 @@ var import_tailwind_variants11 = require("tailwind-variants");
 var chip = (0, import_tailwind_variants11.tv)({
   slots: {
     base: ["relative", "max-w-fit", "inline-flex", "items-center", "justify-between", "box-border"],
-    content: "flex-1 text-inherit select-none font-normal",
+    content: "flex-1 text-inherit font-normal",
     dot: ["w-2", "h-2", "ml-1", "rounded-full"],
     avatar: "flex-shrink-0",
     closeButton: [
@@ -5067,12 +5067,11 @@ var modal = (0, import_tailwind_variants23.tv)({
     wrapper: [
       "flex",
       "w-screen",
-      "h-screen",
+      "h-[100dvh]",
       "fixed",
       "inset-0",
       "z-50",
       "overflow-x-auto",
-      "overflow-y-hidden",
       "justify-center",
       "items-start",
       "md:items-center"
@@ -5092,7 +5091,7 @@ var modal = (0, import_tailwind_variants23.tv)({
       "my-16"
     ],
     trigger: [],
-    backdrop: ["hidden", "z-50"],
+    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",
     footer: "flex flex-row gap-2 px-6 py-4 justify-end",
@@ -5146,7 +5145,7 @@ var modal = (0, import_tailwind_variants23.tv)({
         base: "max-w-5xl"
       },
       full: {
-        base: "my-0 max-w-full rounded-none min-h-screen"
+        base: "my-0 max-w-full min-h-full rounded-none "
       }
     },
     radius: {
@@ -5160,7 +5159,9 @@ var modal = (0, import_tailwind_variants23.tv)({
       "3xl": { base: "rounded-3xl" }
     },
     backdrop: {
-      transparent: {},
+      transparent: {
+        backdrop: "hidden"
+      },
       opaque: {
         backdrop: "bg-black/50 backdrop-opacity-50"
       },
@@ -5169,6 +5170,9 @@ var modal = (0, import_tailwind_variants23.tv)({
       }
     },
     scrollBehavior: {
+      normal: {
+        base: "overflow-y-hidden"
+      },
       inside: {
         base: "max-h-[calc(100%_-_7.5rem)]",
         body: "overflow-y-auto"
@@ -5182,13 +5186,14 @@ var modal = (0, import_tailwind_variants23.tv)({
   defaultVariants: {
     size: "md",
     radius: "lg",
-    backdrop: "blur"
+    backdrop: "blur",
+    scrollBehavior: "normal"
   },
   compoundVariants: [
     {
       backdrop: ["opaque", "blur"],
       class: {
-        backdrop: "block w-full h-full fixed inset-0"
+        backdrop: "w-full h-full fixed inset-0"
       }
     }
   ]
@@ -5200,7 +5205,7 @@ var navbar = (0, import_tailwind_variants24.tv)({
   slots: {
     base: [
       "relative",
-      "z-50",
+      "z-40",
       "w-full",
       "h-auto",
       "flex",
@@ -5303,7 +5308,7 @@ var navbar = (0, import_tailwind_variants24.tv)({
       "data-[active=true]:font-semibold"
     ],
     menu: [
-      "z-50",
+      "z-40",
       "hidden",
       "px-6",
       "pt-4",

package/dist/components/index.mjs

@@ -19,10 +19,10 @@ import {
 } from "../chunk-ZFYINWFR.mjs";
 import {
   modal
-} from "../chunk-GT52FVGI.mjs";
+} from "../chunk-LPECHTXS.mjs";
 import {
   navbar
-} from "../chunk-SNSTSXNE.mjs";
+} from "../chunk-2JNTU7SI.mjs";
 import {
   pagination
 } from "../chunk-4MSPP245.mjs";
@@ -87,7 +87,7 @@ import {
 } from "../chunk-G34JOIZ3.mjs";
 import {
   chip
-} from "../chunk-NAMFTWN5.mjs";
+} from "../chunk-N37GPOJZ.mjs";
 import {
   circularProgress
 } from "../chunk-UPBFQDTD.mjs";

package/dist/components/modal.d.ts

@@ -80,7 +80,9 @@ declare const modal: tailwind_variants.TVReturnType<{
         };
     };
     backdrop: {
-        transparent: {};
+        transparent: {
+            backdrop: string;
+        };
         opaque: {
             backdrop: string;
         };
@@ -89,6 +91,9 @@ declare const modal: tailwind_variants.TVReturnType<{
         };
     };
     scrollBehavior: {
+        normal: {
+            base: string;
+        };
         inside: {
             base: string;
             body: string;
@@ -102,7 +107,7 @@ declare const modal: tailwind_variants.TVReturnType<{
     wrapper: string[];
     base: string[];
     trigger: never[];
-    backdrop: string[];
+    backdrop: string;
     header: string;
     body: string;
     footer: string;
@@ -167,7 +172,9 @@ declare const modal: tailwind_variants.TVReturnType<{
         };
     };
     backdrop: {
-        transparent: {};
+        transparent: {
+            backdrop: string;
+        };
         opaque: {
             backdrop: string;
         };
@@ -176,6 +183,9 @@ declare const modal: tailwind_variants.TVReturnType<{
         };
     };
     scrollBehavior: {
+        normal: {
+            base: string;
+        };
         inside: {
             base: string;
             body: string;

package/dist/components/modal.js

@@ -29,12 +29,11 @@ var modal = (0, import_tailwind_variants.tv)({
     wrapper: [
       "flex",
       "w-screen",
-      "h-screen",
+      "h-[100dvh]",
       "fixed",
       "inset-0",
       "z-50",
       "overflow-x-auto",
-      "overflow-y-hidden",
       "justify-center",
       "items-start",
       "md:items-center"
@@ -54,7 +53,7 @@ var modal = (0, import_tailwind_variants.tv)({
       "my-16"
     ],
     trigger: [],
-    backdrop: ["hidden", "z-50"],
+    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",
     footer: "flex flex-row gap-2 px-6 py-4 justify-end",
@@ -108,7 +107,7 @@ var modal = (0, import_tailwind_variants.tv)({
         base: "max-w-5xl"
       },
       full: {
-        base: "my-0 max-w-full rounded-none min-h-screen"
+        base: "my-0 max-w-full min-h-full rounded-none "
       }
     },
     radius: {
@@ -122,7 +121,9 @@ var modal = (0, import_tailwind_variants.tv)({
       "3xl": { base: "rounded-3xl" }
     },
     backdrop: {
-      transparent: {},
+      transparent: {
+        backdrop: "hidden"
+      },
       opaque: {
         backdrop: "bg-black/50 backdrop-opacity-50"
       },
@@ -131,6 +132,9 @@ var modal = (0, import_tailwind_variants.tv)({
       }
     },
     scrollBehavior: {
+      normal: {
+        base: "overflow-y-hidden"
+      },
       inside: {
         base: "max-h-[calc(100%_-_7.5rem)]",
         body: "overflow-y-auto"
@@ -144,13 +148,14 @@ var modal = (0, import_tailwind_variants.tv)({
   defaultVariants: {
     size: "md",
     radius: "lg",
-    backdrop: "blur"
+    backdrop: "blur",
+    scrollBehavior: "normal"
   },
   compoundVariants: [
     {
       backdrop: ["opaque", "blur"],
       class: {
-        backdrop: "block w-full h-full fixed inset-0"
+        backdrop: "w-full h-full fixed inset-0"
       }
     }
   ]

package/dist/components/modal.mjs

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

package/dist/components/navbar.js

@@ -28,7 +28,7 @@ var navbar = (0, import_tailwind_variants.tv)({
   slots: {
     base: [
       "relative",
-      "z-50",
+      "z-40",
       "w-full",
       "h-auto",
       "flex",
@@ -131,7 +131,7 @@ var navbar = (0, import_tailwind_variants.tv)({
       "data-[active=true]:font-semibold"
     ],
     menu: [
-      "z-50",
+      "z-40",
       "hidden",
       "px-6",
       "pt-4",

package/dist/components/navbar.mjs

@@ -1,6 +1,6 @@
 import {
   navbar
-} from "../chunk-SNSTSXNE.mjs";
+} from "../chunk-2JNTU7SI.mjs";
 export {
   navbar
 };

package/dist/index.js

@@ -1671,7 +1671,7 @@ var import_tailwind_variants11 = require("tailwind-variants");
 var chip = (0, import_tailwind_variants11.tv)({
   slots: {
     base: ["relative", "max-w-fit", "inline-flex", "items-center", "justify-between", "box-border"],
-    content: "flex-1 text-inherit select-none font-normal",
+    content: "flex-1 text-inherit font-normal",
     dot: ["w-2", "h-2", "ml-1", "rounded-full"],
     avatar: "flex-shrink-0",
     closeButton: [
@@ -5099,12 +5099,11 @@ var modal = (0, import_tailwind_variants23.tv)({
     wrapper: [
       "flex",
       "w-screen",
-      "h-screen",
+      "h-[100dvh]",
       "fixed",
       "inset-0",
       "z-50",
       "overflow-x-auto",
-      "overflow-y-hidden",
       "justify-center",
       "items-start",
       "md:items-center"
@@ -5124,7 +5123,7 @@ var modal = (0, import_tailwind_variants23.tv)({
       "my-16"
     ],
     trigger: [],
-    backdrop: ["hidden", "z-50"],
+    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",
     footer: "flex flex-row gap-2 px-6 py-4 justify-end",
@@ -5178,7 +5177,7 @@ var modal = (0, import_tailwind_variants23.tv)({
         base: "max-w-5xl"
       },
       full: {
-        base: "my-0 max-w-full rounded-none min-h-screen"
+        base: "my-0 max-w-full min-h-full rounded-none "
       }
     },
     radius: {
@@ -5192,7 +5191,9 @@ var modal = (0, import_tailwind_variants23.tv)({
       "3xl": { base: "rounded-3xl" }
     },
     backdrop: {
-      transparent: {},
+      transparent: {
+        backdrop: "hidden"
+      },
       opaque: {
         backdrop: "bg-black/50 backdrop-opacity-50"
       },
@@ -5201,6 +5202,9 @@ var modal = (0, import_tailwind_variants23.tv)({
       }
     },
     scrollBehavior: {
+      normal: {
+        base: "overflow-y-hidden"
+      },
       inside: {
         base: "max-h-[calc(100%_-_7.5rem)]",
         body: "overflow-y-auto"
@@ -5214,13 +5218,14 @@ var modal = (0, import_tailwind_variants23.tv)({
   defaultVariants: {
     size: "md",
     radius: "lg",
-    backdrop: "blur"
+    backdrop: "blur",
+    scrollBehavior: "normal"
   },
   compoundVariants: [
     {
       backdrop: ["opaque", "blur"],
       class: {
-        backdrop: "block w-full h-full fixed inset-0"
+        backdrop: "w-full h-full fixed inset-0"
       }
     }
   ]
@@ -5232,7 +5237,7 @@ var navbar = (0, import_tailwind_variants24.tv)({
   slots: {
     base: [
       "relative",
-      "z-50",
+      "z-40",
       "w-full",
       "h-auto",
       "flex",
@@ -5335,7 +5340,7 @@ var navbar = (0, import_tailwind_variants24.tv)({
       "data-[active=true]:font-semibold"
     ],
     menu: [
-      "z-50",
+      "z-40",
       "hidden",
       "px-6",
       "pt-4",

package/dist/index.mjs

@@ -19,10 +19,10 @@ import {
 } from "./chunk-ZFYINWFR.mjs";
 import {
   modal
-} from "./chunk-GT52FVGI.mjs";
+} from "./chunk-LPECHTXS.mjs";
 import {
   navbar
-} from "./chunk-SNSTSXNE.mjs";
+} from "./chunk-2JNTU7SI.mjs";
 import {
   pagination
 } from "./chunk-4MSPP245.mjs";
@@ -87,7 +87,7 @@ import {
 } from "./chunk-G34JOIZ3.mjs";
 import {
   chip
-} from "./chunk-NAMFTWN5.mjs";
+} from "./chunk-N37GPOJZ.mjs";
 import {
   circularProgress
 } from "./chunk-UPBFQDTD.mjs";

package/package.json

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