@nextui-org/theme 0.0.0-dev-v2-20230604204500 → 0.0.0-dev-v2-20230605023127

package/dist/chunk-GT4IHIJM.mjs

@@ -0,0 +1,170 @@
+import {
+  colorVariants
+} from "./chunk-IQPW7V4N.mjs";
+
+// src/components/popover.ts
+import { tv } from "tailwind-variants";
+var popover = tv({
+  slots: {
+    base: [
+      "z-10",
+      "inline-flex",
+      "flex-col",
+      "items-center",
+      "justify-center",
+      "box-border",
+      "subpixel-antialiased",
+      "px-4",
+      "py-1",
+      "text-base",
+      "outline-none",
+      "box-border",
+      "data-[focus-visible=true]:outline-none",
+      "data-[focus-visible=true]:ring-2",
+      "data-[focus-visible=true]:ring-primary",
+      "data-[focus-visible=true]:ring-offset-2",
+      "data-[focus-visible=true]:ring-offset-background",
+      "data-[focus-visible=true]:dark:ring-offset-background-dark"
+    ],
+    trigger: ["z-10"],
+    backdrop: ["hidden"],
+    arrow: [
+      "-z-10",
+      "absolute",
+      "rotate-45",
+      "bg-inherit",
+      "w-2.5",
+      "h-2.5",
+      "rounded-sm",
+      "data-[placement=top]:-bottom-1",
+      "data-[placement=top]:-translate-x-1/2",
+      "data-[placement=top-start]:-bottom-1",
+      "data-[placement=top-start]:-translate-x-8",
+      "data-[placement=top-end]:-bottom-1",
+      "data-[placement=top-end]:translate-x-6",
+      "data-[placement=bottom]:-top-1",
+      "data-[placement=bottom]:-translate-x-1/2",
+      "data-[placement=bottom-start]:-top-1",
+      "data-[placement=bottom-start]:-translate-x-8",
+      "data-[placement=bottom-end]:-top-1",
+      "data-[placement=bottom-end]:translate-x-6",
+      "data-[placement=left]:-right-1",
+      "data-[placement=left]:-translate-y-1/2",
+      "data-[placement=left-start]:-right-1",
+      "data-[placement=left-start]:-translate-y-3",
+      "data-[placement=left-end]:-right-1",
+      "data-[placement=left-end]:translate-y-0.5",
+      "data-[placement=right]:-left-1",
+      "data-[placement=right]:-translate-y-1/2",
+      "data-[placement=right-start]:-left-1",
+      "data-[placement=right-start]:-translate-y-3",
+      "data-[placement=right-end]:-left-1",
+      "data-[placement=right-end]:translate-y-0.5"
+    ]
+  },
+  variants: {
+    size: {
+      xs: { base: "text-xs" },
+      sm: { base: "text-sm" },
+      md: { base: "text-base" },
+      lg: { base: "text-lg" },
+      xl: { base: "text-xl" }
+    },
+    color: {
+      default: {
+        base: "bg-background dark:bg-content1"
+      },
+      foreground: {
+        base: colorVariants.solid.foreground
+      },
+      primary: {
+        base: colorVariants.solid.primary
+      },
+      secondary: {
+        base: colorVariants.solid.secondary
+      },
+      success: {
+        base: colorVariants.solid.success
+      },
+      warning: {
+        base: colorVariants.solid.warning
+      },
+      danger: {
+        base: colorVariants.solid.danger
+      }
+    },
+    radius: {
+      none: { base: "rounded-none" },
+      base: { base: "rounded" },
+      sm: { base: "rounded-sm" },
+      md: { base: "rounded-md" },
+      lg: { base: "rounded-lg" },
+      xl: { base: "rounded-xl" },
+      full: { base: "rounded-full" }
+    },
+    shadow: {
+      none: {
+        base: "shadow-none"
+      },
+      sm: {
+        base: "shadow-sm"
+      },
+      md: {
+        base: "shadow-md"
+      },
+      lg: {
+        base: "shadow-lg"
+      },
+      xl: {
+        base: "shadow-xl"
+      },
+      "2xl": {
+        base: "shadow-2xl"
+      },
+      inner: {
+        base: "shadow-inner"
+      }
+    },
+    backdrop: {
+      transparent: {},
+      opaque: {
+        backdrop: "bg-black/50 backdrop-opacity-50"
+      },
+      blur: {
+        backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/20"
+      }
+    },
+    triggerScaleOnOpen: {
+      true: {
+        trigger: ["aria-expanded:scale-95", "aria-expanded:opacity-70", "subpixel-antialiased"]
+      },
+      false: {}
+    },
+    disableAnimation: {
+      true: {
+        base: "animate-none"
+      }
+    }
+  },
+  defaultVariants: {
+    color: "default",
+    radius: "xl",
+    size: "md",
+    shadow: "lg",
+    backdrop: "transparent",
+    disableAnimation: false,
+    triggerScaleOnOpen: true
+  },
+  compoundVariants: [
+    {
+      backdrop: ["opaque", "blur"],
+      class: {
+        backdrop: "block w-full h-full fixed inset-0 -z-30"
+      }
+    }
+  ]
+});
+
+export {
+  popover
+};

