@nextui-org/theme 0.0.0-dev-v2-20230616024445 → 0.0.0-dev-v2-20230617142344

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-2FCKB2MY.mjs → chunk-EQVBIZB3.mjs}

@@ -21,14 +21,13 @@ var modal = tv({
       "bg-white",
       "z-50",
       "w-full",
-      "shadow-lg",
       "box-border",
+      "bg-background",
       "dark:bg-content1",
       "border border-default-100",
       "outline-none",
       "my-16"
     ],
-    trigger: [],
     backdrop: "z-50",
     header: "flex py-4 px-6 flex-initial text-lg font-semibold",
     body: "flex flex-1 flex-col gap-3 px-6 py-2",
@@ -96,6 +95,29 @@ var modal = tv({
       "2xl": { base: "rounded-2xl" },
       "3xl": { base: "rounded-3xl" }
     },
+    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: {
         backdrop: "hidden"
@@ -124,6 +146,7 @@ var modal = tv({
   defaultVariants: {
     size: "md",
     radius: "lg",
+    shadow: "lg",
     backdrop: "opaque",
     scrollBehavior: "normal"
   },

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-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-YUKQ7UM6.mjs → chunk-LWJT5D6G.mjs}

@@ -31,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",

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-Q7HCFO5Z.mjs → chunk-RWQ57OVD.mjs}

@@ -1,13 +1,13 @@
 import {
   colorVariants
-} from "./chunk-W3WKU3QV.mjs";
+} from "./chunk-I4OYRSA7.mjs";
 
 // src/components/tabs.ts
 import { tv } from "tailwind-variants";
 var tabs = tv({
   slots: {
     base: "inline-flex",
-    tabList: ["flex", "items-center", "gap-2", "bg-content2", "dark:bg-content1", "p-1", "h-fit"],
+    tabList: ["flex", "items-center", "gap-2", "bg-default-100", "p-1", "h-fit"],
     tab: [
       "z-0",
       "w-full",

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-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/components/accordion.d.ts

@@ -14,25 +14,45 @@ import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
  */
 declare const accordion: tailwind_variants.TVReturnType<{
     variant: {
-        light: string;
-        shadow: string;
-        bordered: string;
-        splitted: string;
+        light: "";
+        shadow: "px-4 shadow-lg rounded-xl bg-background dark:bg-content1 border border-default-100";
+        bordered: "px-4 border border-divider rounded-lg";
+        splitted: "group is-splitted flex flex-col gap-2";
     };
     fullWidth: {
-        true: string;
+        true: "w-full";
     };
 }, undefined, "px-2", tailwind_variants_dist_config.TVConfig<{
     variant: {
-        light: string;
-        shadow: string;
-        bordered: string;
-        splitted: string;
+        light: "";
+        shadow: "px-4 shadow-lg rounded-xl bg-background dark:bg-content1 border border-default-100";
+        bordered: "px-4 border border-divider rounded-lg";
+        splitted: "group is-splitted flex flex-col gap-2";
     };
     fullWidth: {
-        true: string;
+        true: "w-full";
     };
-}, unknown>, unknown, undefined>;
+}, {
+    variant: {
+        light: "";
+        shadow: "px-4 shadow-lg rounded-xl bg-background dark:bg-content1 border border-default-100";
+        bordered: "px-4 border border-divider rounded-lg";
+        splitted: "group is-splitted flex flex-col gap-2";
+    };
+    fullWidth: {
+        true: "w-full";
+    };
+}>, {
+    variant: {
+        light: "";
+        shadow: "px-4 shadow-lg rounded-xl bg-background dark:bg-content1 border border-default-100";
+        bordered: "px-4 border border-divider rounded-lg";
+        splitted: "group is-splitted flex flex-col gap-2";
+    };
+    fullWidth: {
+        true: "w-full";
+    };
+}, undefined>;
 /**
  * AccordionItem wrapper **Tailwind Variants** component
  *
@@ -149,7 +169,101 @@ declare const accordionItem: tailwind_variants.TVReturnType<{
             indicator: string;
         };
     };
-}, unknown>, unknown, undefined>;
+}, {
+    isCompact: {
+        true: {
+            trigger: string;
+            title: string;
+            subtitle: string;
+            indicator: string;
+            content: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    hideDivider: {
+        true: {
+            base: string;
+        };
+    };
+    hideIndicator: {
+        true: {
+            indicator: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            content: string;
+        };
+        false: {
+            indicator: string;
+            trigger: string;
+        };
+    };
+    disableIndicatorAnimation: {
+        true: {
+            indicator: string;
+        };
+        false: {
+            indicator: string;
+        };
+    };
+}>, {
+    isCompact: {
+        true: {
+            trigger: string;
+            title: string;
+            subtitle: string;
+            indicator: string;
+            content: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    hideDivider: {
+        true: {
+            base: string;
+        };
+    };
+    hideIndicator: {
+        true: {
+            indicator: string;
+        };
+    };
+    disableAnimation: {
+        true: {
+            content: string;
+        };
+        false: {
+            indicator: string;
+            trigger: string;
+        };
+    };
+    disableIndicatorAnimation: {
+        true: {
+            indicator: string;
+        };
+        false: {
+            indicator: string;
+        };
+    };
+}, {
+    base: string[];
+    heading: string;
+    trigger: string[];
+    startContent: string;
+    indicator: string;
+    titleWrapper: string;
+    title: string;
+    subtitle: string;
+    content: string;
+}>;
 type AccordionGroupVariantProps = VariantProps<typeof accordion>;
 type AccordionItemVariantProps = VariantProps<typeof accordionItem>;
 type AccordionItemSlots = keyof ReturnType<typeof accordionItem>;

package/dist/components/avatar.d.ts

@@ -194,7 +194,187 @@ declare const avatar: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
-}, unknown>, unknown, undefined>;
+}, {
+    size: {
+        xs: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+    };
+    color: {
+        default: {
+            base: string;
+        };
+        primary: {
+            base: string;
+        };
+        secondary: {
+            base: string;
+        };
+        success: {
+            base: string;
+        };
+        warning: {
+            base: string;
+        };
+        danger: {
+            base: string;
+        };
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        base: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        "2xl": {
+            base: string;
+        };
+        "3xl": {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    isBordered: {
+        true: {
+            base: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    isInGroup: {
+        true: {
+            base: string[];
+        };
+    };
+    isInGridGroup: {
+        true: {
+            base: string;
+        };
+    };
+}>, {
+    size: {
+        xs: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+    };
+    color: {
+        default: {
+            base: string;
+        };
+        primary: {
+            base: string;
+        };
+        secondary: {
+            base: string;
+        };
+        success: {
+            base: string;
+        };
+        warning: {
+            base: string;
+        };
+        danger: {
+            base: string;
+        };
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        base: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        xl: {
+            base: string;
+        };
+        "2xl": {
+            base: string;
+        };
+        "3xl": {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    isBordered: {
+        true: {
+            base: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    isInGroup: {
+        true: {
+            base: string[];
+        };
+    };
+    isInGridGroup: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string[];
+    img: string[];
+    fallback: string[];
+    name: string[];
+    icon: string[];
+}>;
 /**
  * AvatarGroup wrapper **Tailwind Variants** component
  *
@@ -207,13 +387,21 @@ declare const avatar: tailwind_variants.TVReturnType<{
  */
 declare const avatarGroup: tailwind_variants.TVReturnType<{
     isGrid: {
-        true: string;
+        true: "inline-grid grid-cols-4 gap-3";
     };
 }, undefined, "flex items-center justify-center h-auto w-max-content", tailwind_variants_dist_config.TVConfig<{
     isGrid: {
-        true: string;
+        true: "inline-grid grid-cols-4 gap-3";
+    };
+}, {
+    isGrid: {
+        true: "inline-grid grid-cols-4 gap-3";
+    };
+}>, {
+    isGrid: {
+        true: "inline-grid grid-cols-4 gap-3";
     };
-}, unknown>, unknown, undefined>;
+}, undefined>;
 type AvatarGroupVariantProps = VariantProps<typeof avatarGroup>;
 type AvatarVariantProps = VariantProps<typeof avatar>;
 type AvatarSlots = keyof ReturnType<typeof avatar>;

package/dist/components/avatar.js

@@ -64,12 +64,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/components/avatar.mjs

@@ -1,10 +1,10 @@
 import {
   avatar,
   avatarGroup
-} from "../chunk-LKIEW7IB.mjs";
+} from "../chunk-MWWMIOTS.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
-import "../chunk-W3WKU3QV.mjs";
+import "../chunk-I4OYRSA7.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   avatar,