@nextui-org/theme 0.0.0-dev-v2-20230407125356 → 0.0.0-dev-v2-20230407155017

package/dist/{chunk-7MQD7UA2.mjs → chunk-GCEW7NA5.mjs}

@@ -1,6 +1,6 @@
 import {
   semanticColors
-} from "./chunk-Y52EXP4A.mjs";
+} from "./chunk-KOJ773XJ.mjs";
 import {
   commonColors
 } from "./chunk-CRCBVLUP.mjs";

package/dist/{chunk-BM7LX6FA.mjs → chunk-ODRVDB5Z.mjs}

@@ -22,6 +22,7 @@ var popover = tv({
       "text-base",
       "!outline-none"
     ],
+    trigger: [],
     arrow: [
       "-z-10",
       "absolute",
@@ -64,9 +65,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 },
@@ -93,12 +94,20 @@ var popover = tv({
     },
     disableAnimation: {
       true: { base: "animate-none" }
+    },
+    isTriggerForeground: {
+      true: {},
+      false: {
+        trigger: ["aria-expanded:scale-95", "aria-expanded:opacity-70", "subpixel-antialiased"]
+      }
     }
   },
   defaultVariants: {
     variant: "solid",
     color: "neutral",
-    radius: "lg"
+    radius: "xl",
+    disableAnimation: false,
+    isTriggerForeground: false
   },
   compoundVariants: [
     {

package/dist/{chunk-56MY6KYG.mjs → chunk-YTKG6BAD.mjs}

@@ -1,21 +1,21 @@
 import {
-  baseStyles
-} from "./chunk-IJCHUO4J.mjs";
+  animations
+} from "./chunk-7QLHM6OE.mjs";
 import {
   utilities
 } from "./chunk-XLATS5QU.mjs";
 import {
   semanticColors
-} from "./chunk-Y52EXP4A.mjs";
+} from "./chunk-KOJ773XJ.mjs";
+import {
+  commonColors
+} from "./chunk-CRCBVLUP.mjs";
 import {
   removeDefaultKeys
 } from "./chunk-37PIXVP4.mjs";
 import {
-  animations
-} from "./chunk-7QLHM6OE.mjs";
-import {
-  commonColors
-} from "./chunk-CRCBVLUP.mjs";
+  baseStyles
+} from "./chunk-IJCHUO4J.mjs";
 
 // src/plugin.ts
 import Color from "color";

package/dist/colors/index.mjs