package/dist/{chunk-GGQITS2B.mjs → chunk-IACHWSFE.mjs}

@@ -42,7 +42,7 @@ var input = tv({
       faded: {
         inputWrapper: [
           "bg-default-100",
-          "border",
+          "border-2",
           "border-default-200",
           "data-[hover=true]:border-default-400"
         ]

package/dist/{chunk-QYXL3KZR.mjs → chunk-OWQHNQUJ.mjs}

@@ -95,10 +95,10 @@ var modal = tv({
       "2xl": { base: "rounded-2xl" },
       "3xl": { base: "rounded-3xl" }
     },
-    backdropVariant: {
+    backdrop: {
       transparent: {},
       opaque: {
-        backdrop: "bg-black/30 backdrop-opacity-50"
+        backdrop: "bg-black/50 backdrop-opacity-50"
       },
       blur: {
         backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/20"
@@ -118,12 +118,12 @@ var modal = tv({
   defaultVariants: {
     size: "md",
     radius: "lg",
-    backdropVariant: "blur",
+    backdrop: "blur",
     scrollBehavior: "inside"
   },
   compoundVariants: [
     {
-      backdropVariant: ["opaque", "blur"],
+      backdrop: ["opaque", "blur"],
       class: {
         backdrop: "block w-full h-full fixed inset-0"
       }

package/dist/{chunk-NYEYKHJ3.mjs → chunk-P4WTCOA5.mjs}

@@ -66,7 +66,7 @@ var dropdownItem = tv({
         base: "bg-transparent"
       },
       faded: {
-        base: "border border-transparent hover:border-default data-[hover=true]:bg-default-100"
+        base: "border-2 border-transparent hover:border-default data-[hover=true]:bg-default-100"
       },
       flat: {
         base: ""

package/dist/components/dropdown.js

@@ -93,7 +93,7 @@ var dropdownItem = (0, import_tailwind_variants.tv)({
         base: "bg-transparent"
       },
       faded: {
-        base: "border border-transparent hover:border-default data-[hover=true]:bg-default-100"
+        base: "border-2 border-transparent hover:border-default data-[hover=true]:bg-default-100"
       },
       flat: {
         base: ""

package/dist/components/dropdown.mjs

@@ -3,7 +3,7 @@ import {
   dropdownItem,
   dropdownMenu,
   dropdownSection
-} from "../chunk-NYEYKHJ3.mjs";
+} from "../chunk-P4WTCOA5.mjs";
 export {
   dropdown,
   dropdownItem,

package/dist/components/index.js

@@ -1248,7 +1248,8 @@ var popover = (0, import_tailwind_variants9.tv)({
       "px-4",
       "py-1",
       "text-base",
-      "!outline-none",
+      "outline-none",
+      "box-border",
       "data-[focus-visible=true]:outline-none",
       "data-[focus-visible=true]:ring-2",
       "data-[focus-visible=true]:ring-primary",
@@ -1293,17 +1294,6 @@ var popover = (0, import_tailwind_variants9.tv)({
     ]
   },
   variants: {
-    variant: {
-      solid: { base: "" },
-      bordered: {
-        base: "border-2 !bg-background",
-        arrow: "border-2 border-inherit !bg-background"
-      },
-      light: { base: "!bg-transparent", arrow: "hidden" },
-      faded: { base: "border", arrow: "border border-inherit" },
-      flat: { base: "" },
-      shadow: { base: "" }
-    },
     size: {
       xs: { base: "text-xs" },
       sm: { base: "text-sm" },
@@ -1312,13 +1302,27 @@ var popover = (0, import_tailwind_variants9.tv)({
       xl: { base: "text-xl" }
     },
     color: {
-      default: { base: colorVariants.solid.default },
-      foreground: { base: colorVariants.solid.foreground },
-      primary: { base: colorVariants.solid.primary },
-      secondary: { base: colorVariants.solid.secondary },
-      success: { base: colorVariants.solid.success },
-      warning: { base: colorVariants.solid.warning },
-      danger: { base: colorVariants.solid.danger }
+      default: {
+        base: "bg-background dark:bg-content1"
+      },
+      foreground: {
+        base: colorVariants.solid.foreground
+      },
+      primary: {
+        base: colorVariants.solid.primary
+      },
+      secondary: {
+        base: colorVariants.solid.secondary
+      },
+      success: {
+        base: colorVariants.solid.success
+      },
+      warning: {
+        base: colorVariants.solid.warning
+      },
+      danger: {
+        base: colorVariants.solid.danger
+      }
     },
     radius: {
       none: { base: "rounded-none" },
@@ -1329,10 +1333,33 @@ var popover = (0, import_tailwind_variants9.tv)({
       xl: { base: "rounded-xl" },
       full: { base: "rounded-full" }
     },
-    backdropVariant: {
+    shadow: {
+      none: {
+        base: "shadow-none"
+      },
+      sm: {
+        base: "shadow-sm"
+      },
+      md: {
+        base: "shadow-md"
+      },
+      lg: {
+        base: "shadow-lg"
+      },
+      xl: {
+        base: "shadow-xl"
+      },
+      "2xl": {
+        base: "shadow-2xl"
+      },
+      inner: {
+        base: "shadow-inner"
+      }
+    },
+    backdrop: {
       transparent: {},
       opaque: {
-        backdrop: "bg-black/30 backdrop-opacity-50"
+        backdrop: "bg-black/50 backdrop-opacity-50"
       },
       blur: {
         backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/20"
@@ -1351,194 +1378,17 @@ var popover = (0, import_tailwind_variants9.tv)({
     }
   },
   defaultVariants: {
-    variant: "solid",
     color: "default",
     radius: "xl",
     size: "md",
-    backdropVariant: "transparent",
+    shadow: "lg",
+    backdrop: "transparent",
     disableAnimation: false,
     triggerScaleOnOpen: true
   },
   compoundVariants: [
     {
-      variant: "shadow",
-      color: "default",
-      class: {
-        base: colorVariants.shadow.default
-      }
-    },
-    {
-      variant: "shadow",
-      color: "foreground",
-      class: { base: colorVariants.shadow.foreground }
-    },
-    {
-      variant: "shadow",
-      color: "primary",
-      class: { base: colorVariants.shadow.primary }
-    },
-    {
-      variant: "shadow",
-      color: "secondary",
-      class: { base: colorVariants.shadow.secondary }
-    },
-    {
-      variant: "shadow",
-      color: "success",
-      class: { base: colorVariants.shadow.success }
-    },
-    {
-      variant: "shadow",
-      color: "warning",
-      class: { base: colorVariants.shadow.warning }
-    },
-    {
-      variant: "shadow",
-      color: "danger",
-      class: { base: colorVariants.shadow.danger }
-    },
-    {
-      variant: "bordered",
-      color: "default",
-      class: { base: colorVariants.bordered.default }
-    },
-    {
-      variant: "bordered",
-      color: "foreground",
-      class: { base: colorVariants.bordered.foreground }
-    },
-    {
-      variant: "bordered",
-      color: "primary",
-      class: { base: colorVariants.bordered.primary }
-    },
-    {
-      variant: "bordered",
-      color: "secondary",
-      class: { base: colorVariants.bordered.secondary }
-    },
-    {
-      variant: "bordered",
-      color: "success",
-      class: { base: colorVariants.bordered.success }
-    },
-    {
-      variant: "bordered",
-      color: "warning",
-      class: { base: colorVariants.bordered.warning }
-    },
-    {
-      variant: "bordered",
-      color: "danger",
-      class: { base: colorVariants.bordered.danger }
-    },
-    {
-      variant: "flat",
-      color: "default",
-      class: { base: colorVariants.flat.default }
-    },
-    {
-      variant: "flat",
-      color: "foreground",
-      class: { base: colorVariants.flat.foreground }
-    },
-    {
-      variant: "flat",
-      color: "primary",
-      class: { base: colorVariants.flat.primary }
-    },
-    {
-      variant: "flat",
-      color: "secondary",
-      class: { base: colorVariants.flat.secondary }
-    },
-    {
-      variant: "flat",
-      color: "success",
-      class: { base: colorVariants.flat.success }
-    },
-    {
-      variant: "flat",
-      color: "warning",
-      class: { base: colorVariants.flat.warning }
-    },
-    {
-      variant: "flat",
-      color: "danger",
-      class: { base: colorVariants.flat.danger }
-    },
-    {
-      variant: "faded",
-      color: "default",
-      class: { base: colorVariants.faded.default }
-    },
-    {
-      variant: "faded",
-      color: "foreground",
-      class: { base: colorVariants.faded.foreground }
-    },
-    {
-      variant: "faded",
-      color: "primary",
-      class: { base: colorVariants.faded.primary }
-    },
-    {
-      variant: "faded",
-      color: "secondary",
-      class: { base: colorVariants.faded.secondary }
-    },
-    {
-      variant: "faded",
-      color: "success",
-      class: { base: colorVariants.faded.success }
-    },
-    {
-      variant: "faded",
-      color: "warning",
-      class: { base: colorVariants.faded.warning }
-    },
-    {
-      variant: "faded",
-      color: "danger",
-      class: { base: colorVariants.faded.danger }
-    },
-    {
-      variant: "light",
-      color: "default",
-      class: { base: colorVariants.light.default }
-    },
-    {
-      variant: "light",
-      color: "foreground",
-      class: { base: colorVariants.light.foreground }
-    },
-    {
-      variant: "light",
-      color: "primary",
-      class: { base: colorVariants.light.primary }
-    },
-    {
-      variant: "light",
-      color: "secondary",
-      class: { base: colorVariants.light.secondary }
-    },
-    {
-      variant: "light",
-      color: "success",
-      class: { base: colorVariants.light.success }
-    },
-    {
-      variant: "light",
-      color: "warning",
-      class: { base: colorVariants.light.warning }
-    },
-    {
-      variant: "light",
-      color: "danger",
-      class: { base: colorVariants.light.danger }
-    },
-    {
-      backdropVariant: ["opaque", "blur"],
+      backdrop: ["opaque", "blur"],
       class: {
         backdrop: "block w-full h-full fixed inset-0 -z-30"
       }
@@ -3895,7 +3745,7 @@ var input = (0, import_tailwind_variants20.tv)({
       faded: {
         inputWrapper: [
           "bg-default-100",
-          "border",
+          "border-2",
           "border-default-200",
           "data-[hover=true]:border-default-400"
         ]
@@ -4717,7 +4567,7 @@ var dropdownItem = (0, import_tailwind_variants21.tv)({
         base: "bg-transparent"
       },
       faded: {
-        base: "border border-transparent hover:border-default data-[hover=true]:bg-default-100"
+        base: "border-2 border-transparent hover:border-default data-[hover=true]:bg-default-100"
       },
       flat: {
         base: ""
@@ -5309,10 +5159,10 @@ var modal = (0, import_tailwind_variants23.tv)({
       "2xl": { base: "rounded-2xl" },
       "3xl": { base: "rounded-3xl" }
     },
-    backdropVariant: {
+    backdrop: {
       transparent: {},
       opaque: {
-        backdrop: "bg-black/30 backdrop-opacity-50"
+        backdrop: "bg-black/50 backdrop-opacity-50"
       },
       blur: {
         backdrop: "backdrop-blur-sm backdrop-saturate-150 bg-black/20"
@@ -5332,12 +5182,12 @@ var modal = (0, import_tailwind_variants23.tv)({
   defaultVariants: {
     size: "md",
     radius: "lg",
-    backdropVariant: "blur",
+    backdrop: "blur",
     scrollBehavior: "inside"
   },
   compoundVariants: [
     {
-      backdropVariant: ["opaque", "blur"],
+      backdrop: ["opaque", "blur"],
       class: {
         backdrop: "block w-full h-full fixed inset-0"
       }

package/dist/components/index.mjs

@@ -1,7 +1,4 @@
 import "../chunk-PRWEADY4.mjs";
-import {
-  spacer
-} from "../chunk-3B4SYPW2.mjs";
 import {
   spinner
 } from "../chunk-HOQUCE4N.mjs";
@@ -17,9 +14,6 @@ import {
 import {
   user
 } from "../chunk-ZFYINWFR.mjs";
-import {
-  modal
-} from "../chunk-QYXL3KZR.mjs";
 import {
   navbar
 } from "../chunk-6LITGDC7.mjs";
@@ -28,7 +22,7 @@ import {
 } from "../chunk-4MSPP245.mjs";
 import {
   popover
-} from "../chunk-T23JC6II.mjs";
+} from "../chunk-GT4IHIJM.mjs";
 import {
   progress
 } from "../chunk-BHHIVMOY.mjs";
@@ -43,8 +37,8 @@ import {
   snippet
 } from "../chunk-ADHGFNBD.mjs";
 import {
-  divider
-} from "../chunk-5HKM2D3Z.mjs";
+  spacer
+} from "../chunk-3B4SYPW2.mjs";
 import {
   drip
 } from "../chunk-OIVGIOVG.mjs";
@@ -53,13 +47,13 @@ import {
   dropdownItem,
   dropdownMenu,
   dropdownSection
-} from "../chunk-NYEYKHJ3.mjs";
+} from "../chunk-P4WTCOA5.mjs";
 import {
   image
 } from "../chunk-LNV5ZITR.mjs";
 import {
   input
-} from "../chunk-GGQITS2B.mjs";
+} from "../chunk-IACHWSFE.mjs";
 import {
   kbd
 } from "../chunk-GYSMGV7B.mjs";
@@ -68,9 +62,8 @@ import {
   linkAnchorClasses
 } from "../chunk-YQXYRWJP.mjs";
 import {
-  avatar,
-  avatarGroup
-} from "../chunk-ZL6WUYLC.mjs";
+  modal
+} from "../chunk-OWQHNQUJ.mjs";
 import {
   badge
 } from "../chunk-BUDAC6TR.mjs";
@@ -94,13 +87,20 @@ import {
 import {
   code
 } from "../chunk-E3HXNSRG.mjs";
-import "../chunk-CMYR6AOY.mjs";
-import "../chunk-K7LK7NCE.mjs";
-import "../chunk-IQPW7V4N.mjs";
+import {
+  divider
+} from "../chunk-5HKM2D3Z.mjs";
 import {
   accordion,
   accordionItem
 } from "../chunk-76WBK7WN.mjs";
+import {
+  avatar,
+  avatarGroup
+} from "../chunk-ZL6WUYLC.mjs";
+import "../chunk-CMYR6AOY.mjs";
+import "../chunk-K7LK7NCE.mjs";
+import "../chunk-IQPW7V4N.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   accordion,

package/dist/components/input.js

@@ -66,7 +66,7 @@ var input = (0, import_tailwind_variants.tv)({
       faded: {
         inputWrapper: [
           "bg-default-100",
-          "border",
+          "border-2",
           "border-default-200",
           "data-[hover=true]:border-default-400"
         ]

package/dist/components/input.mjs

@@ -1,6 +1,6 @@
 import {
   input
-} from "../chunk-GGQITS2B.mjs";
+} from "../chunk-IACHWSFE.mjs";
 export {
   input
 };

package/dist/components/modal.d.ts

@@ -79,7 +79,7 @@ declare const modal: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
-    backdropVariant: {
+    backdrop: {
         transparent: {};
         opaque: {
             backdrop: string;
@@ -166,7 +166,7 @@ declare const modal: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
-    backdropVariant: {
+    backdrop: {
         transparent: {};
         opaque: {
             backdrop: string;