@nextui-org/theme 0.0.0-dev-v2-20230425031000 → 0.0.0-dev-v2-20230428031422

package/dist/{chunk-5EODOBGH.mjs → chunk-2CM64WDJ.mjs}

@@ -7,6 +7,7 @@ import { tv } from "tailwind-variants";
 var button = tv({
   base: [
     "z-0",
+    "group",
     "relative",
     "inline-flex",
     "items-center",
@@ -34,7 +35,7 @@ var button = tv({
       bordered: "border-2 !bg-transparent",
       light: "!bg-transparent",
       flat: "",
-      faded: "border-1.5",
+      faded: "border-2.5",
       shadow: "",
       ghost: "border-2 !bg-transparent"
     },

package/dist/{chunk-LCSLO6UV.mjs → chunk-2GCBADI6.mjs}

@@ -31,7 +31,7 @@ var badge = tv({
       solid: {},
       flat: {},
       faded: {
-        badge: "border-1.5"
+        badge: "border-2.5"
       },
       shadow: {}
     },

package/dist/{chunk-TDD767J7.mjs → chunk-2P6VSEDG.mjs}

@@ -12,6 +12,7 @@ var card = tv({
       "outline-none",
       "text-foreground",
       "box-border",
+      "bg-background",
       "dark:bg-content1",
       "border border-neutral-100",
       "data-[focus-visible=true]:outline-none",
@@ -145,7 +146,17 @@ var card = tv({
     },
     isFooterBlurred: {
       true: {
-        footer: "backdrop-blur-xl backdrop-saturate-200"
+        footer: [
+          "before:content-['']",
+          "before:block",
+          "before:z-[-1]",
+          "before:absolute",
+          "before:-top-px",
+          "before:inset-0",
+          "before:bg-background/10",
+          "before:backdrop-blur",
+          "before:backdrop-saturate-150"
+        ]
       }
     },
     isDisabled: {

package/dist/{chunk-TYA6TT57.mjs → chunk-AYYAXZNC.mjs}

@@ -18,13 +18,16 @@ var pagination = tv({
       "justify-center",
       "origin-center",
       "left-0"
-    ]
+    ],
+    forwardIcon: "hidden group-hover:block data-[before=true]:rotate-180",
+    ellipsis: "group-hover:hidden",
+    chevronNext: "rotate-180"
   },
   variants: {
     variant: {
       bordered: {
         item: [
-          "border-1.5",
+          "border-2.5",
           "border-neutral",
           "bg-transparent",
           "data-[hover=true]:bg-neutral-100"
@@ -35,7 +38,7 @@ var pagination = tv({
       },
       flat: {},
       faded: {
-        item: "border-1.5"
+        item: "border-2.5"
       }
     },
     color: {

package/dist/chunk-EWJ66GUE.mjs

@@ -0,0 +1,371 @@
+import {
+  colorVariants
+} from "./chunk-RO3WUCFF.mjs";
+
+// src/components/tabs.ts
+import { tv } from "tailwind-variants";
+var tabs = tv({
+  slots: {
+    base: "inline-block",
+    tabList: ["flex", "items-center", "gap-2", "bg-neutral-100", "p-1"],
+    tab: [
+      "z-0",
+      "w-full",
+      "px-3",
+      "py-1",
+      "flex",
+      "group",
+      "relative",
+      "justify-center",
+      "items-center",
+      "outline-none",
+      "cursor-pointer",
+      "transition-opacity",
+      "data-[disabled=true]:cursor-not-allowed",
+      "data-[disabled=true]:opacity-30",
+      "data-[hover-unselected=true]:opacity-70",
+      "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"
+    ],
+    tabContent: [
+      "relative",
+      "z-10",
+      "text-inherit",
+      "transition-colors",
+      "text-neutral-500",
+      "group-data-[selected=true]:text-foreground"
+    ],
+    cursor: ["absolute", "z-0", "bg-white", "shadow-md"],
+    panel: [
+      "mt-3",
+      "outline-none",
+      "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"
+    ]
+  },
+  variants: {
+    variant: {
+      solid: {
+        cursor: "inset-0"
+      },
+      underlined: {
+        tabList: "bg-transparent",
+        cursor: "h-[2px] w-[80%] bottom-0 shadow-[0_1px_0px_0_rgba(0,0,0,0.05)]"
+      },
+      bordered: {
+        tabList: "bg-transparent border-2 border-neutral-200 shadow-sm",
+        cursor: "inset-0"
+      }
+    },
+    color: {
+      neutral: {},
+      primary: {},
+      secondary: {},
+      success: {},
+      warning: {},
+      danger: {}
+    },
+    size: {
+      xs: {
+        tab: "h-7 text-xs"
+      },
+      sm: {
+        tab: "h-8 text-sm"
+      },
+      md: {
+        tab: "h-9 text-sm"
+      },
+      lg: {
+        tab: "h-10 text-base"
+      },
+      xl: {
+        tab: "h-11 text-base"
+      }
+    },
+    radius: {
+      none: {
+        tabList: "rounded-none",
+        tab: "rounded-none",
+        cursor: "rounded-none"
+      },
+      base: {
+        tabList: "rounded",
+        tab: "rounded",
+        cursor: "rounded"
+      },
+      sm: {
+        tabList: "rounded-md",
+        tab: "rounded-sm",
+        cursor: "rounded-sm"
+      },
+      md: {
+        tabList: "rounded-lg",
+        tab: "rounded-md",
+        cursor: "rounded-md"
+      },
+      lg: {
+        tabList: "rounded-xl",
+        tab: "rounded-lg",
+        cursor: "rounded-lg"
+      },
+      xl: {
+        tabList: "rounded-2xl",
+        tab: "rounded-xl",
+        cursor: "rounded-xl"
+      },
+      full: {
+        tabList: "rounded-full",
+        tab: "rounded-full",
+        cursor: "rounded-full"
+      }
+    },
+    fullWidth: {
+      true: {
+        base: "w-full",
+        tabList: "w-full"
+      }
+    },
+    isDisabled: {
+      true: {
+        tabList: "opacity-50 pointer-events-none"
+      }
+    },
+    disableAnimation: {
+      true: {
+        tab: "transition-none",
+        tabContent: "transition-none"
+      }
+    }
+  },
+  defaultVariants: {
+    radius: "xl",
+    color: "neutral",
+    variant: "solid",
+    size: "md",
+    fullWidth: false,
+    isDisabled: false,
+    disableAnimation: false
+  },
+  compoundVariants: [
+    {
+      variant: ["solid", "bordered"],
+      color: "neutral",
+      class: {
+        cursor: ["bg-background", "dark:bg-neutral"],
+        tabContent: "group-data-[selected=true]:text-neutral-foreground"
+      }
+    },
+    {
+      variant: ["solid", "bordered"],
+      color: "primary",
+      class: {
+        cursor: colorVariants.solid.primary,
+        tabContent: "group-data-[selected=true]:text-primary-foreground"
+      }
+    },
+    {
+      variant: ["solid", "bordered"],
+      color: "secondary",
+      class: {
+        cursor: colorVariants.solid.secondary,
+        tabContent: "group-data-[selected=true]:text-secondary-foreground"
+      }
+    },
+    {
+      variant: ["solid", "bordered"],
+      color: "success",
+      class: {
+        cursor: colorVariants.solid.success,
+        tabContent: "group-data-[selected=true]:text-success-foreground"
+      }
+    },
+    {
+      variant: ["solid", "bordered"],
+      color: "warning",
+      class: {
+        cursor: colorVariants.solid.warning,
+        tabContent: "group-data-[selected=true]:text-warning-foreground"
+      }
+    },
+    {
+      variant: ["solid", "bordered"],
+      color: "danger",
+      class: {
+        cursor: colorVariants.solid.danger,
+        tabContent: "group-data-[selected=true]:text-danger-foreground"
+      }
+    },
+    {
+      variant: "underlined",
+      color: "neutral",
+      class: {
+        cursor: "bg-foreground",
+        tabContent: "group-data-[selected=true]:text-foreground"
+      }
+    },
+    {
+      variant: "underlined",
+      color: "primary",
+      class: {
+        cursor: "bg-primary",
+        tabContent: "group-data-[selected=true]:text-primary"
+      }
+    },
+    {
+      variant: "underlined",
+      color: "secondary",
+      class: {
+        cursor: "bg-secondary",
+        tabContent: "group-data-[selected=true]:text-secondary"
+      }
+    },
+    {
+      variant: "underlined",
+      color: "success",
+      class: {
+        cursor: "bg-success",
+        tabContent: "group-data-[selected=true]:text-success"
+      }
+    },
+    {
+      variant: "underlined",
+      color: "warning",
+      class: {
+        cursor: "bg-warning",
+        tabContent: "group-data-[selected=true]:text-warning"
+      }
+    },
+    {
+      variant: "underlined",
+      color: "danger",
+      class: {
+        cursor: "bg-danger",
+        tabContent: "group-data-[selected=true]:text-danger"
+      }
+    },
+    {
+      disableAnimation: true,
+      variant: "underlined",
+      class: {
+        tab: [
+          "after:content-['']",
+          "after:absolute",
+          "after:bottom-0",
+          "after:h-[2px]",
+          "after:w-[80%]",
+          "after:opacity-0",
+          "after:shadow-[0_1px_0px_0_rgba(0,0,0,0.05)]",
+          "data-[selected=true]:after:opacity-100"
+        ]
+      }
+    },
+    {
+      disableAnimation: true,
+      color: "neutral",
+      variant: ["solid", "bordered"],
+      class: {
+        tab: "data-[selected=true]:bg-neutral data-[selected=true]:text-neutral-foreground"
+      }
+    },
+    {
+      disableAnimation: true,
+      color: "primary",
+      variant: ["solid", "bordered"],
+      class: {
+        tab: "data-[selected=true]:bg-primary data-[selected=true]:text-primary-foreground"
+      }
+    },
+    {
+      disableAnimation: true,
+      color: "secondary",
+      variant: ["solid", "bordered"],
+      class: {
+        tab: "data-[selected=true]:bg-secondary data-[selected=true]:text-secondary-foreground"
+      }
+    },
+    {
+      disableAnimation: true,
+      color: "success",
+      variant: ["solid", "bordered"],
+      class: {
+        tab: "data-[selected=true]:bg-success data-[selected=true]:text-success-foreground"
+      }
+    },
+    {
+      disableAnimation: true,
+      color: "warning",
+      variant: ["solid", "bordered"],
+      class: {
+        tab: "data-[selected=true]:bg-warning data-[selected=true]:text-warning-foreground"
+      }
+    },
+    {
+      disableAnimation: true,
+      color: "danger",
+      variant: ["solid", "bordered"],
+      class: {
+        tab: "data-[selected=true]:bg-danger data-[selected=true]:text-danger-foreground"
+      }
+    },
+    {
+      disableAnimation: true,
+      color: "neutral",
+      variant: "underlined",
+      class: {
+        tab: "data-[selected=true]:after:bg-foreground"
+      }
+    },
+    {
+      disableAnimation: true,
+      color: "primary",
+      variant: "underlined",
+      class: {
+        tab: "data-[selected=true]:after:bg-primary"
+      }
+    },
+    {
+      disableAnimation: true,
+      color: "secondary",
+      variant: "underlined",
+      class: {
+        tab: "data-[selected=true]:after:bg-secondary"
+      }
+    },
+    {
+      disableAnimation: true,
+      color: "success",
+      variant: "underlined",
+      class: {
+        tab: "data-[selected=true]:after:bg-success"
+      }
+    },
+    {
+      disableAnimation: true,
+      color: "warning",
+      variant: "underlined",
+      class: {
+        tab: "data-[selected=true]:after:bg-warning"
+      }
+    },
+    {
+      disableAnimation: true,
+      color: "danger",
+      variant: "underlined",
+      class: {
+        tab: "data-[selected=true]:after:bg-danger"
+      }
+    }
+  ]
+});
+
+export {
+  tabs
+};

package/dist/{chunk-NQJBJXX3.mjs → chunk-OUCCVCYU.mjs}

@@ -29,18 +29,18 @@ var chip = tv({
     variant: {
       solid: {},
       bordered: {
-        base: "border-1.5 bg-transparent"
+        base: "border-2.5 bg-transparent"
       },
       light: {
         base: "bg-transparent"
       },
       flat: {},
       faded: {
-        base: "border-1.5"
+        base: "border-2.5"
       },
       shadow: {},
       dot: {
-        base: "border-1.5 border-neutral text-foreground bg-transparent"
+        base: "border-2.5 border-neutral text-foreground bg-transparent"
       }
     },
     color: {

package/dist/{chunk-ACYWLBDN.mjs → chunk-U3BMJPED.mjs}

@@ -10,9 +10,11 @@ var navbar = tv({
       "flex",
       "items-center",
       "justify-center",
-      "border-b",
-      "border-neutral-100",
-      "shadow-md"
+      "shadow-lg",
+      "shadow-neutral-300/40",
+      "dark:border-b",
+      "dark:border-neutral-100",
+      "dark:shadow-none"
     ],
     wrapper: [
       "flex",

package/dist/components/badge.js

@@ -127,7 +127,7 @@ var badge = (0, import_tailwind_variants.tv)({
       solid: {},
       flat: {},
       faded: {
-        badge: "border-1.5"
+        badge: "border-2.5"
       },
       shadow: {}
     },

package/dist/components/badge.mjs

@@ -1,6 +1,6 @@
 import {
   badge
-} from "../chunk-LCSLO6UV.mjs";
+} from "../chunk-2GCBADI6.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-RO3WUCFF.mjs";

package/dist/components/button.js

@@ -103,6 +103,7 @@ var colorVariants = {
 var button = (0, import_tailwind_variants.tv)({
   base: [
     "z-0",
+    "group",
     "relative",
     "inline-flex",
     "items-center",
@@ -130,7 +131,7 @@ var button = (0, import_tailwind_variants.tv)({
       bordered: "border-2 !bg-transparent",
       light: "!bg-transparent",
       flat: "",
-      faded: "border-1.5",
+      faded: "border-2.5",
       shadow: "",
       ghost: "border-2 !bg-transparent"
     },

package/dist/components/button.mjs

@@ -1,6 +1,6 @@
 import {
   button
-} from "../chunk-5EODOBGH.mjs";
+} from "../chunk-2CM64WDJ.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-RO3WUCFF.mjs";

package/dist/components/card.d.ts

@@ -104,7 +104,7 @@ declare const card: tailwind_variants.TVReturnType<{
     };
     isFooterBlurred: {
         true: {
-            footer: string;
+            footer: string[];
         };
     };
     isDisabled: {
@@ -211,7 +211,7 @@ declare const card: tailwind_variants.TVReturnType<{
     };
     isFooterBlurred: {
         true: {
-            footer: string;
+            footer: string[];
         };
     };
     isDisabled: {

package/dist/components/card.js

@@ -36,6 +36,7 @@ var card = (0, import_tailwind_variants.tv)({
       "outline-none",
       "text-foreground",
       "box-border",
+      "bg-background",
       "dark:bg-content1",
       "border border-neutral-100",
       "data-[focus-visible=true]:outline-none",
@@ -169,7 +170,17 @@ var card = (0, import_tailwind_variants.tv)({
     },
     isFooterBlurred: {
       true: {
-        footer: "backdrop-blur-xl backdrop-saturate-200"
+        footer: [
+          "before:content-['']",
+          "before:block",
+          "before:z-[-1]",
+          "before:absolute",
+          "before:-top-px",
+          "before:inset-0",
+          "before:bg-background/10",
+          "before:backdrop-blur",
+          "before:backdrop-saturate-150"
+        ]
       }
     },
     isDisabled: {

package/dist/components/card.mjs

@@ -1,6 +1,6 @@
 import {
   card
-} from "../chunk-TDD767J7.mjs";
+} from "../chunk-2P6VSEDG.mjs";
 export {
   card
 };

package/dist/components/chip.js

@@ -132,18 +132,18 @@ var chip = (0, import_tailwind_variants.tv)({
     variant: {
       solid: {},
       bordered: {
-        base: "border-1.5 bg-transparent"
+        base: "border-2.5 bg-transparent"
       },
       light: {
         base: "bg-transparent"
       },
       flat: {},
       faded: {
-        base: "border-1.5"
+        base: "border-2.5"
       },
       shadow: {},
       dot: {
-        base: "border-1.5 border-neutral text-foreground bg-transparent"
+        base: "border-2.5 border-neutral text-foreground bg-transparent"
       }
     },
     color: {

package/dist/components/chip.mjs

@@ -1,6 +1,6 @@
 import {
   chip
-} from "../chunk-NQJBJXX3.mjs";
+} from "../chunk-OUCCVCYU.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-RO3WUCFF.mjs";

package/dist/components/index.d.ts

@@ -34,5 +34,6 @@ export { TableReturnType, TableSlots, TableVariantProps, table } from './table.j
 export { SpacerVariantProps, spacer } from './spacer.js';
 export { DividerVariantProps, divider } from './divider.js';
 export { KbdSlots, KbdVariantProps, kbd } from './kbd.js';
+export { TabsReturnType, TabsSlots, TabsVariantProps, tabs } from './tabs.js';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config';