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

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

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

package/dist/chunk-AVGEHFT4.mjs

@@ -0,0 +1,28 @@
+// src/components/dropdown-section.ts
+import { tv } from "tailwind-variants";
+var dropdownSection = tv({
+  slots: {
+    section: "relative mb-2",
+    heading: "pl-1 text-xs text-neutral-500"
+  },
+  variants: {
+    showDivider: {
+      true: {
+        heading: [
+          "mt-2",
+          "before-content-['']",
+          "before:absolute",
+          "before:-top-1",
+          "before:left-0",
+          "before:right-0",
+          "before:h-px",
+          "before:bg-neutral-200"
+        ]
+      }
+    }
+  }
+});
+
+export {
+  dropdownSection
+};

package/dist/{chunk-YTKG6BAD.mjs → chunk-BMY6CGCY.mjs}

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

package/dist/chunk-FCYNUVAR.mjs

@@ -0,0 +1,9 @@
+// src/components/dropdown-menu.ts
+import { tv } from "tailwind-variants";
+var dropdownMenu = tv({
+  base: "w-full flex flex-col p-1"
+});
+
+export {
+  dropdownMenu
+};

package/dist/chunk-HFRML5X4.mjs

@@ -0,0 +1,363 @@
+import {
+  ringClasses
+} from "./chunk-IJCHUO4J.mjs";
+
+// src/components/dropdown-item.ts
+import { tv } from "tailwind-variants";
+var dropdownItem = tv({
+  slots: {
+    base: [
+      "flex",
+      "group",
+      "gap-2",
+      "items-center",
+      "justify-between",
+      "relative",
+      "px-2",
+      "py-1",
+      "w-full",
+      "h-full",
+      "box-border",
+      "rounded-lg",
+      "outline-none",
+      "cursor-pointer"
+    ],
+    wrapper: "w-full flex flex-col items-start justify-center",
+    title: "flex-1",
+    description: ["text-xs", "text-neutral-500", "truncate", "group-hover:text-current"],
+    selectedIcon: ["text-inherit", "w-3", "h-3", "flex-shrink-0"],
+    shortcut: [
+      "px-1",
+      "py-0.5",
+      "rounded",
+      "font-sans",
+      "opacity-60",
+      "text-inherit",
+      "text-xs",
+      "border",
+      "border-neutral-200",
+      "group-hover:border-current"
+    ]
+  },
+  variants: {
+    variant: {
+      solid: {
+        base: ""
+      },
+      bordered: {
+        base: "border-2 border-transparent bg-transparent"
+      },
+      light: {
+        base: "bg-transparent"
+      },
+      faded: {
+        base: "border border-transparent hover:border-neutral hover:bg-neutral-100"
+      },
+      flat: {
+        base: ""
+      },
+      shadow: {
+        base: "hover:shadow-lg"
+      }
+    },
+    color: {
+      neutral: {},
+      primary: {},
+      secondary: {},
+      success: {},
+      warning: {},
+      danger: {}
+    },
+    showDivider: {
+      true: {
+        base: [
+          "mt-2",
+          "before-content-['']",
+          "before:absolute",
+          "before:-top-1",
+          "before:left-0",
+          "before:right-0",
+          "before:h-px",
+          "before:bg-neutral-200"
+        ]
+      }
+    },
+    isDisabled: {
+      true: {
+        base: "opacity-50 pointer-events-none"
+      }
+    },
+    isFocusVisible: {
+      true: {
+        base: [...ringClasses]
+      }
+    },
+    disableAnimation: {
+      true: {},
+      false: {}
+    }
+  },
+  defaultVariants: {
+    variant: "solid",
+    color: "neutral",
+    disableAnimation: false
+  },
+  compoundVariants: [
+    {
+      variant: "solid",
+      color: "neutral",
+      class: {
+        base: "hover:bg-neutral hover:text-neutral-contrastText"
+      }
+    },
+    {
+      variant: "solid",
+      color: "primary",
+      class: {
+        base: "hover:bg-primary hover:text-primary-contrastText"
+      }
+    },
+    {
+      variant: "solid",
+      color: "secondary",
+      class: {
+        base: "hover:bg-secondary hover:text-secondary-contrastText"
+      }
+    },
+    {
+      variant: "solid",
+      color: "success",
+      class: {
+        base: "hover:bg-success hover:text-success-contrastText"
+      }
+    },
+    {
+      variant: "solid",
+      color: "warning",
+      class: {
+        base: "hover:bg-warning hover:text-warning-contrastText"
+      }
+    },
+    {
+      variant: "solid",
+      color: "danger",
+      class: {
+        base: "hover:bg-danger hover:text-danger-contrastText"
+      }
+    },
+    {
+      variant: "shadow",
+      color: "neutral",
+      class: {
+        base: "hover:shadow-neutral/50 hover:bg-neutral hover:text-neutral-contrastText"
+      }
+    },
+    {
+      variant: "shadow",
+      color: "primary",
+      class: {
+        base: "hover:shadow-primary/30 hover:bg-primary hover:text-primary-contrastText"
+      }
+    },
+    {
+      variant: "shadow",
+      color: "secondary",
+      class: {
+        base: "hover:shadow-secondary/30 hover:bg-secondary hover:text-secondary-contrastText"
+      }
+    },
+    {
+      variant: "shadow",
+      color: "success",
+      class: {
+        base: "hover:shadow-success/30 hover:bg-success hover:text-success-contrastText"
+      }
+    },
+    {
+      variant: "shadow",
+      color: "warning",
+      class: {
+        base: "hover:shadow-warning/30 hover:bg-warning hover:text-warning-contrastText"
+      }
+    },
+    {
+      variant: "shadow",
+      color: "danger",
+      class: {
+        base: "hover:shadow-danger/30 hover:bg-danger hover:text-danger-contrastText"
+      }
+    },
+    {
+      variant: "bordered",
+      color: "neutral",
+      class: {
+        base: "hover:border-neutral"
+      }
+    },
+    {
+      variant: "bordered",
+      color: "primary",
+      class: {
+        base: "hover:border-primary hover:text-primary"
+      }
+    },
+    {
+      variant: "bordered",
+      color: "secondary",
+      class: {
+        base: "hover:border-secondary hover:text-secondary"
+      }
+    },
+    {
+      variant: "bordered",
+      color: "success",
+      class: {
+        base: "hover:border-success hover:text-success"
+      }
+    },
+    {
+      variant: "bordered",
+      color: "warning",
+      class: {
+        base: "hover:border-warning hover:text-warning"
+      }
+    },
+    {
+      variant: "bordered",
+      color: "danger",
+      class: {
+        base: "hover:border-danger hover:text-danger"
+      }
+    },
+    {
+      variant: "flat",
+      color: "neutral",
+      class: {
+        base: "hover:bg-neutral-100 hover:text-neutral-contrastText"
+      }
+    },
+    {
+      variant: "flat",
+      color: "primary",
+      class: {
+        base: "hover:bg-primary-50 hover:text-primary"
+      }
+    },
+    {
+      variant: "flat",
+      color: "secondary",
+      class: {
+        base: "hover:bg-secondary-100 hover:text-secondary"
+      }
+    },
+    {
+      variant: "flat",
+      color: "success",
+      class: {
+        base: "hover:bg-success-50 hover:text-success"
+      }
+    },
+    {
+      variant: "flat",
+      color: "warning",
+      class: {
+        base: "hover:bg-warning-50 hover:text-warning"
+      }
+    },
+    {
+      variant: "flat",
+      color: "danger",
+      class: {
+        base: "hover:bg-danger-50 hover:text-danger"
+      }
+    },
+    {
+      variant: "faded",
+      color: "neutral",
+      class: {
+        base: "hover:text-neutral-contrastText"
+      }
+    },
+    {
+      variant: "faded",
+      color: "primary",
+      class: {
+        base: "hover:text-primary"
+      }
+    },
+    {
+      variant: "faded",
+      color: "secondary",
+      class: {
+        base: "hover:text-secondary"
+      }
+    },
+    {
+      variant: "faded",
+      color: "success",
+      class: {
+        base: "hover:text-success"
+      }
+    },
+    {
+      variant: "faded",
+      color: "warning",
+      class: {
+        base: "hover:text-warning"
+      }
+    },
+    {
+      variant: "faded",
+      color: "danger",
+      class: {
+        base: "hover:text-danger"
+      }
+    },
+    {
+      variant: "light",
+      color: "neutral",
+      class: {
+        base: "hover:text-neutral-500"
+      }
+    },
+    {
+      variant: "light",
+      color: "primary",
+      class: {
+        base: "hover:text-primary"
+      }
+    },
+    {
+      variant: "light",
+      color: "secondary",
+      class: {
+        base: "hover:text-secondary"
+      }
+    },
+    {
+      variant: "light",
+      color: "success",
+      class: {
+        base: "hover:text-success"
+      }
+    },
+    {
+      variant: "light",
+      color: "warning",
+      class: {
+        base: "hover:text-warning"
+      }
+    },
+    {
+      variant: "light",
+      color: "danger",
+      class: {
+        base: "hover:text-danger"
+      }
+    }
+  ]
+});
+
+export {
+  dropdownItem
+};

