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

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

@@ -144,6 +144,22 @@ 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: [

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-AYYAXZNC.mjs → chunk-KDFSOQOQ.mjs}

@@ -27,7 +27,7 @@ var pagination = tv({
     variant: {
       bordered: {
         item: [
-          "border-2.5",
+          "border-2",
           "border-neutral",
           "bg-transparent",
           "data-[hover=true]:bg-neutral-100"
@@ -38,7 +38,7 @@ var pagination = tv({
       },
       flat: {},
       faded: {
-        item: "border-2.5"
+        item: "border-2"
       }
     },
     color: {

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

@@ -31,7 +31,7 @@ var badge = tv({
       solid: {},
       flat: {},
       faded: {
-        badge: "border-2.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-2CM64WDJ.mjs → chunk-PWHNLVBK.mjs}

@@ -35,7 +35,7 @@ var button = tv({
       bordered: "border-2 !bg-transparent",
       light: "!bg-transparent",
       flat: "",
-      faded: "border-2.5",
+      faded: "border-2",
       shadow: "",
       ghost: "border-2 !bg-transparent"
     },

package/dist/{chunk-EWJ66GUE.mjs → chunk-UUJTS7XS.mjs}

@@ -56,6 +56,10 @@ var tabs = tv({
       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)]"
@@ -156,7 +160,7 @@ var tabs = tv({
   },
   compoundVariants: [
     {
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       color: "neutral",
       class: {
         cursor: ["bg-background", "dark:bg-neutral"],
@@ -164,7 +168,7 @@ var tabs = tv({
       }
     },
     {
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       color: "primary",
       class: {
         cursor: colorVariants.solid.primary,
@@ -172,7 +176,7 @@ var tabs = tv({
       }
     },
     {
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       color: "secondary",
       class: {
         cursor: colorVariants.solid.secondary,
@@ -180,7 +184,7 @@ var tabs = tv({
       }
     },
     {
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       color: "success",
       class: {
         cursor: colorVariants.solid.success,
@@ -188,7 +192,7 @@ var tabs = tv({
       }
     },
     {
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       color: "warning",
       class: {
         cursor: colorVariants.solid.warning,
@@ -196,7 +200,7 @@ var tabs = tv({
       }
     },
     {
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       color: "danger",
       class: {
         cursor: colorVariants.solid.danger,
@@ -270,7 +274,7 @@ var tabs = tv({
     {
       disableAnimation: true,
       color: "neutral",
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       class: {
         tab: "data-[selected=true]:bg-neutral data-[selected=true]:text-neutral-foreground"
       }
@@ -278,7 +282,7 @@ var tabs = tv({
     {
       disableAnimation: true,
       color: "primary",
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       class: {
         tab: "data-[selected=true]:bg-primary data-[selected=true]:text-primary-foreground"
       }
@@ -286,7 +290,7 @@ var tabs = tv({
     {
       disableAnimation: true,
       color: "secondary",
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       class: {
         tab: "data-[selected=true]:bg-secondary data-[selected=true]:text-secondary-foreground"
       }
@@ -294,7 +298,7 @@ var tabs = tv({
     {
       disableAnimation: true,
       color: "success",
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       class: {
         tab: "data-[selected=true]:bg-success data-[selected=true]:text-success-foreground"
       }
@@ -302,7 +306,7 @@ var tabs = tv({
     {
       disableAnimation: true,
       color: "warning",
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       class: {
         tab: "data-[selected=true]:bg-warning data-[selected=true]:text-warning-foreground"
       }
@@ -310,7 +314,7 @@ var tabs = tv({
     {
       disableAnimation: true,
       color: "danger",
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       class: {
         tab: "data-[selected=true]:bg-danger data-[selected=true]:text-danger-foreground"
       }

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

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

package/dist/components/badge.js

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

package/dist/components/badge.mjs

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

package/dist/components/button.js

@@ -131,7 +131,7 @@ var button = (0, import_tailwind_variants.tv)({
       bordered: "border-2 !bg-transparent",
       light: "!bg-transparent",
       flat: "",
-      faded: "border-2.5",
+      faded: "border-2",
       shadow: "",
       ghost: "border-2 !bg-transparent"
     },

package/dist/components/button.mjs

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

package/dist/components/card.d.ts

@@ -102,6 +102,11 @@ declare const card: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    isBlurred: {
+        true: {
+            base: string[];
+        };
+    };
     isFooterBlurred: {
         true: {
             footer: string[];
@@ -209,6 +214,11 @@ declare const card: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    isBlurred: {
+        true: {
+            base: string[];
+        };
+    };
     isFooterBlurred: {
         true: {
             footer: string[];

package/dist/components/card.js

@@ -168,6 +168,22 @@ var card = (0, import_tailwind_variants.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: [

package/dist/components/card.mjs

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

package/dist/components/chip.js

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

package/dist/components/chip.mjs

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

package/dist/components/circular-progress.d.ts

@@ -89,6 +89,7 @@ declare const circularProgress: tailwind_variants.TVReturnType<{
     label: string;
     svgWrapper: string;
     svg: string;
+    track: string;
     circle: string;
     value: string;
 }, undefined, undefined, tailwind_variants_dist_config.TVConfig<{

package/dist/components/circular-progress.js

@@ -30,6 +30,7 @@ var circularProgress = (0, import_tailwind_variants.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/components/circular-progress.mjs

@@ -1,6 +1,6 @@
 import {
   circularProgress
-} from "../chunk-FK5GDC67.mjs";
+} from "../chunk-AU7WYHMP.mjs";
 export {
   circularProgress
 };

package/dist/components/index.js

@@ -502,6 +502,22 @@ var card = (0, import_tailwind_variants3.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: [
@@ -702,7 +718,7 @@ var button = (0, import_tailwind_variants6.tv)({
       bordered: "border-2 !bg-transparent",
       light: "!bg-transparent",
       flat: "",
-      faded: "border-2.5",
+      faded: "border-2",
       shadow: "",
       ghost: "border-2 !bg-transparent"
     },
@@ -1752,18 +1768,18 @@ var chip = (0, import_tailwind_variants13.tv)({
     variant: {
       solid: {},
       bordered: {
-        base: "border-2.5 bg-transparent"
+        base: "border-2 bg-transparent"
       },
       light: {
         base: "bg-transparent"
       },
       flat: {},
       faded: {
-        base: "border-2.5"
+        base: "border-2"
       },
       shadow: {},
       dot: {
-        base: "border-2.5 border-neutral text-foreground bg-transparent"
+        base: "border-2 border-neutral text-foreground bg-transparent"
       }
     },
     color: {
@@ -2205,7 +2221,7 @@ var badge = (0, import_tailwind_variants14.tv)({
       solid: {},
       flat: {},
       faded: {
-        badge: "border-2.5"
+        badge: "border-2"
       },
       shadow: {}
     },
@@ -2922,7 +2938,7 @@ var pagination = (0, import_tailwind_variants19.tv)({
     variant: {
       bordered: {
         item: [
-          "border-2.5",
+          "border-2",
           "border-neutral",
           "bg-transparent",
           "data-[hover=true]:bg-neutral-100"
@@ -2933,7 +2949,7 @@ var pagination = (0, import_tailwind_variants19.tv)({
       },
       flat: {},
       faded: {
-        item: "border-2.5"
+        item: "border-2"
       }
     },
     color: {
@@ -3567,7 +3583,7 @@ var progress = (0, import_tailwind_variants23.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: {
@@ -3702,6 +3718,7 @@ var circularProgress = (0, import_tailwind_variants24.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"
   },
@@ -5836,6 +5853,10 @@ var tabs = (0, import_tailwind_variants37.tv)({
       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)]"
@@ -5936,7 +5957,7 @@ var tabs = (0, import_tailwind_variants37.tv)({
   },
   compoundVariants: [
     {
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       color: "neutral",
       class: {
         cursor: ["bg-background", "dark:bg-neutral"],
@@ -5944,7 +5965,7 @@ var tabs = (0, import_tailwind_variants37.tv)({
       }
     },
     {
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       color: "primary",
       class: {
         cursor: colorVariants.solid.primary,
@@ -5952,7 +5973,7 @@ var tabs = (0, import_tailwind_variants37.tv)({
       }
     },
     {
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       color: "secondary",
       class: {
         cursor: colorVariants.solid.secondary,
@@ -5960,7 +5981,7 @@ var tabs = (0, import_tailwind_variants37.tv)({
       }
     },
     {
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       color: "success",
       class: {
         cursor: colorVariants.solid.success,
@@ -5968,7 +5989,7 @@ var tabs = (0, import_tailwind_variants37.tv)({
       }
     },
     {
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       color: "warning",
       class: {
         cursor: colorVariants.solid.warning,
@@ -5976,7 +5997,7 @@ var tabs = (0, import_tailwind_variants37.tv)({
       }
     },
     {
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       color: "danger",
       class: {
         cursor: colorVariants.solid.danger,
@@ -6050,7 +6071,7 @@ var tabs = (0, import_tailwind_variants37.tv)({
     {
       disableAnimation: true,
       color: "neutral",
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       class: {
         tab: "data-[selected=true]:bg-neutral data-[selected=true]:text-neutral-foreground"
       }
@@ -6058,7 +6079,7 @@ var tabs = (0, import_tailwind_variants37.tv)({
     {
       disableAnimation: true,
       color: "primary",
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       class: {
         tab: "data-[selected=true]:bg-primary data-[selected=true]:text-primary-foreground"
       }
@@ -6066,7 +6087,7 @@ var tabs = (0, import_tailwind_variants37.tv)({
     {
       disableAnimation: true,
       color: "secondary",
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       class: {
         tab: "data-[selected=true]:bg-secondary data-[selected=true]:text-secondary-foreground"
       }
@@ -6074,7 +6095,7 @@ var tabs = (0, import_tailwind_variants37.tv)({
     {
       disableAnimation: true,
       color: "success",
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       class: {
         tab: "data-[selected=true]:bg-success data-[selected=true]:text-success-foreground"
       }
@@ -6082,7 +6103,7 @@ var tabs = (0, import_tailwind_variants37.tv)({
     {
       disableAnimation: true,
       color: "warning",
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       class: {
         tab: "data-[selected=true]:bg-warning data-[selected=true]:text-warning-foreground"
       }
@@ -6090,7 +6111,7 @@ var tabs = (0, import_tailwind_variants37.tv)({
     {
       disableAnimation: true,
       color: "danger",
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       class: {
         tab: "data-[selected=true]:bg-danger data-[selected=true]:text-danger-foreground"
       }

package/dist/components/index.mjs

@@ -1,4 +1,7 @@
 import "../chunk-T6HAGWX5.mjs";
+import {
+  spacer
+} from "../chunk-3B4SYPW2.mjs";
 import {
   spinner
 } from "../chunk-XUL76UJD.mjs";
@@ -7,25 +10,28 @@ import {
 } from "../chunk-KWWWVBJL.mjs";
 import {
   tabs
-} from "../chunk-EWJ66GUE.mjs";
+} from "../chunk-UUJTS7XS.mjs";
 import {
   toggle
 } from "../chunk-NCFXYR7C.mjs";
 import {
   user
 } from "../chunk-MW7UVOSP.mjs";
+import {
+  modal
+} from "../chunk-YMIOHWCD.mjs";
 import {
   navbar
 } from "../chunk-U3BMJPED.mjs";
 import {
   pagination
-} from "../chunk-AYYAXZNC.mjs";
+} from "../chunk-KDFSOQOQ.mjs";
 import {
   popover
 } from "../chunk-JWVJZEAT.mjs";
 import {
   progress
-} from "../chunk-I7DM7NL7.mjs";
+} from "../chunk-O42UMOT5.mjs";
 import {
   radioGroup
 } from "../chunk-HHWXPWYN.mjs";
@@ -36,8 +42,8 @@ import {
   snippet
 } from "../chunk-4XSCIGTZ.mjs";
 import {
-  spacer
-} from "../chunk-3B4SYPW2.mjs";
+  dropdownMenu
+} from "../chunk-FCYNUVAR.mjs";
 import {
   dropdownSection
 } from "../chunk-AVGEHFT4.mjs";
@@ -57,17 +63,17 @@ import {
   link
 } from "../chunk-XICTHLAR.mjs";
 import {
-  modal
-} from "../chunk-YMIOHWCD.mjs";
+  checkboxGroup
+} from "../chunk-U77YMEWM.mjs";
 import {
   checkbox
 } from "../chunk-7EKGN7JP.mjs";
 import {
   chip
-} from "../chunk-OUCCVCYU.mjs";
+} from "../chunk-W5WYYDCM.mjs";
 import {
   circularProgress
-} from "../chunk-FK5GDC67.mjs";
+} from "../chunk-AU7WYHMP.mjs";
 import {
   code
 } from "../chunk-WFCALVUC.mjs";
@@ -81,8 +87,8 @@ import {
   dropdownItem
 } from "../chunk-Z6VEZVD6.mjs";
 import {
-  dropdownMenu
-} from "../chunk-FCYNUVAR.mjs";
+  accordionItem
+} from "../chunk-XSFH4S4Y.mjs";
 import {
   accordion
 } from "../chunk-YYBLBQIV.mjs";
@@ -94,25 +100,19 @@ import {
 } from "../chunk-VZVHC65R.mjs";
 import {
   badge
-} from "../chunk-2GCBADI6.mjs";
+} from "../chunk-NGIVT5FF.mjs";
 import {
   buttonGroup
 } from "../chunk-VKFQ7EZN.mjs";
 import {
   button
-} from "../chunk-2CM64WDJ.mjs";
+} from "../chunk-PWHNLVBK.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-RO3WUCFF.mjs";
 import {
   card
-} from "../chunk-2P6VSEDG.mjs";
-import {
-  checkboxGroup
-} from "../chunk-U77YMEWM.mjs";
-import {
-  accordionItem
-} from "../chunk-XSFH4S4Y.mjs";
+} from "../chunk-6QKRZ3JE.mjs";
 import "../chunk-INZK6TTL.mjs";
 export {
   accordion,

package/dist/components/pagination.js

@@ -123,7 +123,7 @@ var pagination = (0, import_tailwind_variants.tv)({
     variant: {
       bordered: {
         item: [
-          "border-2.5",
+          "border-2",
           "border-neutral",
           "bg-transparent",
           "data-[hover=true]:bg-neutral-100"
@@ -134,7 +134,7 @@ var pagination = (0, import_tailwind_variants.tv)({
       },
       flat: {},
       faded: {
-        item: "border-2.5"
+        item: "border-2"
       }
     },
     color: {

package/dist/components/pagination.mjs

@@ -1,6 +1,6 @@
 import {
   pagination
-} from "../chunk-AYYAXZNC.mjs";
+} from "../chunk-KDFSOQOQ.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-RO3WUCFF.mjs";

package/dist/components/progress.js

@@ -31,7 +31,7 @@ var progress = (0, import_tailwind_variants.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/components/progress.mjs

@@ -1,6 +1,6 @@
 import {
   progress
-} from "../chunk-I7DM7NL7.mjs";
+} from "../chunk-O42UMOT5.mjs";
 export {
   progress
 };

package/dist/components/tabs.d.ts

@@ -24,6 +24,10 @@ declare const tabs: tailwind_variants.TVReturnType<{
         solid: {
             cursor: string;
         };
+        light: {
+            tabList: string;
+            cursor: string;
+        };
         underlined: {
             tabList: string;
             cursor: string;
@@ -124,6 +128,10 @@ declare const tabs: tailwind_variants.TVReturnType<{
         solid: {
             cursor: string;
         };
+        light: {
+            tabList: string;
+            cursor: string;
+        };
         underlined: {
             tabList: string;
             cursor: string;

package/dist/components/tabs.js

@@ -152,6 +152,10 @@ var tabs = (0, import_tailwind_variants.tv)({
       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)]"
@@ -252,7 +256,7 @@ var tabs = (0, import_tailwind_variants.tv)({
   },
   compoundVariants: [
     {
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       color: "neutral",
       class: {
         cursor: ["bg-background", "dark:bg-neutral"],
@@ -260,7 +264,7 @@ var tabs = (0, import_tailwind_variants.tv)({
       }
     },
     {
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       color: "primary",
       class: {
         cursor: colorVariants.solid.primary,
@@ -268,7 +272,7 @@ var tabs = (0, import_tailwind_variants.tv)({
       }
     },
     {
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       color: "secondary",
       class: {
         cursor: colorVariants.solid.secondary,
@@ -276,7 +280,7 @@ var tabs = (0, import_tailwind_variants.tv)({
       }
     },
     {
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       color: "success",
       class: {
         cursor: colorVariants.solid.success,
@@ -284,7 +288,7 @@ var tabs = (0, import_tailwind_variants.tv)({
       }
     },
     {
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       color: "warning",
       class: {
         cursor: colorVariants.solid.warning,
@@ -292,7 +296,7 @@ var tabs = (0, import_tailwind_variants.tv)({
       }
     },
     {
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       color: "danger",
       class: {
         cursor: colorVariants.solid.danger,
@@ -366,7 +370,7 @@ var tabs = (0, import_tailwind_variants.tv)({
     {
       disableAnimation: true,
       color: "neutral",
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       class: {
         tab: "data-[selected=true]:bg-neutral data-[selected=true]:text-neutral-foreground"
       }
@@ -374,7 +378,7 @@ var tabs = (0, import_tailwind_variants.tv)({
     {
       disableAnimation: true,
       color: "primary",
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       class: {
         tab: "data-[selected=true]:bg-primary data-[selected=true]:text-primary-foreground"
       }
@@ -382,7 +386,7 @@ var tabs = (0, import_tailwind_variants.tv)({
     {
       disableAnimation: true,
       color: "secondary",
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       class: {
         tab: "data-[selected=true]:bg-secondary data-[selected=true]:text-secondary-foreground"
       }
@@ -390,7 +394,7 @@ var tabs = (0, import_tailwind_variants.tv)({
     {
       disableAnimation: true,
       color: "success",
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       class: {
         tab: "data-[selected=true]:bg-success data-[selected=true]:text-success-foreground"
       }
@@ -398,7 +402,7 @@ var tabs = (0, import_tailwind_variants.tv)({
     {
       disableAnimation: true,
       color: "warning",
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       class: {
         tab: "data-[selected=true]:bg-warning data-[selected=true]:text-warning-foreground"
       }
@@ -406,7 +410,7 @@ var tabs = (0, import_tailwind_variants.tv)({
     {
       disableAnimation: true,
       color: "danger",
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       class: {
         tab: "data-[selected=true]:bg-danger data-[selected=true]:text-danger-foreground"
       }

package/dist/components/tabs.mjs

@@ -1,6 +1,6 @@
 import {
   tabs
-} from "../chunk-EWJ66GUE.mjs";
+} from "../chunk-UUJTS7XS.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-RO3WUCFF.mjs";

package/dist/index.js

@@ -534,6 +534,22 @@ var card = (0, import_tailwind_variants3.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: [
@@ -734,7 +750,7 @@ var button = (0, import_tailwind_variants6.tv)({
       bordered: "border-2 !bg-transparent",
       light: "!bg-transparent",
       flat: "",
-      faded: "border-2.5",
+      faded: "border-2",
       shadow: "",
       ghost: "border-2 !bg-transparent"
     },
@@ -1784,18 +1800,18 @@ var chip = (0, import_tailwind_variants13.tv)({
     variant: {
       solid: {},
       bordered: {
-        base: "border-2.5 bg-transparent"
+        base: "border-2 bg-transparent"
       },
       light: {
         base: "bg-transparent"
       },
       flat: {},
       faded: {
-        base: "border-2.5"
+        base: "border-2"
       },
       shadow: {},
       dot: {
-        base: "border-2.5 border-neutral text-foreground bg-transparent"
+        base: "border-2 border-neutral text-foreground bg-transparent"
       }
     },
     color: {
@@ -2237,7 +2253,7 @@ var badge = (0, import_tailwind_variants14.tv)({
       solid: {},
       flat: {},
       faded: {
-        badge: "border-2.5"
+        badge: "border-2"
       },
       shadow: {}
     },
@@ -2954,7 +2970,7 @@ var pagination = (0, import_tailwind_variants19.tv)({
     variant: {
       bordered: {
         item: [
-          "border-2.5",
+          "border-2",
           "border-neutral",
           "bg-transparent",
           "data-[hover=true]:bg-neutral-100"
@@ -2965,7 +2981,7 @@ var pagination = (0, import_tailwind_variants19.tv)({
       },
       flat: {},
       faded: {
-        item: "border-2.5"
+        item: "border-2"
       }
     },
     color: {
@@ -3599,7 +3615,7 @@ var progress = (0, import_tailwind_variants23.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: {
@@ -3734,6 +3750,7 @@ var circularProgress = (0, import_tailwind_variants24.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"
   },
@@ -5868,6 +5885,10 @@ var tabs = (0, import_tailwind_variants37.tv)({
       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)]"
@@ -5968,7 +5989,7 @@ var tabs = (0, import_tailwind_variants37.tv)({
   },
   compoundVariants: [
     {
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       color: "neutral",
       class: {
         cursor: ["bg-background", "dark:bg-neutral"],
@@ -5976,7 +5997,7 @@ var tabs = (0, import_tailwind_variants37.tv)({
       }
     },
     {
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       color: "primary",
       class: {
         cursor: colorVariants.solid.primary,
@@ -5984,7 +6005,7 @@ var tabs = (0, import_tailwind_variants37.tv)({
       }
     },
     {
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       color: "secondary",
       class: {
         cursor: colorVariants.solid.secondary,
@@ -5992,7 +6013,7 @@ var tabs = (0, import_tailwind_variants37.tv)({
       }
     },
     {
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       color: "success",
       class: {
         cursor: colorVariants.solid.success,
@@ -6000,7 +6021,7 @@ var tabs = (0, import_tailwind_variants37.tv)({
       }
     },
     {
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       color: "warning",
       class: {
         cursor: colorVariants.solid.warning,
@@ -6008,7 +6029,7 @@ var tabs = (0, import_tailwind_variants37.tv)({
       }
     },
     {
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       color: "danger",
       class: {
         cursor: colorVariants.solid.danger,
@@ -6082,7 +6103,7 @@ var tabs = (0, import_tailwind_variants37.tv)({
     {
       disableAnimation: true,
       color: "neutral",
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       class: {
         tab: "data-[selected=true]:bg-neutral data-[selected=true]:text-neutral-foreground"
       }
@@ -6090,7 +6111,7 @@ var tabs = (0, import_tailwind_variants37.tv)({
     {
       disableAnimation: true,
       color: "primary",
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       class: {
         tab: "data-[selected=true]:bg-primary data-[selected=true]:text-primary-foreground"
       }
@@ -6098,7 +6119,7 @@ var tabs = (0, import_tailwind_variants37.tv)({
     {
       disableAnimation: true,
       color: "secondary",
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       class: {
         tab: "data-[selected=true]:bg-secondary data-[selected=true]:text-secondary-foreground"
       }
@@ -6106,7 +6127,7 @@ var tabs = (0, import_tailwind_variants37.tv)({
     {
       disableAnimation: true,
       color: "success",
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       class: {
         tab: "data-[selected=true]:bg-success data-[selected=true]:text-success-foreground"
       }
@@ -6114,7 +6135,7 @@ var tabs = (0, import_tailwind_variants37.tv)({
     {
       disableAnimation: true,
       color: "warning",
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       class: {
         tab: "data-[selected=true]:bg-warning data-[selected=true]:text-warning-foreground"
       }
@@ -6122,7 +6143,7 @@ var tabs = (0, import_tailwind_variants37.tv)({
     {
       disableAnimation: true,
       color: "danger",
-      variant: ["solid", "bordered"],
+      variant: ["solid", "bordered", "light"],
       class: {
         tab: "data-[selected=true]:bg-danger data-[selected=true]:text-danger-foreground"
       }

package/dist/index.mjs

@@ -1,4 +1,7 @@
 import "./chunk-T6HAGWX5.mjs";
+import {
+  spacer
+} from "./chunk-3B4SYPW2.mjs";
 import {
   spinner
 } from "./chunk-XUL76UJD.mjs";
@@ -7,25 +10,28 @@ import {
 } from "./chunk-KWWWVBJL.mjs";
 import {
   tabs
-} from "./chunk-EWJ66GUE.mjs";
+} from "./chunk-UUJTS7XS.mjs";
 import {
   toggle
 } from "./chunk-NCFXYR7C.mjs";
 import {
   user
 } from "./chunk-MW7UVOSP.mjs";
+import {
+  modal
+} from "./chunk-YMIOHWCD.mjs";
 import {
   navbar
 } from "./chunk-U3BMJPED.mjs";
 import {
   pagination
-} from "./chunk-AYYAXZNC.mjs";
+} from "./chunk-KDFSOQOQ.mjs";
 import {
   popover
 } from "./chunk-JWVJZEAT.mjs";
 import {
   progress
-} from "./chunk-I7DM7NL7.mjs";
+} from "./chunk-O42UMOT5.mjs";
 import {
   radioGroup
 } from "./chunk-HHWXPWYN.mjs";
@@ -36,8 +42,8 @@ import {
   snippet
 } from "./chunk-4XSCIGTZ.mjs";
 import {
-  spacer
-} from "./chunk-3B4SYPW2.mjs";
+  dropdownMenu
+} from "./chunk-FCYNUVAR.mjs";
 import {
   dropdownSection
 } from "./chunk-AVGEHFT4.mjs";
@@ -57,17 +63,17 @@ import {
   link
 } from "./chunk-XICTHLAR.mjs";
 import {
-  modal
-} from "./chunk-YMIOHWCD.mjs";
+  checkboxGroup
+} from "./chunk-U77YMEWM.mjs";
 import {
   checkbox
 } from "./chunk-7EKGN7JP.mjs";
 import {
   chip
-} from "./chunk-OUCCVCYU.mjs";
+} from "./chunk-W5WYYDCM.mjs";
 import {
   circularProgress
-} from "./chunk-FK5GDC67.mjs";
+} from "./chunk-AU7WYHMP.mjs";
 import {
   code
 } from "./chunk-WFCALVUC.mjs";
@@ -81,8 +87,8 @@ import {
   dropdownItem
 } from "./chunk-Z6VEZVD6.mjs";
 import {
-  dropdownMenu
-} from "./chunk-FCYNUVAR.mjs";
+  accordionItem
+} from "./chunk-XSFH4S4Y.mjs";
 import {
   accordion
 } from "./chunk-YYBLBQIV.mjs";
@@ -94,13 +100,13 @@ import {
 } from "./chunk-VZVHC65R.mjs";
 import {
   badge
-} from "./chunk-2GCBADI6.mjs";
+} from "./chunk-NGIVT5FF.mjs";
 import {
   buttonGroup
 } from "./chunk-VKFQ7EZN.mjs";
 import {
   button
-} from "./chunk-2CM64WDJ.mjs";
+} from "./chunk-PWHNLVBK.mjs";
 import "./chunk-CMYR6AOY.mjs";
 import "./chunk-K7LK7NCE.mjs";
 import {
@@ -108,17 +114,10 @@ import {
 } from "./chunk-RO3WUCFF.mjs";
 import {
   card
-} from "./chunk-2P6VSEDG.mjs";
-import {
-  checkboxGroup
-} from "./chunk-U77YMEWM.mjs";
-import {
-  accordionItem
-} from "./chunk-XSFH4S4Y.mjs";
+} from "./chunk-6QKRZ3JE.mjs";
 import {
   nextui
-} from "./chunk-724PTTWA.mjs";
-import "./chunk-XLATS5QU.mjs";
+} from "./chunk-6OQWBLVS.mjs";
 import {
   absoluteFullClasses,
   baseStyles,
@@ -126,6 +125,7 @@ import {
   ringClasses,
   translateCenterClasses
 } from "./chunk-INZK6TTL.mjs";
+import "./chunk-XLATS5QU.mjs";
 import "./chunk-WQEDQHKX.mjs";
 import {
   colors

package/dist/plugin.mjs

@@ -1,8 +1,8 @@
 import {
   nextui
-} from "./chunk-724PTTWA.mjs";
-import "./chunk-XLATS5QU.mjs";
+} from "./chunk-6OQWBLVS.mjs";
 import "./chunk-INZK6TTL.mjs";
+import "./chunk-XLATS5QU.mjs";
 import "./chunk-WQEDQHKX.mjs";
 import "./chunk-M74ZSXB7.mjs";
 import "./chunk-LQHWK6UV.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/theme",
-  "version": "0.0.0-dev-v2-20230428031422",
+  "version": "0.0.0-dev-v2-20230428210058",
   "description": "The default theme for NextUI components",
   "keywords": [
     "theme",

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

@@ -1,9 +1,9 @@
-import {
-  utilities
-} from "./chunk-XLATS5QU.mjs";
 import {
   baseStyles
 } from "./chunk-INZK6TTL.mjs";
+import {
+  utilities
+} from "./chunk-XLATS5QU.mjs";
 import {
   semanticColors
 } from "./chunk-LQHWK6UV.mjs";