@nextui-org/theme 0.0.0-dev-v2-20230407131834 → 0.0.0-dev-v2-20230407185204

package/dist/{chunk-O6WKKOLY.mjs → chunk-NOS5D5X5.mjs}

@@ -22,7 +22,8 @@ var popover = tv({
       "text-base",
       "!outline-none"
     ],
-    trigger: [],
+    trigger: ["z-10"],
+    backdrop: ["hidden"],
     arrow: [
       "-z-10",
       "absolute",
@@ -65,9 +66,9 @@ var popover = tv({
         arrow: "border-2 border-inherit !bg-background"
       },
       light: { base: "!bg-transparent", arrow: "hidden" },
-      faded: { base: "border-1.5", arrow: "border-1.5 border-inherit" },
+      faded: { base: "border", arrow: "border border-inherit" },
       flat: { base: "" },
-      shadow: { base: "" }
+      shadow: { base: "border border-neutral-100", arrow: "border border-neutral-100" }
     },
     color: {
       neutral: { base: colorVariants.solid.neutral },
@@ -87,27 +88,39 @@ var popover = tv({
       xl: { base: "rounded-xl" },
       full: { base: "rounded-full" }
     },
+    backdropVariant: {
+      transparent: {},
+      opaque: {
+        backdrop: "bg-black/30 backdrop-opacity-50"
+      },
+      blur: {
+        backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/20"
+      }
+    },
     isFocusVisible: {
       true: {
         base: [...ringClasses]
       }
     },
-    disableAnimation: {
-      true: { base: "animate-none" }
-    },
-    isTriggerForeground: {
-      true: {},
-      false: {
+    triggerScaleOnOpen: {
+      true: {
         trigger: ["aria-expanded:scale-95", "aria-expanded:opacity-70", "subpixel-antialiased"]
+      },
+      false: {}
+    },
+    disableAnimation: {
+      true: {
+        base: "animate-none"
       }
     }
   },
   defaultVariants: {
     variant: "solid",
     color: "neutral",
-    radius: "lg",
+    radius: "xl",
+    backdropVariant: "transparent",
     disableAnimation: false,
-    isTriggerForeground: false
+    triggerScaleOnOpen: true
   },
   compoundVariants: [
     {
@@ -286,6 +299,12 @@ var popover = tv({
       variant: "light",
       color: "danger",
       class: { base: colorVariants.light.danger }
+    },
+    {
+      backdropVariant: ["opaque", "blur"],
+      class: {
+        backdrop: "block w-full h-full fixed inset-0 -z-30"
+      }
     }
   ]
 });

package/dist/components/index.js

@@ -1172,7 +1172,8 @@ var popover = (0, import_tailwind_variants11.tv)({
       "text-base",
       "!outline-none"
     ],
-    trigger: [],
+    trigger: ["z-10"],
+    backdrop: ["hidden"],
     arrow: [
       "-z-10",
       "absolute",
@@ -1215,9 +1216,9 @@ var popover = (0, import_tailwind_variants11.tv)({
         arrow: "border-2 border-inherit !bg-background"
       },
       light: { base: "!bg-transparent", arrow: "hidden" },
-      faded: { base: "border-1.5", arrow: "border-1.5 border-inherit" },
+      faded: { base: "border", arrow: "border border-inherit" },
       flat: { base: "" },
-      shadow: { base: "" }
+      shadow: { base: "border border-neutral-100", arrow: "border border-neutral-100" }
     },
     color: {
       neutral: { base: colorVariants.solid.neutral },
@@ -1237,27 +1238,39 @@ var popover = (0, import_tailwind_variants11.tv)({
       xl: { base: "rounded-xl" },
       full: { base: "rounded-full" }
     },
+    backdropVariant: {
+      transparent: {},
+      opaque: {
+        backdrop: "bg-black/30 backdrop-opacity-50"
+      },
+      blur: {
+        backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/20"
+      }
+    },
     isFocusVisible: {
       true: {
         base: [...ringClasses]
       }
     },
-    disableAnimation: {
-      true: { base: "animate-none" }
-    },
-    isTriggerForeground: {
-      true: {},
-      false: {
+    triggerScaleOnOpen: {
+      true: {
         trigger: ["aria-expanded:scale-95", "aria-expanded:opacity-70", "subpixel-antialiased"]
+      },
+      false: {}
+    },
+    disableAnimation: {
+      true: {
+        base: "animate-none"
       }
     }
   },
   defaultVariants: {
     variant: "solid",
     color: "neutral",
-    radius: "lg",
+    radius: "xl",
+    backdropVariant: "transparent",
     disableAnimation: false,
-    isTriggerForeground: false
+    triggerScaleOnOpen: true
   },
   compoundVariants: [
     {
@@ -1436,6 +1449,12 @@ var popover = (0, import_tailwind_variants11.tv)({
       variant: "light",
       color: "danger",
       class: { base: colorVariants.light.danger }
+    },
+    {
+      backdropVariant: ["opaque", "blur"],
+      class: {
+        backdrop: "block w-full h-full fixed inset-0 -z-30"
+      }
     }
   ]
 });

package/dist/components/index.mjs

@@ -7,7 +7,7 @@ import {
 } from "../chunk-7BYRB2YS.mjs";
 import {
   popover
-} from "../chunk-O6WKKOLY.mjs";
+} from "../chunk-NOS5D5X5.mjs";
 import {
   progress
 } from "../chunk-I7DM7NL7.mjs";

package/dist/components/popover.d.ts

@@ -38,6 +38,7 @@ declare const popover: tailwind_variants.TVReturnType<{
         };
         shadow: {
             base: string;
+            arrow: string;
         };
     };
     color: {
@@ -86,25 +87,35 @@ declare const popover: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    backdropVariant: {
+        transparent: {};
+        opaque: {
+            backdrop: string;
+        };
+        blur: {
+            backdrop: string;
+        };
+    };
     isFocusVisible: {
         true: {
             base: string[];
         };
     };
-    disableAnimation: {
+    triggerScaleOnOpen: {
         true: {
-            base: string;
+            trigger: string[];
         };
+        false: {};
     };
-    isTriggerForeground: {
-        true: {};
-        false: {
-            trigger: string[];
+    disableAnimation: {
+        true: {
+            base: string;
         };
     };
 }, unknown, {
     base: string[];
-    trigger: never[];
+    trigger: string[];
+    backdrop: string[];
     arrow: string[];
 }, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
     variant: {
@@ -128,6 +139,7 @@ declare const popover: tailwind_variants.TVReturnType<{
         };
         shadow: {
             base: string;
+            arrow: string;
         };
     };
     color: {
@@ -176,20 +188,29 @@ declare const popover: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    backdropVariant: {
+        transparent: {};
+        opaque: {
+            backdrop: string;
+        };
+        blur: {
+            backdrop: string;
+        };
+    };
     isFocusVisible: {
         true: {
             base: string[];
         };
     };
-    disableAnimation: {
+    triggerScaleOnOpen: {
         true: {
-            base: string;
+            trigger: string[];
         };
+        false: {};
     };
-    isTriggerForeground: {
-        true: {};
-        false: {
-            trigger: string[];
+    disableAnimation: {
+        true: {
+            base: string;
         };
     };
 }, unknown>>;

package/dist/components/popover.js

@@ -125,7 +125,8 @@ var popover = (0, import_tailwind_variants.tv)({
       "text-base",
       "!outline-none"
     ],
-    trigger: [],
+    trigger: ["z-10"],
+    backdrop: ["hidden"],
     arrow: [
       "-z-10",
       "absolute",
@@ -168,9 +169,9 @@ var popover = (0, import_tailwind_variants.tv)({
         arrow: "border-2 border-inherit !bg-background"
       },
       light: { base: "!bg-transparent", arrow: "hidden" },
-      faded: { base: "border-1.5", arrow: "border-1.5 border-inherit" },
+      faded: { base: "border", arrow: "border border-inherit" },
       flat: { base: "" },
-      shadow: { base: "" }
+      shadow: { base: "border border-neutral-100", arrow: "border border-neutral-100" }
     },
     color: {
       neutral: { base: colorVariants.solid.neutral },
@@ -190,27 +191,39 @@ var popover = (0, import_tailwind_variants.tv)({
       xl: { base: "rounded-xl" },
       full: { base: "rounded-full" }
     },
+    backdropVariant: {
+      transparent: {},
+      opaque: {
+        backdrop: "bg-black/30 backdrop-opacity-50"
+      },
+      blur: {
+        backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/20"
+      }
+    },
     isFocusVisible: {
       true: {
         base: [...ringClasses]
       }
     },
-    disableAnimation: {
-      true: { base: "animate-none" }
-    },
-    isTriggerForeground: {
-      true: {},
-      false: {
+    triggerScaleOnOpen: {
+      true: {
         trigger: ["aria-expanded:scale-95", "aria-expanded:opacity-70", "subpixel-antialiased"]
+      },
+      false: {}
+    },
+    disableAnimation: {
+      true: {
+        base: "animate-none"
       }
     }
   },
   defaultVariants: {
     variant: "solid",
     color: "neutral",
-    radius: "lg",
+    radius: "xl",
+    backdropVariant: "transparent",
     disableAnimation: false,
-    isTriggerForeground: false
+    triggerScaleOnOpen: true
   },
   compoundVariants: [
     {
@@ -389,6 +402,12 @@ var popover = (0, import_tailwind_variants.tv)({
       variant: "light",
       color: "danger",
       class: { base: colorVariants.light.danger }
+    },
+    {
+      backdropVariant: ["opaque", "blur"],
+      class: {
+        backdrop: "block w-full h-full fixed inset-0 -z-30"
+      }
     }
   ]
 });

package/dist/components/popover.mjs

@@ -1,6 +1,6 @@
 import {
   popover
-} from "../chunk-O6WKKOLY.mjs";
+} from "../chunk-NOS5D5X5.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-LGGZKBOO.mjs";

package/dist/index.js

@@ -1195,7 +1195,8 @@ var popover = (0, import_tailwind_variants11.tv)({
       "text-base",
       "!outline-none"
     ],
-    trigger: [],
+    trigger: ["z-10"],
+    backdrop: ["hidden"],
     arrow: [
       "-z-10",
       "absolute",
@@ -1238,9 +1239,9 @@ var popover = (0, import_tailwind_variants11.tv)({
         arrow: "border-2 border-inherit !bg-background"
       },
       light: { base: "!bg-transparent", arrow: "hidden" },
-      faded: { base: "border-1.5", arrow: "border-1.5 border-inherit" },
+      faded: { base: "border", arrow: "border border-inherit" },
       flat: { base: "" },
-      shadow: { base: "" }
+      shadow: { base: "border border-neutral-100", arrow: "border border-neutral-100" }
     },
     color: {
       neutral: { base: colorVariants.solid.neutral },
@@ -1260,27 +1261,39 @@ var popover = (0, import_tailwind_variants11.tv)({
       xl: { base: "rounded-xl" },
       full: { base: "rounded-full" }
     },
+    backdropVariant: {
+      transparent: {},
+      opaque: {
+        backdrop: "bg-black/30 backdrop-opacity-50"
+      },
+      blur: {
+        backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/20"
+      }
+    },
     isFocusVisible: {
       true: {
         base: [...ringClasses]
       }
     },
-    disableAnimation: {
-      true: { base: "animate-none" }
-    },
-    isTriggerForeground: {
-      true: {},
-      false: {
+    triggerScaleOnOpen: {
+      true: {
         trigger: ["aria-expanded:scale-95", "aria-expanded:opacity-70", "subpixel-antialiased"]
+      },
+      false: {}
+    },
+    disableAnimation: {
+      true: {
+        base: "animate-none"
       }
     }
   },
   defaultVariants: {
     variant: "solid",
     color: "neutral",
-    radius: "lg",
+    radius: "xl",
+    backdropVariant: "transparent",
     disableAnimation: false,
-    isTriggerForeground: false
+    triggerScaleOnOpen: true
   },
   compoundVariants: [
     {
@@ -1459,6 +1472,12 @@ var popover = (0, import_tailwind_variants11.tv)({
       variant: "light",
       color: "danger",
       class: { base: colorVariants.light.danger }
+    },
+    {
+      backdropVariant: ["opaque", "blur"],
+      class: {
+        backdrop: "block w-full h-full fixed inset-0 -z-30"
+      }
     }
   ]
 });

package/dist/index.mjs

@@ -7,7 +7,7 @@ import {
 } from "./chunk-7BYRB2YS.mjs";
 import {
   popover
-} from "./chunk-O6WKKOLY.mjs";
+} from "./chunk-NOS5D5X5.mjs";
 import {
   progress
 } from "./chunk-I7DM7NL7.mjs";

package/package.json

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