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

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

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

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-GYSMGV7B.mjs → chunk-GBPOVFEX.mjs}

@@ -3,8 +3,7 @@ import { tv } from "tailwind-variants";
 var kbd = tv({
   slots: {
     base: [
-      "px-2",
-      "py-1",
+      "px-1",
       "inline-block",
       "space-x-0.5",
       "font-sans",

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

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

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

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

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-MVHNLIGC.mjs → chunk-K55AW2NU.mjs}

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

package/dist/{chunk-WQF44BEH.mjs → chunk-LWJT5D6G.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",
@@ -30,7 +31,7 @@ var navbar = tv({
       "items-center",
       "justify-center",
       "w-6",
-      "h-10",
+      "h-full",
       "outline-none",
       "rounded-sm",
       "data-[focus-visible=true]:outline-none",
@@ -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/{chunk-LKIEW7IB.mjs → chunk-MWWMIOTS.mjs}

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

package/dist/{chunk-IY2YC7CG.mjs → chunk-NASOHMPB.mjs}

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

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

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

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

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-W3WKU3QV.mjs";
+} from "./chunk-I4OYRSA7.mjs";
 
 // src/components/tabs.ts
 import { tv } from "tailwind-variants";
@@ -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-3L2LTGPE.mjs → chunk-TO7LQPC3.mjs}

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

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

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-W3WKU3QV.mjs";
+} from "./chunk-I4OYRSA7.mjs";
 
 // src/components/button.ts
 import { tv } from "tailwind-variants";
@@ -250,32 +250,32 @@ var button = tv({
     {
       variant: "light",
       color: "default",
-      class: [colorVariants.light.default, "data-[hover=true]:bg-default-100"]
+      class: [colorVariants.light.default, "data-[hover=true]:bg-default-100/50"]
     },
     {
       variant: "light",
       color: "primary",
-      class: [colorVariants.light.primary, "data-[hover=true]:bg-primary-50"]
+      class: [colorVariants.light.primary, "data-[hover=true]:bg-primary-100/50"]
     },
     {
       variant: "light",
       color: "secondary",
-      class: [colorVariants.light.secondary, "data-[hover=true]:bg-secondary-100"]
+      class: [colorVariants.light.secondary, "data-[hover=true]:bg-secondary-100/50"]
     },
     {
       variant: "light",
       color: "success",
-      class: [colorVariants.light.success, "data-[hover=true]:bg-success-50"]
+      class: [colorVariants.light.success, "data-[hover=true]:bg-success-100/50"]
     },
     {
       variant: "light",
       color: "warning",
-      class: [colorVariants.light.warning, "data-[hover=true]:bg-warning-50"]
+      class: [colorVariants.light.warning, "data-[hover=true]:bg-warning-100/50"]
     },
     {
       variant: "light",
       color: "danger",
-      class: [colorVariants.light.danger, "data-[hover=true]:bg-danger-50"]
+      class: [colorVariants.light.danger, "data-[hover=true]:bg-danger-100/50"]
     },
     {
       variant: "ghost",

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

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

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

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-W3WKU3QV.mjs";
+} from "./chunk-I4OYRSA7.mjs";
 
 // src/components/popover.ts
 import { tv } from "tailwind-variants";
@@ -72,7 +72,7 @@ var popover = tv({
     },
     color: {
       default: {
-        base: "bg-background dark:bg-content1"
+        base: "bg-background dark:bg-content1 border border-default-100"
       },
       foreground: {
         base: colorVariants.solid.foreground

package/dist/{chunk-3YM7ZXUG.mjs → chunk-Z5FFO6RH.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/colors/common.mjs

@@ -1,13 +1,13 @@
 import {
   commonColors
-} from "../chunk-CRCBVLUP.mjs";
-import "../chunk-DCEG5LGX.mjs";
-import "../chunk-L2OL7R23.mjs";
+} 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";
 export {
   commonColors
 };

package/dist/colors/index.mjs

@@ -1,21 +1,21 @@
 import {
   colors
-} from "../chunk-CNGIMNA5.mjs";
+} from "../chunk-PFNGC6IG.mjs";
 import {
   semanticColors
-} from "../chunk-3YM7ZXUG.mjs";
-import "../chunk-37PIXVP4.mjs";
+} from "../chunk-Z5FFO6RH.mjs";
 import "../chunk-M63AFAHO.mjs";
 import {
   commonColors
-} from "../chunk-CRCBVLUP.mjs";
-import "../chunk-DCEG5LGX.mjs";
-import "../chunk-L2OL7R23.mjs";
+} 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";
 export {
   colors,
   commonColors,

package/dist/colors/semantic.mjs

@@ -2,16 +2,16 @@ import {
   semanticColors,
   semanticColorsDark,
   semanticColorsLight
-} from "../chunk-3YM7ZXUG.mjs";
-import "../chunk-37PIXVP4.mjs";
-import "../chunk-CRCBVLUP.mjs";
-import "../chunk-DCEG5LGX.mjs";
-import "../chunk-L2OL7R23.mjs";
+} from "../chunk-Z5FFO6RH.mjs";
+import "../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";
 export {
   semanticColors,
   semanticColorsDark,

package/dist/colors.mjs

@@ -1,22 +1,22 @@
 import "./chunk-WQEDQHKX.mjs";
 import {
   colors
-} from "./chunk-CNGIMNA5.mjs";
+} from "./chunk-PFNGC6IG.mjs";
 import {
   semanticColors
-} from "./chunk-3YM7ZXUG.mjs";
-import "./chunk-37PIXVP4.mjs";
+} from "./chunk-Z5FFO6RH.mjs";
 import "./chunk-M63AFAHO.mjs";
 import {
   commonColors
-} from "./chunk-CRCBVLUP.mjs";
-import "./chunk-DCEG5LGX.mjs";
-import "./chunk-L2OL7R23.mjs";
+} 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";
 export {
   colors,
   commonColors,