@nextui-org/theme 0.0.0-dev-v2-20230614225402 → 0.0.0-dev-v2-20230616024445

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

@@ -83,7 +83,7 @@ var modal = tv({
         base: "max-w-5xl"
       },
       full: {
-        base: "my-0 max-w-full min-h-full !rounded-none"
+        base: "my-0 max-w-full h-[100dvh] !rounded-none"
       }
     },
     radius: {
@@ -131,7 +131,7 @@ var modal = tv({
     {
       backdrop: ["opaque", "blur"],
       class: {
-        backdrop: "w-full h-full fixed inset-0"
+        backdrop: "w-screen h-screen fixed inset-0"
       }
     }
   ]

package/dist/{chunk-GKMFQDRM.mjs → chunk-JH2TR6BI.mjs}

@@ -43,6 +43,11 @@ var utilities = {
     "transition-timing-function": "ease",
     "transition-duration": DEFAULT_TRANSITION_DURATION
   },
+  ".transition-height": {
+    "transition-property": "height",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
   ".transition-left": {
     "transition-property": "left",
     "transition-timing-function": "ease",

package/dist/{chunk-45VMNIGW.mjs → chunk-K2K46ZNI.mjs}

@@ -1,6 +1,6 @@
 import {
   utilities
-} from "./chunk-GKMFQDRM.mjs";
+} from "./chunk-JH2TR6BI.mjs";
 import {
   baseStyles
 } from "./chunk-INZK6TTL.mjs";

package/dist/{chunk-ODLEUC3L.mjs → chunk-Q7HCFO5Z.mjs}

@@ -7,7 +7,7 @@ import { tv } from "tailwind-variants";
 var tabs = tv({
   slots: {
     base: "inline-flex",
-    tabList: ["flex", "items-center", "gap-2", "bg-default-100", "p-1", "h-fit"],
+    tabList: ["flex", "items-center", "gap-2", "bg-content2", "dark:bg-content1", "p-1", "h-fit"],
     tab: [
       "z-0",
       "w-full",
@@ -58,15 +58,15 @@ var tabs = tv({
         cursor: "inset-0"
       },
       light: {
-        tabList: "bg-transparent",
+        tabList: "bg-transparent dark:bg-transparent",
         cursor: "inset-0"
       },
       underlined: {
-        tabList: "bg-transparent",
+        tabList: "bg-transparent dark:bg-transparent",
         cursor: "h-[2px] w-[80%] bottom-0 shadow-[0_1px_0px_0_rgba(0,0,0,0.05)]"
       },
       bordered: {
-        tabList: "bg-transparent border-1 border-default-200 shadow-sm",
+        tabList: "bg-transparent dark:bg-transparent border-1 border-default-200 shadow-sm",
         cursor: "inset-0"
       }
     },
@@ -188,7 +188,7 @@ var tabs = tv({
       variant: ["solid", "bordered", "light"],
       color: "default",
       class: {
-        cursor: ["bg-background", "dark:bg-default"],
+        cursor: ["bg-background", "dark:bg-default", "border border-default-100 dark:border-none"],
         tabContent: "group-data-[selected=true]:text-default-foreground"
       }
     },

package/dist/{chunk-WQF44BEH.mjs → chunk-YUKQ7UM6.mjs}

@@ -3,26 +3,27 @@ import { tv } from "tailwind-variants";
 var navbar = tv({
   slots: {
     base: [
-      "relative",
+      "flex",
       "z-40",
       "w-full",
       "h-auto",
-      "flex",
       "items-center",
       "justify-center",
       "border-b",
-      "border-divider"
+      "border-divider",
+      "data-[menu-open=true]:border-none"
     ],
     wrapper: [
+      "z-40",
       "flex",
+      "px-6",
+      "w-full",
       "flex-row",
       "relative",
       "flex-nowrap",
       "items-center",
       "justify-between",
-      "w-full",
-      "h-[var(--navbar-height)]",
-      "px-6"
+      "h-[var(--navbar-height)]"
     ],
     toggle: [
       "group",
@@ -107,19 +108,15 @@ var navbar = tv({
       "data-[active=true]:font-semibold"
     ],
     menu: [
-      "z-40",
-      "hidden",
+      "z-30",
       "px-6",
-      "pt-4",
-      "absolute",
+      "pt-2",
+      "fixed",
       "max-w-full",
-      "top-[calc(var(--navbar-height)_+_1px)]",
-      "h-[calc(100vh_-_var(--navbar-height)_-_1px)]",
+      "top-[var(--navbar-height)]",
       "inset-x-0",
       "bottom-0",
       "w-screen",
-      "bg-background",
-      "data-[open=true]:flex",
       "flex-col",
       "gap-3",
       "overflow-y-auto"
@@ -131,11 +128,8 @@ var navbar = tv({
       static: {
         base: "static"
       },
-      sticky: {},
-      floating: {
-        base: "shadow-none border-b-0",
-        wrapper: "mt-4 mx-8 shadow-md border border-default-200 dark:border-default-100 rounded-xl",
-        menu: "mt-5 mx-8 border border-default-200 dark:border-default-100 rounded-xl max-w-[calc(100%_-_4rem)]"
+      fixed: {
+        base: "fixed top-0 inset-x-0"
       }
     },
     maxWidth: {
@@ -160,7 +154,7 @@ var navbar = tv({
     },
     hideOnScroll: {
       true: {
-        base: ["sticky", "top-0", "inset-x-0"]
+        base: ["fixed", "top-0", "inset-x-0"]
       }
     },
     isBordered: {
@@ -168,56 +162,30 @@ var navbar = tv({
     },
     isBlurred: {
       false: {
-        base: "bg-background"
+        base: "bg-background",
+        menu: "bg-background"
       },
-      true: {}
-    }
-  },
-  defaultVariants: {
-    maxWidth: "lg",
-    position: "sticky",
-    isBlurred: true
-  },
-  compoundVariants: [
-    {
-      position: ["sticky", "floating"],
-      class: {
-        base: "sticky top-0 inset-x-0"
-      }
-    },
-    {
-      isBlurred: true,
-      position: ["static", "sticky"],
-      class: {
+      true: {
         base: [
-          "backdrop-blur",
+          "backdrop-blur-lg",
+          "data-[menu-open=true]:backdrop-blur-xl",
           "backdrop-saturate-150",
-          "bg-background/80",
-          "dark:bg-background/50",
-          "data-[menu-open=true]:bg-background"
-        ]
+          "bg-background/70"
+        ],
+        menu: ["backdrop-blur-xl", "backdrop-saturate-150", "bg-background/70"]
       }
     },
-    {
-      isBlurred: true,
-      position: "floating",
-      class: {
-        base: "bg-gradient-to-b from-background to-transparent",
-        wrapper: [
-          "before:content-['']",
-          "before:block",
-          "before:z-[-1]",
-          "before:absolute",
-          "before:-top-px",
-          "before:inset-0",
-          "before:backdrop-blur",
-          "before:backdrop-saturate-150",
-          "before:bg-background/50",
-          "data-[menu-open=true]:before:bg-background"
-        ]
+    disableAnimation: {
+      true: {
+        menu: ["hidden", "h-[calc(100dvh_-_var(--navbar-height)_-_1px)]", "data-[open=true]:flex"]
       }
     }
-  ]
+  },
+  defaultVariants: {
+    maxWidth: "lg",
+    position: "fixed",
+    isBlurred: true
+  }
 });
 
 export {

package/dist/components/index.js

@@ -5209,7 +5209,7 @@ var modal = (0, import_tailwind_variants23.tv)({
         base: "max-w-5xl"
       },
       full: {
-        base: "my-0 max-w-full min-h-full !rounded-none"
+        base: "my-0 max-w-full h-[100dvh] !rounded-none"
       }
     },
     radius: {
@@ -5257,7 +5257,7 @@ var modal = (0, import_tailwind_variants23.tv)({
     {
       backdrop: ["opaque", "blur"],
       class: {
-        backdrop: "w-full h-full fixed inset-0"
+        backdrop: "w-screen h-screen fixed inset-0"
       }
     }
   ]
@@ -5268,26 +5268,27 @@ var import_tailwind_variants24 = require("tailwind-variants");
 var navbar = (0, import_tailwind_variants24.tv)({
   slots: {
     base: [
-      "relative",
+      "flex",
       "z-40",
       "w-full",
       "h-auto",
-      "flex",
       "items-center",
       "justify-center",
       "border-b",
-      "border-divider"
+      "border-divider",
+      "data-[menu-open=true]:border-none"
     ],
     wrapper: [
+      "z-40",
       "flex",
+      "px-6",
+      "w-full",
       "flex-row",
       "relative",
       "flex-nowrap",
       "items-center",
       "justify-between",
-      "w-full",
-      "h-[var(--navbar-height)]",
-      "px-6"
+      "h-[var(--navbar-height)]"
     ],
     toggle: [
       "group",
@@ -5372,19 +5373,15 @@ var navbar = (0, import_tailwind_variants24.tv)({
       "data-[active=true]:font-semibold"
     ],
     menu: [
-      "z-40",
-      "hidden",
+      "z-30",
       "px-6",
-      "pt-4",
-      "absolute",
+      "pt-2",
+      "fixed",
       "max-w-full",
-      "top-[calc(var(--navbar-height)_+_1px)]",
-      "h-[calc(100vh_-_var(--navbar-height)_-_1px)]",
+      "top-[var(--navbar-height)]",
       "inset-x-0",
       "bottom-0",
       "w-screen",
-      "bg-background",
-      "data-[open=true]:flex",
       "flex-col",
       "gap-3",
       "overflow-y-auto"
@@ -5396,11 +5393,8 @@ var navbar = (0, import_tailwind_variants24.tv)({
       static: {
         base: "static"
       },
-      sticky: {},
-      floating: {
-        base: "shadow-none border-b-0",
-        wrapper: "mt-4 mx-8 shadow-md border border-default-200 dark:border-default-100 rounded-xl",
-        menu: "mt-5 mx-8 border border-default-200 dark:border-default-100 rounded-xl max-w-[calc(100%_-_4rem)]"
+      fixed: {
+        base: "fixed top-0 inset-x-0"
       }
     },
     maxWidth: {
@@ -5425,7 +5419,7 @@ var navbar = (0, import_tailwind_variants24.tv)({
     },
     hideOnScroll: {
       true: {
-        base: ["sticky", "top-0", "inset-x-0"]
+        base: ["fixed", "top-0", "inset-x-0"]
       }
     },
     isBordered: {
@@ -5433,56 +5427,30 @@ var navbar = (0, import_tailwind_variants24.tv)({
     },
     isBlurred: {
       false: {
-        base: "bg-background"
+        base: "bg-background",
+        menu: "bg-background"
       },
-      true: {}
-    }
-  },
-  defaultVariants: {
-    maxWidth: "lg",
-    position: "sticky",
-    isBlurred: true
-  },
-  compoundVariants: [
-    {
-      position: ["sticky", "floating"],
-      class: {
-        base: "sticky top-0 inset-x-0"
-      }
-    },
-    {
-      isBlurred: true,
-      position: ["static", "sticky"],
-      class: {
+      true: {
         base: [
-          "backdrop-blur",
+          "backdrop-blur-lg",
+          "data-[menu-open=true]:backdrop-blur-xl",
           "backdrop-saturate-150",
-          "bg-background/80",
-          "dark:bg-background/50",
-          "data-[menu-open=true]:bg-background"
-        ]
+          "bg-background/70"
+        ],
+        menu: ["backdrop-blur-xl", "backdrop-saturate-150", "bg-background/70"]
       }
     },
-    {
-      isBlurred: true,
-      position: "floating",
-      class: {
-        base: "bg-gradient-to-b from-background to-transparent",
-        wrapper: [
-          "before:content-['']",
-          "before:block",
-          "before:z-[-1]",
-          "before:absolute",
-          "before:-top-px",
-          "before:inset-0",
-          "before:backdrop-blur",
-          "before:backdrop-saturate-150",
-          "before:bg-background/50",
-          "data-[menu-open=true]:before:bg-background"
-        ]
+    disableAnimation: {
+      true: {
+        menu: ["hidden", "h-[calc(100dvh_-_var(--navbar-height)_-_1px)]", "data-[open=true]:flex"]
       }
     }
-  ]
+  },
+  defaultVariants: {
+    maxWidth: "lg",
+    position: "fixed",
+    isBlurred: true
+  }
 });
 
 // src/components/table.ts
@@ -5755,7 +5723,7 @@ var import_tailwind_variants29 = require("tailwind-variants");
 var tabs = (0, import_tailwind_variants29.tv)({
   slots: {
     base: "inline-flex",
-    tabList: ["flex", "items-center", "gap-2", "bg-default-100", "p-1", "h-fit"],
+    tabList: ["flex", "items-center", "gap-2", "bg-content2", "dark:bg-content1", "p-1", "h-fit"],
     tab: [
       "z-0",
       "w-full",
@@ -5806,15 +5774,15 @@ var tabs = (0, import_tailwind_variants29.tv)({
         cursor: "inset-0"
       },
       light: {
-        tabList: "bg-transparent",
+        tabList: "bg-transparent dark:bg-transparent",
         cursor: "inset-0"
       },
       underlined: {
-        tabList: "bg-transparent",
+        tabList: "bg-transparent dark:bg-transparent",
         cursor: "h-[2px] w-[80%] bottom-0 shadow-[0_1px_0px_0_rgba(0,0,0,0.05)]"
       },
       bordered: {
-        tabList: "bg-transparent border-1 border-default-200 shadow-sm",
+        tabList: "bg-transparent dark:bg-transparent border-1 border-default-200 shadow-sm",
         cursor: "inset-0"
       }
     },
@@ -5936,7 +5904,7 @@ var tabs = (0, import_tailwind_variants29.tv)({
       variant: ["solid", "bordered", "light"],
       color: "default",
       class: {
-        cursor: ["bg-background", "dark:bg-default"],
+        cursor: ["bg-background", "dark:bg-default", "border border-default-100 dark:border-none"],
         tabContent: "group-data-[selected=true]:text-default-foreground"
       }
     },

package/dist/components/index.mjs

@@ -1,28 +1,16 @@
 import "../chunk-PRWEADY4.mjs";
-import {
-  spacer
-} from "../chunk-3B4SYPW2.mjs";
-import {
-  spinner
-} from "../chunk-HOQUCE4N.mjs";
 import {
   table
 } from "../chunk-U54UQOTS.mjs";
 import {
   tabs
-} from "../chunk-ODLEUC3L.mjs";
+} from "../chunk-Q7HCFO5Z.mjs";
 import {
   toggle
 } from "../chunk-42RVICJN.mjs";
 import {
   user
 } from "../chunk-ZFYINWFR.mjs";
-import {
-  modal
-} from "../chunk-7WHZSA65.mjs";
-import {
-  navbar
-} from "../chunk-WQF44BEH.mjs";
 import {
   pagination
 } from "../chunk-MVHNLIGC.mjs";
@@ -43,11 +31,11 @@ import {
   snippet
 } from "../chunk-G6KSF7PF.mjs";
 import {
-  divider
-} from "../chunk-2ENRZMQI.mjs";
+  spacer
+} from "../chunk-3B4SYPW2.mjs";
 import {
-  drip
-} from "../chunk-OIVGIOVG.mjs";
+  spinner
+} from "../chunk-HOQUCE4N.mjs";
 import {
   dropdown,
   dropdownItem,
@@ -68,12 +56,11 @@ import {
   linkAnchorClasses
 } from "../chunk-YQXYRWJP.mjs";
 import {
-  avatar,
-  avatarGroup
-} from "../chunk-LKIEW7IB.mjs";
+  modal
+} from "../chunk-2FCKB2MY.mjs";
 import {
-  badge
-} from "../chunk-IY2YC7CG.mjs";
+  navbar
+} from "../chunk-YUKQ7UM6.mjs";
 import {
   button,
   buttonGroup
@@ -94,13 +81,26 @@ import {
 import {
   code
 } from "../chunk-CU2CEJ2Y.mjs";
-import "../chunk-CMYR6AOY.mjs";
-import "../chunk-K7LK7NCE.mjs";
-import "../chunk-W3WKU3QV.mjs";
+import {
+  divider
+} from "../chunk-2ENRZMQI.mjs";
+import {
+  drip
+} from "../chunk-OIVGIOVG.mjs";
 import {
   accordion,
   accordionItem
 } from "../chunk-HNRHIJNK.mjs";
+import {
+  avatar,
+  avatarGroup
+} from "../chunk-LKIEW7IB.mjs";
+import {
+  badge
+} from "../chunk-IY2YC7CG.mjs";
+import "../chunk-CMYR6AOY.mjs";
+import "../chunk-K7LK7NCE.mjs";
+import "../chunk-W3WKU3QV.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   accordion,

package/dist/components/modal.js

@@ -107,7 +107,7 @@ var modal = (0, import_tailwind_variants.tv)({
         base: "max-w-5xl"
       },
       full: {
-        base: "my-0 max-w-full min-h-full !rounded-none"
+        base: "my-0 max-w-full h-[100dvh] !rounded-none"
       }
     },
     radius: {
@@ -155,7 +155,7 @@ var modal = (0, import_tailwind_variants.tv)({
     {
       backdrop: ["opaque", "blur"],
       class: {
-        backdrop: "w-full h-full fixed inset-0"
+        backdrop: "w-screen h-screen fixed inset-0"
       }
     }
   ]

package/dist/components/modal.mjs

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

package/dist/components/navbar.d.ts

@@ -50,11 +50,8 @@ declare const navbar: tailwind_variants.TVReturnType<{
         static: {
             base: string;
         };
-        sticky: {};
-        floating: {
+        fixed: {
             base: string;
-            wrapper: string;
-            menu: string;
         };
     };
     maxWidth: {
@@ -88,8 +85,17 @@ declare const navbar: tailwind_variants.TVReturnType<{
     isBlurred: {
         false: {
             base: string;
+            menu: string;
+        };
+        true: {
+            base: string[];
+            menu: string[];
+        };
+    };
+    disableAnimation: {
+        true: {
+            menu: string[];
         };
-        true: {};
     };
 }, {
     base: string[];
@@ -107,11 +113,8 @@ declare const navbar: tailwind_variants.TVReturnType<{
         static: {
             base: string;
         };
-        sticky: {};
-        floating: {
+        fixed: {
             base: string;
-            wrapper: string;
-            menu: string;
         };
     };
     maxWidth: {
@@ -145,8 +148,17 @@ declare const navbar: tailwind_variants.TVReturnType<{
     isBlurred: {
         false: {
             base: string;
+            menu: string;
+        };
+        true: {
+            base: string[];
+            menu: string[];
+        };
+    };
+    disableAnimation: {
+        true: {
+            menu: string[];
         };
-        true: {};
     };
 }, unknown>, unknown, undefined>;
 type NavbarVariantProps = VariantProps<typeof navbar>;

package/dist/components/navbar.js

@@ -27,26 +27,27 @@ var import_tailwind_variants = require("tailwind-variants");
 var navbar = (0, import_tailwind_variants.tv)({
   slots: {
     base: [
-      "relative",
+      "flex",
       "z-40",
       "w-full",
       "h-auto",
-      "flex",
       "items-center",
       "justify-center",
       "border-b",
-      "border-divider"
+      "border-divider",
+      "data-[menu-open=true]:border-none"
     ],
     wrapper: [
+      "z-40",
       "flex",
+      "px-6",
+      "w-full",
       "flex-row",
       "relative",
       "flex-nowrap",
       "items-center",
       "justify-between",
-      "w-full",
-      "h-[var(--navbar-height)]",
-      "px-6"
+      "h-[var(--navbar-height)]"
     ],
     toggle: [
       "group",
@@ -131,19 +132,15 @@ var navbar = (0, import_tailwind_variants.tv)({
       "data-[active=true]:font-semibold"
     ],
     menu: [
-      "z-40",
-      "hidden",
+      "z-30",
       "px-6",
-      "pt-4",
-      "absolute",
+      "pt-2",
+      "fixed",
       "max-w-full",
-      "top-[calc(var(--navbar-height)_+_1px)]",
-      "h-[calc(100vh_-_var(--navbar-height)_-_1px)]",
+      "top-[var(--navbar-height)]",
       "inset-x-0",
       "bottom-0",
       "w-screen",
-      "bg-background",
-      "data-[open=true]:flex",
       "flex-col",
       "gap-3",
       "overflow-y-auto"
@@ -155,11 +152,8 @@ var navbar = (0, import_tailwind_variants.tv)({
       static: {
         base: "static"
       },
-      sticky: {},
-      floating: {
-        base: "shadow-none border-b-0",
-        wrapper: "mt-4 mx-8 shadow-md border border-default-200 dark:border-default-100 rounded-xl",
-        menu: "mt-5 mx-8 border border-default-200 dark:border-default-100 rounded-xl max-w-[calc(100%_-_4rem)]"
+      fixed: {
+        base: "fixed top-0 inset-x-0"
       }
     },
     maxWidth: {
@@ -184,7 +178,7 @@ var navbar = (0, import_tailwind_variants.tv)({
     },
     hideOnScroll: {
       true: {
-        base: ["sticky", "top-0", "inset-x-0"]
+        base: ["fixed", "top-0", "inset-x-0"]
       }
     },
     isBordered: {
@@ -192,56 +186,30 @@ var navbar = (0, import_tailwind_variants.tv)({
     },
     isBlurred: {
       false: {
-        base: "bg-background"
+        base: "bg-background",
+        menu: "bg-background"
       },
-      true: {}
-    }
-  },
-  defaultVariants: {
-    maxWidth: "lg",
-    position: "sticky",
-    isBlurred: true
-  },
-  compoundVariants: [
-    {
-      position: ["sticky", "floating"],
-      class: {
-        base: "sticky top-0 inset-x-0"
-      }
-    },
-    {
-      isBlurred: true,
-      position: ["static", "sticky"],
-      class: {
+      true: {
         base: [
-          "backdrop-blur",
+          "backdrop-blur-lg",
+          "data-[menu-open=true]:backdrop-blur-xl",
           "backdrop-saturate-150",
-          "bg-background/80",
-          "dark:bg-background/50",
-          "data-[menu-open=true]:bg-background"
-        ]
+          "bg-background/70"
+        ],
+        menu: ["backdrop-blur-xl", "backdrop-saturate-150", "bg-background/70"]
       }
     },
-    {
-      isBlurred: true,
-      position: "floating",
-      class: {
-        base: "bg-gradient-to-b from-background to-transparent",
-        wrapper: [
-          "before:content-['']",
-          "before:block",
-          "before:z-[-1]",
-          "before:absolute",
-          "before:-top-px",
-          "before:inset-0",
-          "before:backdrop-blur",
-          "before:backdrop-saturate-150",
-          "before:bg-background/50",
-          "data-[menu-open=true]:before:bg-background"
-        ]
+    disableAnimation: {
+      true: {
+        menu: ["hidden", "h-[calc(100dvh_-_var(--navbar-height)_-_1px)]", "data-[open=true]:flex"]
       }
     }
-  ]
+  },
+  defaultVariants: {
+    maxWidth: "lg",
+    position: "fixed",
+    isBlurred: true
+  }
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/navbar.mjs

@@ -1,6 +1,6 @@
 import {
   navbar
-} from "../chunk-WQF44BEH.mjs";
+} from "../chunk-YUKQ7UM6.mjs";
 export {
   navbar
 };

package/dist/components/tabs.js

@@ -103,7 +103,7 @@ var colorVariants = {
 var tabs = (0, import_tailwind_variants.tv)({
   slots: {
     base: "inline-flex",
-    tabList: ["flex", "items-center", "gap-2", "bg-default-100", "p-1", "h-fit"],
+    tabList: ["flex", "items-center", "gap-2", "bg-content2", "dark:bg-content1", "p-1", "h-fit"],
     tab: [
       "z-0",
       "w-full",
@@ -154,15 +154,15 @@ var tabs = (0, import_tailwind_variants.tv)({
         cursor: "inset-0"
       },
       light: {
-        tabList: "bg-transparent",
+        tabList: "bg-transparent dark:bg-transparent",
         cursor: "inset-0"
       },
       underlined: {
-        tabList: "bg-transparent",
+        tabList: "bg-transparent dark:bg-transparent",
         cursor: "h-[2px] w-[80%] bottom-0 shadow-[0_1px_0px_0_rgba(0,0,0,0.05)]"
       },
       bordered: {
-        tabList: "bg-transparent border-1 border-default-200 shadow-sm",
+        tabList: "bg-transparent dark:bg-transparent border-1 border-default-200 shadow-sm",
         cursor: "inset-0"
       }
     },
@@ -284,7 +284,7 @@ var tabs = (0, import_tailwind_variants.tv)({
       variant: ["solid", "bordered", "light"],
       color: "default",
       class: {
-        cursor: ["bg-background", "dark:bg-default"],
+        cursor: ["bg-background", "dark:bg-default", "border border-default-100 dark:border-none"],
         tabContent: "group-data-[selected=true]:text-default-foreground"
       }
     },

package/dist/components/tabs.mjs

@@ -1,6 +1,6 @@
 import {
   tabs
-} from "../chunk-ODLEUC3L.mjs";
+} from "../chunk-Q7HCFO5Z.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-W3WKU3QV.mjs";

package/dist/index.js

@@ -5241,7 +5241,7 @@ var modal = (0, import_tailwind_variants23.tv)({
         base: "max-w-5xl"
       },
       full: {
-        base: "my-0 max-w-full min-h-full !rounded-none"
+        base: "my-0 max-w-full h-[100dvh] !rounded-none"
       }
     },
     radius: {
@@ -5289,7 +5289,7 @@ var modal = (0, import_tailwind_variants23.tv)({
     {
       backdrop: ["opaque", "blur"],
       class: {
-        backdrop: "w-full h-full fixed inset-0"
+        backdrop: "w-screen h-screen fixed inset-0"
       }
     }
   ]
@@ -5300,26 +5300,27 @@ var import_tailwind_variants24 = require("tailwind-variants");
 var navbar = (0, import_tailwind_variants24.tv)({
   slots: {
     base: [
-      "relative",
+      "flex",
       "z-40",
       "w-full",
       "h-auto",
-      "flex",
       "items-center",
       "justify-center",
       "border-b",
-      "border-divider"
+      "border-divider",
+      "data-[menu-open=true]:border-none"
     ],
     wrapper: [
+      "z-40",
       "flex",
+      "px-6",
+      "w-full",
       "flex-row",
       "relative",
       "flex-nowrap",
       "items-center",
       "justify-between",
-      "w-full",
-      "h-[var(--navbar-height)]",
-      "px-6"
+      "h-[var(--navbar-height)]"
     ],
     toggle: [
       "group",
@@ -5404,19 +5405,15 @@ var navbar = (0, import_tailwind_variants24.tv)({
       "data-[active=true]:font-semibold"
     ],
     menu: [
-      "z-40",
-      "hidden",
+      "z-30",
       "px-6",
-      "pt-4",
-      "absolute",
+      "pt-2",
+      "fixed",
       "max-w-full",
-      "top-[calc(var(--navbar-height)_+_1px)]",
-      "h-[calc(100vh_-_var(--navbar-height)_-_1px)]",
+      "top-[var(--navbar-height)]",
       "inset-x-0",
       "bottom-0",
       "w-screen",
-      "bg-background",
-      "data-[open=true]:flex",
       "flex-col",
       "gap-3",
       "overflow-y-auto"
@@ -5428,11 +5425,8 @@ var navbar = (0, import_tailwind_variants24.tv)({
       static: {
         base: "static"
       },
-      sticky: {},
-      floating: {
-        base: "shadow-none border-b-0",
-        wrapper: "mt-4 mx-8 shadow-md border border-default-200 dark:border-default-100 rounded-xl",
-        menu: "mt-5 mx-8 border border-default-200 dark:border-default-100 rounded-xl max-w-[calc(100%_-_4rem)]"
+      fixed: {
+        base: "fixed top-0 inset-x-0"
       }
     },
     maxWidth: {
@@ -5457,7 +5451,7 @@ var navbar = (0, import_tailwind_variants24.tv)({
     },
     hideOnScroll: {
       true: {
-        base: ["sticky", "top-0", "inset-x-0"]
+        base: ["fixed", "top-0", "inset-x-0"]
       }
     },
     isBordered: {
@@ -5465,56 +5459,30 @@ var navbar = (0, import_tailwind_variants24.tv)({
     },
     isBlurred: {
       false: {
-        base: "bg-background"
+        base: "bg-background",
+        menu: "bg-background"
       },
-      true: {}
-    }
-  },
-  defaultVariants: {
-    maxWidth: "lg",
-    position: "sticky",
-    isBlurred: true
-  },
-  compoundVariants: [
-    {
-      position: ["sticky", "floating"],
-      class: {
-        base: "sticky top-0 inset-x-0"
-      }
-    },
-    {
-      isBlurred: true,
-      position: ["static", "sticky"],
-      class: {
+      true: {
         base: [
-          "backdrop-blur",
+          "backdrop-blur-lg",
+          "data-[menu-open=true]:backdrop-blur-xl",
           "backdrop-saturate-150",
-          "bg-background/80",
-          "dark:bg-background/50",
-          "data-[menu-open=true]:bg-background"
-        ]
+          "bg-background/70"
+        ],
+        menu: ["backdrop-blur-xl", "backdrop-saturate-150", "bg-background/70"]
       }
     },
-    {
-      isBlurred: true,
-      position: "floating",
-      class: {
-        base: "bg-gradient-to-b from-background to-transparent",
-        wrapper: [
-          "before:content-['']",
-          "before:block",
-          "before:z-[-1]",
-          "before:absolute",
-          "before:-top-px",
-          "before:inset-0",
-          "before:backdrop-blur",
-          "before:backdrop-saturate-150",
-          "before:bg-background/50",
-          "data-[menu-open=true]:before:bg-background"
-        ]
+    disableAnimation: {
+      true: {
+        menu: ["hidden", "h-[calc(100dvh_-_var(--navbar-height)_-_1px)]", "data-[open=true]:flex"]
       }
     }
-  ]
+  },
+  defaultVariants: {
+    maxWidth: "lg",
+    position: "fixed",
+    isBlurred: true
+  }
 });
 
 // src/components/table.ts
@@ -5787,7 +5755,7 @@ var import_tailwind_variants29 = require("tailwind-variants");
 var tabs = (0, import_tailwind_variants29.tv)({
   slots: {
     base: "inline-flex",
-    tabList: ["flex", "items-center", "gap-2", "bg-default-100", "p-1", "h-fit"],
+    tabList: ["flex", "items-center", "gap-2", "bg-content2", "dark:bg-content1", "p-1", "h-fit"],
     tab: [
       "z-0",
       "w-full",
@@ -5838,15 +5806,15 @@ var tabs = (0, import_tailwind_variants29.tv)({
         cursor: "inset-0"
       },
       light: {
-        tabList: "bg-transparent",
+        tabList: "bg-transparent dark:bg-transparent",
         cursor: "inset-0"
       },
       underlined: {
-        tabList: "bg-transparent",
+        tabList: "bg-transparent dark:bg-transparent",
         cursor: "h-[2px] w-[80%] bottom-0 shadow-[0_1px_0px_0_rgba(0,0,0,0.05)]"
       },
       bordered: {
-        tabList: "bg-transparent border-1 border-default-200 shadow-sm",
+        tabList: "bg-transparent dark:bg-transparent border-1 border-default-200 shadow-sm",
         cursor: "inset-0"
       }
     },
@@ -5968,7 +5936,7 @@ var tabs = (0, import_tailwind_variants29.tv)({
       variant: ["solid", "bordered", "light"],
       color: "default",
       class: {
-        cursor: ["bg-background", "dark:bg-default"],
+        cursor: ["bg-background", "dark:bg-default", "border border-default-100 dark:border-none"],
         tabContent: "group-data-[selected=true]:text-default-foreground"
       }
     },
@@ -6628,6 +6596,11 @@ var utilities = {
     "transition-timing-function": "ease",
     "transition-duration": DEFAULT_TRANSITION_DURATION
   },
+  ".transition-height": {
+    "transition-property": "height",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
   ".transition-left": {
     "transition-property": "left",
     "transition-timing-function": "ease",

package/dist/index.mjs

@@ -1,28 +1,16 @@
 import "./chunk-PRWEADY4.mjs";
-import {
-  spacer
-} from "./chunk-3B4SYPW2.mjs";
-import {
-  spinner
-} from "./chunk-HOQUCE4N.mjs";
 import {
   table
 } from "./chunk-U54UQOTS.mjs";
 import {
   tabs
-} from "./chunk-ODLEUC3L.mjs";
+} from "./chunk-Q7HCFO5Z.mjs";
 import {
   toggle
 } from "./chunk-42RVICJN.mjs";
 import {
   user
 } from "./chunk-ZFYINWFR.mjs";
-import {
-  modal
-} from "./chunk-7WHZSA65.mjs";
-import {
-  navbar
-} from "./chunk-WQF44BEH.mjs";
 import {
   pagination
 } from "./chunk-MVHNLIGC.mjs";
@@ -43,11 +31,11 @@ import {
   snippet
 } from "./chunk-G6KSF7PF.mjs";
 import {
-  divider
-} from "./chunk-2ENRZMQI.mjs";
+  spacer
+} from "./chunk-3B4SYPW2.mjs";
 import {
-  drip
-} from "./chunk-OIVGIOVG.mjs";
+  spinner
+} from "./chunk-HOQUCE4N.mjs";
 import {
   dropdown,
   dropdownItem,
@@ -68,12 +56,11 @@ import {
   linkAnchorClasses
 } from "./chunk-YQXYRWJP.mjs";
 import {
-  avatar,
-  avatarGroup
-} from "./chunk-LKIEW7IB.mjs";
+  modal
+} from "./chunk-2FCKB2MY.mjs";
 import {
-  badge
-} from "./chunk-IY2YC7CG.mjs";
+  navbar
+} from "./chunk-YUKQ7UM6.mjs";
 import {
   button,
   buttonGroup
@@ -94,19 +81,32 @@ import {
 import {
   code
 } from "./chunk-CU2CEJ2Y.mjs";
-import "./chunk-CMYR6AOY.mjs";
-import "./chunk-K7LK7NCE.mjs";
 import {
-  colorVariants
-} from "./chunk-W3WKU3QV.mjs";
+  divider
+} from "./chunk-2ENRZMQI.mjs";
+import {
+  drip
+} from "./chunk-OIVGIOVG.mjs";
 import {
   accordion,
   accordionItem
 } from "./chunk-HNRHIJNK.mjs";
+import {
+  avatar,
+  avatarGroup
+} from "./chunk-LKIEW7IB.mjs";
+import {
+  badge
+} from "./chunk-IY2YC7CG.mjs";
+import "./chunk-CMYR6AOY.mjs";
+import "./chunk-K7LK7NCE.mjs";
+import {
+  colorVariants
+} from "./chunk-W3WKU3QV.mjs";
 import {
   nextui
-} from "./chunk-45VMNIGW.mjs";
-import "./chunk-GKMFQDRM.mjs";
+} from "./chunk-K2K46ZNI.mjs";
+import "./chunk-JH2TR6BI.mjs";
 import {
   absoluteFullClasses,
   baseStyles,

package/dist/plugin.js

@@ -431,6 +431,11 @@ var utilities = {
     "transition-timing-function": "ease",
     "transition-duration": DEFAULT_TRANSITION_DURATION
   },
+  ".transition-height": {
+    "transition-property": "height",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
   ".transition-left": {
     "transition-property": "left",
     "transition-timing-function": "ease",

package/dist/plugin.mjs

@@ -1,7 +1,7 @@
 import {
   nextui
-} from "./chunk-45VMNIGW.mjs";
-import "./chunk-GKMFQDRM.mjs";
+} from "./chunk-K2K46ZNI.mjs";
+import "./chunk-JH2TR6BI.mjs";
 import "./chunk-INZK6TTL.mjs";
 import "./chunk-WQEDQHKX.mjs";
 import "./chunk-CNGIMNA5.mjs";

package/dist/utilities/index.d.ts

@@ -47,6 +47,11 @@ declare const utilities: {
         "transition-timing-function": string;
         "transition-duration": string;
     };
+    ".transition-height": {
+        "transition-property": string;
+        "transition-timing-function": string;
+        "transition-duration": string;
+    };
     ".transition-left": {
         "transition-property": string;
         "transition-timing-function": string;

package/dist/utilities/index.js

@@ -67,6 +67,11 @@ var utilities = {
     "transition-timing-function": "ease",
     "transition-duration": DEFAULT_TRANSITION_DURATION
   },
+  ".transition-height": {
+    "transition-property": "height",
+    "transition-timing-function": "ease",
+    "transition-duration": DEFAULT_TRANSITION_DURATION
+  },
   ".transition-left": {
     "transition-property": "left",
     "transition-timing-function": "ease",

package/dist/utilities/index.mjs

@@ -1,6 +1,6 @@
 import {
   utilities
-} from "../chunk-GKMFQDRM.mjs";
+} from "../chunk-JH2TR6BI.mjs";
 export {
   utilities
 };

package/package.json

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