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

package/dist/{chunk-TDD767J7.mjs → chunk-6QKRZ3JE.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",
@@ -143,9 +144,35 @@ var card = tv({
     isPressable: {
       true: { base: "cursor-pointer" }
     },
+    isBlurred: {
+      true: {
+        base: [
+          "bg-transparent",
+          "dark:bg-transparent",
+          "before:bg-background/10",
+          "before:content-['']",
+          "before:block",
+          "before:z-[-1]",
+          "before:absolute",
+          "before:inset-0",
+          "before:backdrop-blur-md",
+          "before:backdrop-saturate-200"
+        ]
+      }
+    },
     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-FK5GDC67.mjs → chunk-AU7WYHMP.mjs}

@@ -6,6 +6,7 @@ var circularProgress = tv({
     label: "",
     svgWrapper: "relative block",
     svg: "z-0 relative overflow-hidden",
+    track: "h-full stroke-neutral-300/50",
     circle: "h-full stroke-current",
     value: "absolute font-normal inset-0 flex items-center justify-center"
   },

package/dist/{chunk-724PTTWA.mjs → chunk-K3AHB42P.mjs}

@@ -1,21 +1,21 @@
+import {
+  semanticColors
+} from "./chunk-ZNTUEV24.mjs";
+import {
+  commonColors
+} from "./chunk-TPAK7DPZ.mjs";
+import {
+  animations
+} from "./chunk-DMASP6FA.mjs";
 import {
   utilities
 } from "./chunk-XLATS5QU.mjs";
 import {
   baseStyles
 } from "./chunk-INZK6TTL.mjs";
-import {
-  semanticColors
-} from "./chunk-LQHWK6UV.mjs";
 import {
   removeDefaultKeys
 } from "./chunk-37PIXVP4.mjs";
-import {
-  animations
-} from "./chunk-DMASP6FA.mjs";
-import {
-  commonColors
-} from "./chunk-CRCBVLUP.mjs";
 
 // src/plugin.ts
 import Color from "color";

package/dist/{chunk-TYA6TT57.mjs → chunk-KDFSOQOQ.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",
           "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"
       }
     },
     color: {

package/dist/{chunk-LCSLO6UV.mjs → chunk-NGIVT5FF.mjs}

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

package/dist/{chunk-I7DM7NL7.mjs → chunk-O42UMOT5.mjs}

@@ -7,7 +7,7 @@ var progress = tv(
       label: "",
       labelWrapper: "flex justify-between",
       value: "",
-      track: "z-0 relative bg-neutral-200 overflow-hidden",
+      track: "z-0 relative bg-neutral-300/50 overflow-hidden",
       filler: "h-full"
     },
     variants: {

package/dist/{chunk-5EODOBGH.mjs → chunk-PWHNLVBK.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",
       shadow: "",
       ghost: "border-2 !bg-transparent"
     },

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/chunk-UUJTS7XS.mjs

@@ -0,0 +1,375 @@
+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"
+      },
+      light: {
+        tabList: "bg-transparent",
+        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", "light"],
+      color: "neutral",
+      class: {
+        cursor: ["bg-background", "dark:bg-neutral"],
+        tabContent: "group-data-[selected=true]:text-neutral-foreground"
+      }
+    },
+    {
+      variant: ["solid", "bordered", "light"],
+      color: "primary",
+      class: {
+        cursor: colorVariants.solid.primary,
+        tabContent: "group-data-[selected=true]:text-primary-foreground"
+      }
+    },
+    {
+      variant: ["solid", "bordered", "light"],
+      color: "secondary",
+      class: {
+        cursor: colorVariants.solid.secondary,
+        tabContent: "group-data-[selected=true]:text-secondary-foreground"
+      }
+    },
+    {
+      variant: ["solid", "bordered", "light"],
+      color: "success",
+      class: {
+        cursor: colorVariants.solid.success,
+        tabContent: "group-data-[selected=true]:text-success-foreground"
+      }
+    },
+    {
+      variant: ["solid", "bordered", "light"],
+      color: "warning",
+      class: {
+        cursor: colorVariants.solid.warning,
+        tabContent: "group-data-[selected=true]:text-warning-foreground"
+      }
+    },
+    {
+      variant: ["solid", "bordered", "light"],
+      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", "light"],
+      class: {
+        tab: "data-[selected=true]:bg-neutral data-[selected=true]:text-neutral-foreground"
+      }
+    },
+    {
+      disableAnimation: true,
+      color: "primary",
+      variant: ["solid", "bordered", "light"],
+      class: {
+        tab: "data-[selected=true]:bg-primary data-[selected=true]:text-primary-foreground"
+      }
+    },
+    {
+      disableAnimation: true,
+      color: "secondary",
+      variant: ["solid", "bordered", "light"],
+      class: {
+        tab: "data-[selected=true]:bg-secondary data-[selected=true]:text-secondary-foreground"
+      }
+    },
+    {
+      disableAnimation: true,
+      color: "success",
+      variant: ["solid", "bordered", "light"],
+      class: {
+        tab: "data-[selected=true]:bg-success data-[selected=true]:text-success-foreground"
+      }
+    },
+    {
+      disableAnimation: true,
+      color: "warning",
+      variant: ["solid", "bordered", "light"],
+      class: {
+        tab: "data-[selected=true]:bg-warning data-[selected=true]:text-warning-foreground"
+      }
+    },
+    {
+      disableAnimation: true,
+      color: "danger",
+      variant: ["solid", "bordered", "light"],
+      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-W5WYYDCM.mjs}

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

package/dist/{chunk-M74ZSXB7.mjs → chunk-XMDX7HIE.mjs}

@@ -1,9 +1,9 @@
 import {
   semanticColors
-} from "./chunk-LQHWK6UV.mjs";
+} from "./chunk-ZNTUEV24.mjs";
 import {
   commonColors
-} from "./chunk-CRCBVLUP.mjs";
+} from "./chunk-TPAK7DPZ.mjs";
 
 // src/colors/index.ts
 var colors = {

package/dist/{chunk-LQHWK6UV.mjs → chunk-ZNTUEV24.mjs}

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

package/dist/colors/common.mjs

@@ -1,13 +1,13 @@
 import {
   commonColors
-} from "../chunk-CRCBVLUP.mjs";
-import "../chunk-DCEG5LGX.mjs";
+} from "../chunk-TPAK7DPZ.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-DCEG5LGX.mjs";
 export {
   commonColors
 };

package/dist/colors/index.mjs

@@ -1,21 +1,21 @@
 import {
   colors
-} from "../chunk-M74ZSXB7.mjs";
+} from "../chunk-XMDX7HIE.mjs";
 import {
   semanticColors
-} from "../chunk-LQHWK6UV.mjs";
-import "../chunk-37PIXVP4.mjs";
+} from "../chunk-ZNTUEV24.mjs";
 import "../chunk-M63AFAHO.mjs";
 import {
   commonColors
-} from "../chunk-CRCBVLUP.mjs";
-import "../chunk-DCEG5LGX.mjs";
+} from "../chunk-TPAK7DPZ.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-DCEG5LGX.mjs";
+import "../chunk-37PIXVP4.mjs";
 export {
   colors,
   commonColors,

package/dist/colors/semantic.mjs

@@ -2,16 +2,16 @@ import {
   semanticColors,
   semanticColorsDark,
   semanticColorsLight
-} from "../chunk-LQHWK6UV.mjs";
-import "../chunk-37PIXVP4.mjs";
-import "../chunk-CRCBVLUP.mjs";
-import "../chunk-DCEG5LGX.mjs";
+} from "../chunk-ZNTUEV24.mjs";
+import "../chunk-TPAK7DPZ.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-DCEG5LGX.mjs";
+import "../chunk-37PIXVP4.mjs";
 export {
   semanticColors,
   semanticColorsDark,

package/dist/colors.mjs

@@ -1,22 +1,22 @@
 import "./chunk-WQEDQHKX.mjs";
 import {
   colors
-} from "./chunk-M74ZSXB7.mjs";
+} from "./chunk-XMDX7HIE.mjs";
 import {
   semanticColors
-} from "./chunk-LQHWK6UV.mjs";
-import "./chunk-37PIXVP4.mjs";
+} from "./chunk-ZNTUEV24.mjs";
 import "./chunk-M63AFAHO.mjs";
 import {
   commonColors
-} from "./chunk-CRCBVLUP.mjs";
-import "./chunk-DCEG5LGX.mjs";
+} from "./chunk-TPAK7DPZ.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-DCEG5LGX.mjs";
+import "./chunk-37PIXVP4.mjs";
 export {
   colors,
   commonColors,

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"
       },
       shadow: {}
     },