package/dist/{chunk-ODRVDB5Z.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",
@@ -87,18 +88,29 @@ 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"
       }
     }
   },
@@ -106,8 +118,9 @@ var popover = tv({
     variant: "solid",
     color: "neutral",
     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/chunk-UNMHV7HH.mjs

@@ -0,0 +1,19 @@
+// src/components/dropdown.ts
+import { tv } from "tailwind-variants";
+var dropdown = tv({
+  base: [
+    "w-full",
+    "p-1",
+    "min-w-[200px]",
+    "shadow",
+    "shadow-lg",
+    "bg-white",
+    "dark:bg-content1",
+    "border",
+    "border-neutral-100"
+  ]
+});
+
+export {
+  dropdown
+};

package/dist/colors/index.mjs

@@ -1,9 +1,10 @@
 import {
   colors
-} from "../chunk-GCEW7NA5.mjs";
+} from "../chunk-7MQD7UA2.mjs";
 import {
   semanticColors
-} from "../chunk-KOJ773XJ.mjs";
+} from "../chunk-Y52EXP4A.mjs";
+import "../chunk-37PIXVP4.mjs";
 import "../chunk-M63AFAHO.mjs";
 import {
   commonColors
@@ -15,7 +16,6 @@ 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,7 +2,8 @@ import {
   semanticColors,
   semanticColorsDark,
   semanticColorsLight
-} from "../chunk-KOJ773XJ.mjs";
+} from "../chunk-Y52EXP4A.mjs";
+import "../chunk-37PIXVP4.mjs";
 import "../chunk-CRCBVLUP.mjs";
 import "../chunk-DCEG5LGX.mjs";
 import "../chunk-L2OL7R23.mjs";
@@ -11,7 +12,6 @@ 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,10 +1,11 @@
 import "./chunk-WQEDQHKX.mjs";
 import {
   colors
-} from "./chunk-GCEW7NA5.mjs";
+} from "./chunk-7MQD7UA2.mjs";
 import {
   semanticColors
-} from "./chunk-KOJ773XJ.mjs";
+} from "./chunk-Y52EXP4A.mjs";
+import "./chunk-37PIXVP4.mjs";
 import "./chunk-M63AFAHO.mjs";
 import {
   commonColors
@@ -16,7 +17,6 @@ import "./chunk-Y4YW5MKL.mjs";
 import "./chunk-KZJBCC2H.mjs";
 import "./chunk-T3GWIVAM.mjs";
 import "./chunk-OR5PUD24.mjs";
-import "./chunk-37PIXVP4.mjs";
 export {
   colors,
   commonColors,