@@ -1,10 +1,9 @@
 import {
   colors
-} from "../chunk-7MQD7UA2.mjs";
+} from "../chunk-GCEW7NA5.mjs";
 import {
   semanticColors
-} from "../chunk-Y52EXP4A.mjs";
-import "../chunk-37PIXVP4.mjs";
+} from "../chunk-KOJ773XJ.mjs";
 import "../chunk-M63AFAHO.mjs";
 import {
   commonColors
@@ -16,6 +15,7 @@ import "../chunk-Y4YW5MKL.mjs";
 import "../chunk-KZJBCC2H.mjs";
 import "../chunk-T3GWIVAM.mjs";
 import "../chunk-OR5PUD24.mjs";
+import "../chunk-37PIXVP4.mjs";
 export {
   colors,
   commonColors,

package/dist/colors/semantic.mjs

@@ -2,8 +2,7 @@ import {
   semanticColors,
   semanticColorsDark,
   semanticColorsLight
-} from "../chunk-Y52EXP4A.mjs";
-import "../chunk-37PIXVP4.mjs";
+} from "../chunk-KOJ773XJ.mjs";
 import "../chunk-CRCBVLUP.mjs";
 import "../chunk-DCEG5LGX.mjs";
 import "../chunk-L2OL7R23.mjs";
@@ -12,6 +11,7 @@ import "../chunk-Y4YW5MKL.mjs";
 import "../chunk-KZJBCC2H.mjs";
 import "../chunk-T3GWIVAM.mjs";
 import "../chunk-OR5PUD24.mjs";
+import "../chunk-37PIXVP4.mjs";
 export {
   semanticColors,
   semanticColorsDark,

package/dist/colors.mjs

@@ -1,11 +1,10 @@
 import "./chunk-WQEDQHKX.mjs";
 import {
   colors
-} from "./chunk-7MQD7UA2.mjs";
+} from "./chunk-GCEW7NA5.mjs";
 import {
   semanticColors
-} from "./chunk-Y52EXP4A.mjs";
-import "./chunk-37PIXVP4.mjs";
+} from "./chunk-KOJ773XJ.mjs";
 import "./chunk-M63AFAHO.mjs";
 import {
   commonColors
@@ -17,6 +16,7 @@ import "./chunk-Y4YW5MKL.mjs";
 import "./chunk-KZJBCC2H.mjs";
 import "./chunk-T3GWIVAM.mjs";
 import "./chunk-OR5PUD24.mjs";
+import "./chunk-37PIXVP4.mjs";
 export {
   colors,
   commonColors,

package/dist/components/index.js

@@ -1172,6 +1172,7 @@ var popover = (0, import_tailwind_variants11.tv)({
       "text-base",
       "!outline-none"
     ],
+    trigger: [],
     arrow: [
       "-z-10",
       "absolute",
@@ -1214,9 +1215,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 },
@@ -1243,12 +1244,20 @@ var popover = (0, import_tailwind_variants11.tv)({
     },
     disableAnimation: {
       true: { base: "animate-none" }
+    },
+    isTriggerForeground: {
+      true: {},
+      false: {
+        trigger: ["aria-expanded:scale-95", "aria-expanded:opacity-70", "subpixel-antialiased"]
+      }
     }
   },
   defaultVariants: {
     variant: "solid",
     color: "neutral",
-    radius: "lg"
+    radius: "xl",
+    disableAnimation: false,
+    isTriggerForeground: false
   },
   compoundVariants: [
     {

package/dist/components/index.mjs

@@ -1,10 +1,25 @@
 import "../chunk-O2BO77DA.mjs";
+import {
+  radio
+} from "../chunk-Y37XC5QN.mjs";
+import {
+  snippet
+} from "../chunk-QMP2FDFR.mjs";
+import {
+  spinner
+} from "../chunk-CO6ANWRA.mjs";
 import {
   toggle
 } from "../chunk-GJCSKHK6.mjs";
 import {
   user
 } from "../chunk-FS36US4S.mjs";
+import {
+  drip
+} from "../chunk-OIVGIOVG.mjs";
+import {
+  input
+} from "../chunk-6YCEBN5V.mjs";
 import {
   link
 } from "../chunk-5OE5CWK6.mjs";
@@ -13,7 +28,7 @@ import {
 } from "../chunk-7BYRB2YS.mjs";
 import {
   popover
-} from "../chunk-BM7LX6FA.mjs";
+} from "../chunk-ODRVDB5Z.mjs";
 import {
   progress
 } from "../chunk-I7DM7NL7.mjs";
@@ -21,14 +36,14 @@ import {
   radioGroup
 } from "../chunk-HHWXPWYN.mjs";
 import {
-  radio
-} from "../chunk-Y37XC5QN.mjs";
+  buttonGroup
+} from "../chunk-VKFQ7EZN.mjs";
 import {
-  snippet
-} from "../chunk-QMP2FDFR.mjs";
+  button
+} from "../chunk-BD2KW4ZD.mjs";
 import {
-  spinner
-} from "../chunk-CO6ANWRA.mjs";
+  card
+} from "../chunk-HESJI33K.mjs";
 import {
   checkboxGroup
 } from "../chunk-U77YMEWM.mjs";
@@ -44,12 +59,6 @@ import {
 import {
   code
 } from "../chunk-B5S7HT6N.mjs";
-import {
-  drip
-} from "../chunk-OIVGIOVG.mjs";
-import {
-  input
-} from "../chunk-6YCEBN5V.mjs";
 import {
   accordionItem
 } from "../chunk-RD42SVXB.mjs";
@@ -65,15 +74,6 @@ import {
 import {
   badge
 } from "../chunk-5Z3NCB7W.mjs";
-import {
-  buttonGroup
-} from "../chunk-VKFQ7EZN.mjs";
-import {
-  button
-} from "../chunk-BD2KW4ZD.mjs";
-import {
-  card
-} from "../chunk-HESJI33K.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-LGGZKBOO.mjs";

package/dist/components/popover.d.ts

@@ -5,11 +5,11 @@ import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
 /**
  * Popover wrapper **Tailwind Variants** component
  *
- * const { base, arrow } = popover({...})
+ * const { base, trigger, arrow } = popover({...})
  *
  * @example
  * <div>
- *  <button>your trigger</button>
+ *  <button className={trigger()} aria-expanded="true/false">your trigger</button>
  *  <div className={base()}>
  *    // popover content
  *    <span className={arrow()} data-placement="top/bottom/left/right..." /> // arrow
@@ -38,6 +38,7 @@ declare const popover: tailwind_variants.TVReturnType<{
         };
         shadow: {
             base: string;
+            arrow: string;
         };
     };
     color: {
@@ -96,8 +97,15 @@ declare const popover: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    isTriggerForeground: {
+        true: {};
+        false: {
+            trigger: string[];
+        };
+    };
 }, unknown, {
     base: string[];
+    trigger: never[];
     arrow: string[];
 }, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
     variant: {
@@ -121,6 +129,7 @@ declare const popover: tailwind_variants.TVReturnType<{
         };
         shadow: {
             base: string;
+            arrow: string;
         };
     };
     color: {
@@ -179,6 +188,12 @@ declare const popover: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    isTriggerForeground: {
+        true: {};
+        false: {
+            trigger: string[];
+        };
+    };
 }, unknown>>;
 type PopoverVariantProps = VariantProps<typeof popover>;
 type PopoverSlots = keyof ReturnType<typeof popover>;

package/dist/components/popover.js

@@ -125,6 +125,7 @@ var popover = (0, import_tailwind_variants.tv)({
       "text-base",
       "!outline-none"
     ],
+    trigger: [],
     arrow: [
       "-z-10",
       "absolute",
@@ -167,9 +168,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 },
@@ -196,12 +197,20 @@ var popover = (0, import_tailwind_variants.tv)({
     },
     disableAnimation: {
       true: { base: "animate-none" }
+    },
+    isTriggerForeground: {
+      true: {},
+      false: {
+        trigger: ["aria-expanded:scale-95", "aria-expanded:opacity-70", "subpixel-antialiased"]
+      }
     }
   },
   defaultVariants: {
     variant: "solid",
     color: "neutral",
-    radius: "lg"
+    radius: "xl",
+    disableAnimation: false,
+    isTriggerForeground: false
   },
   compoundVariants: [
     {

package/dist/components/popover.mjs

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

package/dist/index.js

@@ -1195,6 +1195,7 @@ var popover = (0, import_tailwind_variants11.tv)({
       "text-base",
       "!outline-none"
     ],
+    trigger: [],
     arrow: [
       "-z-10",
       "absolute",
@@ -1237,9 +1238,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 },
@@ -1266,12 +1267,20 @@ var popover = (0, import_tailwind_variants11.tv)({
     },
     disableAnimation: {
       true: { base: "animate-none" }
+    },
+    isTriggerForeground: {
+      true: {},
+      false: {
+        trigger: ["aria-expanded:scale-95", "aria-expanded:opacity-70", "subpixel-antialiased"]
+      }
     }
   },
   defaultVariants: {
     variant: "solid",
     color: "neutral",
-    radius: "lg"
+    radius: "xl",
+    disableAnimation: false,
+    isTriggerForeground: false
   },
   compoundVariants: [
     {

package/dist/index.mjs

@@ -1,10 +1,25 @@
 import "./chunk-O2BO77DA.mjs";
+import {
+  radio
+} from "./chunk-Y37XC5QN.mjs";
+import {
+  snippet
+} from "./chunk-QMP2FDFR.mjs";
+import {
+  spinner
+} from "./chunk-CO6ANWRA.mjs";
 import {
   toggle
 } from "./chunk-GJCSKHK6.mjs";
 import {
   user
 } from "./chunk-FS36US4S.mjs";
+import {
+  drip
+} from "./chunk-OIVGIOVG.mjs";
+import {
+  input
+} from "./chunk-6YCEBN5V.mjs";
 import {
   link
 } from "./chunk-5OE5CWK6.mjs";
@@ -13,7 +28,7 @@ import {
 } from "./chunk-7BYRB2YS.mjs";
 import {
   popover
-} from "./chunk-BM7LX6FA.mjs";
+} from "./chunk-ODRVDB5Z.mjs";
 import {
   progress
 } from "./chunk-I7DM7NL7.mjs";
@@ -21,14 +36,14 @@ import {
   radioGroup
 } from "./chunk-HHWXPWYN.mjs";
 import {
-  radio
-} from "./chunk-Y37XC5QN.mjs";
+  buttonGroup
+} from "./chunk-VKFQ7EZN.mjs";
 import {
-  snippet
-} from "./chunk-QMP2FDFR.mjs";
+  button
+} from "./chunk-BD2KW4ZD.mjs";
 import {
-  spinner
-} from "./chunk-CO6ANWRA.mjs";
+  card
+} from "./chunk-HESJI33K.mjs";
 import {
   checkboxGroup
 } from "./chunk-U77YMEWM.mjs";
@@ -45,11 +60,29 @@ import {
   code
 } from "./chunk-B5S7HT6N.mjs";
 import {
-  drip
-} from "./chunk-OIVGIOVG.mjs";
+  nextui
+} from "./chunk-YTKG6BAD.mjs";
+import "./chunk-7QLHM6OE.mjs";
+import "./chunk-XLATS5QU.mjs";
+import "./chunk-WQEDQHKX.mjs";
 import {
-  input
-} from "./chunk-6YCEBN5V.mjs";
+  colors
+} from "./chunk-GCEW7NA5.mjs";
+import {
+  semanticColors
+} from "./chunk-KOJ773XJ.mjs";
+import "./chunk-M63AFAHO.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";
+import "./chunk-37PIXVP4.mjs";
 import {
   accordionItem
 } from "./chunk-RD42SVXB.mjs";
@@ -65,23 +98,11 @@ import {
 import {
   badge
 } from "./chunk-5Z3NCB7W.mjs";
-import {
-  buttonGroup
-} from "./chunk-VKFQ7EZN.mjs";
-import {
-  button
-} from "./chunk-BD2KW4ZD.mjs";
-import {
-  card
-} from "./chunk-HESJI33K.mjs";
 import "./chunk-CMYR6AOY.mjs";
 import "./chunk-K7LK7NCE.mjs";
 import {
   colorVariants
 } from "./chunk-LGGZKBOO.mjs";
-import {
-  nextui
-} from "./chunk-56MY6KYG.mjs";
 import {
   absoluteFullClasses,
   baseStyles,
@@ -89,27 +110,6 @@ import {
   ringClasses,
   translateCenterClasses
 } from "./chunk-IJCHUO4J.mjs";
-import "./chunk-XLATS5QU.mjs";
-import "./chunk-WQEDQHKX.mjs";
-import {
-  colors
-} from "./chunk-7MQD7UA2.mjs";
-import {
-  semanticColors
-} from "./chunk-Y52EXP4A.mjs";
-import "./chunk-37PIXVP4.mjs";
-import "./chunk-M63AFAHO.mjs";
-import "./chunk-7QLHM6OE.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,14 +1,12 @@
 import {
   nextui
-} from "./chunk-56MY6KYG.mjs";
-import "./chunk-IJCHUO4J.mjs";
+} from "./chunk-YTKG6BAD.mjs";
+import "./chunk-7QLHM6OE.mjs";
 import "./chunk-XLATS5QU.mjs";
 import "./chunk-WQEDQHKX.mjs";
-import "./chunk-7MQD7UA2.mjs";
-import "./chunk-Y52EXP4A.mjs";
-import "./chunk-37PIXVP4.mjs";
+import "./chunk-GCEW7NA5.mjs";
+import "./chunk-KOJ773XJ.mjs";
 import "./chunk-M63AFAHO.mjs";
-import "./chunk-7QLHM6OE.mjs";
 import "./chunk-CRCBVLUP.mjs";
 import "./chunk-DCEG5LGX.mjs";
 import "./chunk-L2OL7R23.mjs";
@@ -17,6 +15,8 @@ import "./chunk-Y4YW5MKL.mjs";
 import "./chunk-KZJBCC2H.mjs";
 import "./chunk-T3GWIVAM.mjs";
 import "./chunk-OR5PUD24.mjs";
+import "./chunk-37PIXVP4.mjs";
+import "./chunk-IJCHUO4J.mjs";
 export {
   nextui
 };

package/package.json

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

package/dist/{chunk-Y52EXP4A.mjs → chunk-KOJ773XJ.mjs}

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