@nextui-org/theme 0.0.0-dev-v2-20230622022515 → 0.0.0-dev-v2-20230623023752

package/dist/{chunk-R4PNBVFX.mjs → chunk-46ZSXBCH.mjs}

@@ -34,35 +34,35 @@ var image = tv({
     },
     shadow: {
       none: {
-        base: "shadow-none",
+        wrapper: "shadow-none",
         img: "shadow-none"
       },
       sm: {
-        base: "shadow-sm",
+        wrapper: "shadow-sm",
         img: "shadow-sm"
       },
       base: {
-        base: "shadow",
+        wrapper: "shadow",
         img: "shadow"
       },
       md: {
-        base: "shadow-md",
+        wrapper: "shadow-md",
         img: "shadow-md"
       },
       lg: {
-        base: "shadow-lg",
+        wrapper: "shadow-lg",
         img: "shadow-lg"
       },
       xl: {
-        base: "shadow-xl",
+        wrapper: "shadow-xl",
         img: "shadow-xl"
       },
       "2xl": {
-        base: "shadow-2xl",
+        wrapper: "shadow-2xl",
         img: "shadow-2xl"
       },
       inner: {
-        base: "shadow-inner",
+        wrapper: "shadow-inner",
         img: "shadow-inner"
       }
     },
@@ -73,7 +73,7 @@ var image = tv({
     },
     showSkeleton: {
       true: {
-        base: [
+        wrapper: [
           "group",
           "relative",
           "overflow-hidden",

package/dist/{chunk-HI3IKEJ5.mjs → chunk-IYCTMZYP.mjs}

@@ -402,6 +402,13 @@ var tabs = tv({
         tab: "data-[selected=true]:after:bg-danger"
       }
     }
+  ],
+  compoundSlots: [
+    {
+      variant: "underlined",
+      slots: ["tab", "tabList", "cursor"],
+      class: ["rounded-none"]
+    }
   ]
 });
 

package/dist/{chunk-4K3TOAY2.mjs → chunk-YIDZQ5FC.mjs}

@@ -38,8 +38,8 @@ var dropdownItem = tv({
       "data-[focus-visible=true]:dark:ring-offset-background-content1"
     ],
     wrapper: "w-full flex flex-col items-start justify-center",
-    title: "flex-1",
-    description: ["text-xs", "w-full", "text-default-500", "group-hover:text-current"],
+    title: "flex-1 text-base font-normal truncate",
+    description: ["text-sm", "w-full", "text-default-500", "group-hover:text-current"],
     selectedIcon: ["text-inherit", "w-3", "h-3", "flex-shrink-0"],
     shortcut: [
       "px-1",
@@ -243,42 +243,42 @@ var dropdownItem = tv({
       variant: "flat",
       color: "default",
       class: {
-        base: "data-[hover=true]:bg-default-100 data-[hover=true]:text-default-foreground"
+        base: "data-[hover=true]:bg-default/40 data-[hover=true]:text-default-foreground"
       }
     },
     {
       variant: "flat",
       color: "primary",
       class: {
-        base: "data-[hover=true]:bg-primary-50 data-[hover=true]:text-primary"
+        base: "data-[hover=true]:bg-primary/20 data-[hover=true]:text-primary"
       }
     },
     {
       variant: "flat",
       color: "secondary",
       class: {
-        base: "data-[hover=true]:bg-secondary-100 data-[hover=true]:text-secondary"
+        base: "data-[hover=true]:bg-secondary/20 data-[hover=true]:text-secondary"
       }
     },
     {
       variant: "flat",
       color: "success",
       class: {
-        base: "data-[hover=true]:bg-success-50 data-[hover=true]:text-success"
+        base: "data-[hover=true]:bg-success/20 data-[hover=true]:text-success "
       }
     },
     {
       variant: "flat",
       color: "warning",
       class: {
-        base: "data-[hover=true]:bg-warning-50 data-[hover=true]:text-warning"
+        base: "data-[hover=true]:bg-warning/20 data-[hover=true]:text-warning"
       }
     },
     {
       variant: "flat",
       color: "danger",
       class: {
-        base: "data-[hover=true]:bg-danger-50 data-[hover=true]:text-danger"
+        base: "data-[hover=true]:bg-danger/20 data-[hover=true]:text-danger"
       }
     },
     {
@@ -390,7 +390,7 @@ var dropdownSection = tv({
   }
 });
 var dropdownMenu = tv({
-  base: "w-full flex flex-col p-1"
+  base: "w-full flex flex-col gap-0.5 p-1"
 });
 
 export {

package/dist/components/dropdown.d.ts

@@ -5,7 +5,7 @@ import { VariantProps } from 'tailwind-variants';
 /**
  * Dropdown wrapper **Tailwind Variants** component
  *
- * const { base, menu  } = dropdown({...})
+ * const { base, menu } = dropdown({...})
  *
  * @example
  * <div>
@@ -281,11 +281,11 @@ declare const dropdownSection: tailwind_variants.TVReturnType<{
  * const classNames = dropdownMenu({...})
 
  */
-declare const dropdownMenu: tailwind_variants.TVReturnType<tailwind_variants.TVVariantsDefault<undefined, "w-full flex flex-col p-1"> | {
+declare const dropdownMenu: tailwind_variants.TVReturnType<tailwind_variants.TVVariantsDefault<undefined, "w-full flex flex-col gap-0.5 p-1"> | {
     [x: string]: {
-        [x: string]: tailwind_variants.ClassValue | tailwind_variants.SlotsClassValue<undefined, "w-full flex flex-col p-1">;
+        [x: string]: tailwind_variants.ClassValue | tailwind_variants.SlotsClassValue<undefined, "w-full flex flex-col gap-0.5 p-1">;
     } | undefined;
-} | {}, undefined, "w-full flex flex-col p-1", tailwind_variants_dist_config.TVConfig<unknown, tailwind_variants.TVVariantsDefault<undefined, "w-full flex flex-col p-1"> | {}>, tailwind_variants.TVVariantsDefault<undefined, "w-full flex flex-col p-1"> | {}, undefined>;
+} | {}, undefined, "w-full flex flex-col gap-0.5 p-1", tailwind_variants_dist_config.TVConfig<unknown, tailwind_variants.TVVariantsDefault<undefined, "w-full flex flex-col gap-0.5 p-1"> | {}>, tailwind_variants.TVVariantsDefault<undefined, "w-full flex flex-col gap-0.5 p-1"> | {}, undefined>;
 type DropdownSectionVariantProps = VariantProps<typeof dropdownSection>;
 type DropdownSectionSlots = keyof ReturnType<typeof dropdownSection>;
 type DropdownItemVariantProps = VariantProps<typeof dropdownItem>;

package/dist/components/dropdown.js

@@ -65,8 +65,8 @@ var dropdownItem = (0, import_tailwind_variants.tv)({
       "data-[focus-visible=true]:dark:ring-offset-background-content1"
     ],
     wrapper: "w-full flex flex-col items-start justify-center",
-    title: "flex-1",
-    description: ["text-xs", "w-full", "text-default-500", "group-hover:text-current"],
+    title: "flex-1 text-base font-normal truncate",
+    description: ["text-sm", "w-full", "text-default-500", "group-hover:text-current"],
     selectedIcon: ["text-inherit", "w-3", "h-3", "flex-shrink-0"],
     shortcut: [
       "px-1",
@@ -270,42 +270,42 @@ var dropdownItem = (0, import_tailwind_variants.tv)({
       variant: "flat",
       color: "default",
       class: {
-        base: "data-[hover=true]:bg-default-100 data-[hover=true]:text-default-foreground"
+        base: "data-[hover=true]:bg-default/40 data-[hover=true]:text-default-foreground"
       }
     },
     {
       variant: "flat",
       color: "primary",
       class: {
-        base: "data-[hover=true]:bg-primary-50 data-[hover=true]:text-primary"
+        base: "data-[hover=true]:bg-primary/20 data-[hover=true]:text-primary"
       }
     },
     {
       variant: "flat",
       color: "secondary",
       class: {
-        base: "data-[hover=true]:bg-secondary-100 data-[hover=true]:text-secondary"
+        base: "data-[hover=true]:bg-secondary/20 data-[hover=true]:text-secondary"
       }
     },
     {
       variant: "flat",
       color: "success",
       class: {
-        base: "data-[hover=true]:bg-success-50 data-[hover=true]:text-success"
+        base: "data-[hover=true]:bg-success/20 data-[hover=true]:text-success "
       }
     },
     {
       variant: "flat",
       color: "warning",
       class: {
-        base: "data-[hover=true]:bg-warning-50 data-[hover=true]:text-warning"
+        base: "data-[hover=true]:bg-warning/20 data-[hover=true]:text-warning"
       }
     },
     {
       variant: "flat",
       color: "danger",
       class: {
-        base: "data-[hover=true]:bg-danger-50 data-[hover=true]:text-danger"
+        base: "data-[hover=true]:bg-danger/20 data-[hover=true]:text-danger"
       }
     },
     {
@@ -417,7 +417,7 @@ var dropdownSection = (0, import_tailwind_variants.tv)({
   }
 });
 var dropdownMenu = (0, import_tailwind_variants.tv)({
-  base: "w-full flex flex-col p-1"
+  base: "w-full flex flex-col gap-0.5 p-1"
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/dropdown.mjs

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

package/dist/components/image.d.ts

@@ -32,35 +32,35 @@ declare const image: tailwind_variants.TVReturnType<{
     };
     shadow: {
         none: {
-            base: string;
+            wrapper: string;
             img: string;
         };
         sm: {
-            base: string;
+            wrapper: string;
             img: string;
         };
         base: {
-            base: string;
+            wrapper: string;
             img: string;
         };
         md: {
-            base: string;
+            wrapper: string;
             img: string;
         };
         lg: {
-            base: string;
+            wrapper: string;
             img: string;
         };
         xl: {
-            base: string;
+            wrapper: string;
             img: string;
         };
         "2xl": {
-            base: string;
+            wrapper: string;
             img: string;
         };
         inner: {
-            base: string;
+            wrapper: string;
             img: string;
         };
     };
@@ -71,7 +71,7 @@ declare const image: tailwind_variants.TVReturnType<{
     };
     showSkeleton: {
         true: {
-            base: string[];
+            wrapper: string[];
             img: string;
         };
     };
@@ -102,35 +102,35 @@ declare const image: tailwind_variants.TVReturnType<{
     };
     shadow: {
         none: {
-            base: string;
+            wrapper: string;
             img: string;
         };
         sm: {
-            base: string;
+            wrapper: string;
             img: string;
         };
         base: {
-            base: string;
+            wrapper: string;
             img: string;
         };
         md: {
-            base: string;
+            wrapper: string;
             img: string;
         };
         lg: {
-            base: string;
+            wrapper: string;
             img: string;
         };
         xl: {
-            base: string;
+            wrapper: string;
             img: string;
         };
         "2xl": {
-            base: string;
+            wrapper: string;
             img: string;
         };
         inner: {
-            base: string;
+            wrapper: string;
             img: string;
         };
     };
@@ -141,7 +141,7 @@ declare const image: tailwind_variants.TVReturnType<{
     };
     showSkeleton: {
         true: {
-            base: string[];
+            wrapper: string[];
             img: string;
         };
     };
@@ -167,35 +167,35 @@ declare const image: tailwind_variants.TVReturnType<{
     };
     shadow: {
         none: {
-            base: string;
+            wrapper: string;
             img: string;
         };
         sm: {
-            base: string;
+            wrapper: string;
             img: string;
         };
         base: {
-            base: string;
+            wrapper: string;
             img: string;
         };
         md: {
-            base: string;
+            wrapper: string;
             img: string;
         };
         lg: {
-            base: string;
+            wrapper: string;
             img: string;
         };
         xl: {
-            base: string;
+            wrapper: string;
             img: string;
         };
         "2xl": {
-            base: string;
+            wrapper: string;
             img: string;
         };
         inner: {
-            base: string;
+            wrapper: string;
             img: string;
         };
     };
@@ -206,7 +206,7 @@ declare const image: tailwind_variants.TVReturnType<{
     };
     showSkeleton: {
         true: {
-            base: string[];
+            wrapper: string[];
             img: string;
         };
     };
@@ -232,35 +232,35 @@ declare const image: tailwind_variants.TVReturnType<{
     };
     shadow: {
         none: {
-            base: string;
+            wrapper: string;
             img: string;
         };
         sm: {
-            base: string;
+            wrapper: string;
             img: string;
         };
         base: {
-            base: string;
+            wrapper: string;
             img: string;
         };
         md: {
-            base: string;
+            wrapper: string;
             img: string;
         };
         lg: {
-            base: string;
+            wrapper: string;
             img: string;
         };
         xl: {
-            base: string;
+            wrapper: string;
             img: string;
         };
         "2xl": {
-            base: string;
+            wrapper: string;
             img: string;
         };
         inner: {
-            base: string;
+            wrapper: string;
             img: string;
         };
     };
@@ -271,7 +271,7 @@ declare const image: tailwind_variants.TVReturnType<{
     };
     showSkeleton: {
         true: {
-            base: string[];
+            wrapper: string[];
             img: string;
         };
     };

package/dist/components/image.js

@@ -58,35 +58,35 @@ var image = (0, import_tailwind_variants.tv)({
     },
     shadow: {
       none: {
-        base: "shadow-none",
+        wrapper: "shadow-none",
         img: "shadow-none"
       },
       sm: {
-        base: "shadow-sm",
+        wrapper: "shadow-sm",
         img: "shadow-sm"
       },
       base: {
-        base: "shadow",
+        wrapper: "shadow",
         img: "shadow"
       },
       md: {
-        base: "shadow-md",
+        wrapper: "shadow-md",
         img: "shadow-md"
       },
       lg: {
-        base: "shadow-lg",
+        wrapper: "shadow-lg",
         img: "shadow-lg"
       },
       xl: {
-        base: "shadow-xl",
+        wrapper: "shadow-xl",
         img: "shadow-xl"
       },
       "2xl": {
-        base: "shadow-2xl",
+        wrapper: "shadow-2xl",
         img: "shadow-2xl"
       },
       inner: {
-        base: "shadow-inner",
+        wrapper: "shadow-inner",
         img: "shadow-inner"
       }
     },
@@ -97,7 +97,7 @@ var image = (0, import_tailwind_variants.tv)({
     },
     showSkeleton: {
       true: {
-        base: [
+        wrapper: [
           "group",
           "relative",
           "overflow-hidden",

package/dist/components/image.mjs

@@ -1,6 +1,6 @@
 import {
   image
-} from "../chunk-R4PNBVFX.mjs";
+} from "../chunk-46ZSXBCH.mjs";
 export {
   image
 };

package/dist/components/index.js

@@ -4618,8 +4618,8 @@ var dropdownItem = (0, import_tailwind_variants21.tv)({
       "data-[focus-visible=true]:dark:ring-offset-background-content1"
     ],
     wrapper: "w-full flex flex-col items-start justify-center",
-    title: "flex-1",
-    description: ["text-xs", "w-full", "text-default-500", "group-hover:text-current"],
+    title: "flex-1 text-base font-normal truncate",
+    description: ["text-sm", "w-full", "text-default-500", "group-hover:text-current"],
     selectedIcon: ["text-inherit", "w-3", "h-3", "flex-shrink-0"],
     shortcut: [
       "px-1",
@@ -4823,42 +4823,42 @@ var dropdownItem = (0, import_tailwind_variants21.tv)({
       variant: "flat",
       color: "default",
       class: {
-        base: "data-[hover=true]:bg-default-100 data-[hover=true]:text-default-foreground"
+        base: "data-[hover=true]:bg-default/40 data-[hover=true]:text-default-foreground"
       }
     },
     {
       variant: "flat",
       color: "primary",
       class: {
-        base: "data-[hover=true]:bg-primary-50 data-[hover=true]:text-primary"
+        base: "data-[hover=true]:bg-primary/20 data-[hover=true]:text-primary"
       }
     },
     {
       variant: "flat",
       color: "secondary",
       class: {
-        base: "data-[hover=true]:bg-secondary-100 data-[hover=true]:text-secondary"
+        base: "data-[hover=true]:bg-secondary/20 data-[hover=true]:text-secondary"
       }
     },
     {
       variant: "flat",
       color: "success",
       class: {
-        base: "data-[hover=true]:bg-success-50 data-[hover=true]:text-success"
+        base: "data-[hover=true]:bg-success/20 data-[hover=true]:text-success "
       }
     },
     {
       variant: "flat",
       color: "warning",
       class: {
-        base: "data-[hover=true]:bg-warning-50 data-[hover=true]:text-warning"
+        base: "data-[hover=true]:bg-warning/20 data-[hover=true]:text-warning"
       }
     },
     {
       variant: "flat",
       color: "danger",
       class: {
-        base: "data-[hover=true]:bg-danger-50 data-[hover=true]:text-danger"
+        base: "data-[hover=true]:bg-danger/20 data-[hover=true]:text-danger"
       }
     },
     {
@@ -4970,7 +4970,7 @@ var dropdownSection = (0, import_tailwind_variants21.tv)({
   }
 });
 var dropdownMenu = (0, import_tailwind_variants21.tv)({
-  base: "w-full flex flex-col p-1"
+  base: "w-full flex flex-col gap-0.5 p-1"
 });
 
 // src/components/image.ts
@@ -5009,35 +5009,35 @@ var image = (0, import_tailwind_variants22.tv)({
     },
     shadow: {
       none: {
-        base: "shadow-none",
+        wrapper: "shadow-none",
         img: "shadow-none"
       },
       sm: {
-        base: "shadow-sm",
+        wrapper: "shadow-sm",
         img: "shadow-sm"
       },
       base: {
-        base: "shadow",
+        wrapper: "shadow",
         img: "shadow"
       },
       md: {
-        base: "shadow-md",
+        wrapper: "shadow-md",
         img: "shadow-md"
       },
       lg: {
-        base: "shadow-lg",
+        wrapper: "shadow-lg",
         img: "shadow-lg"
       },
       xl: {
-        base: "shadow-xl",
+        wrapper: "shadow-xl",
         img: "shadow-xl"
       },
       "2xl": {
-        base: "shadow-2xl",
+        wrapper: "shadow-2xl",
         img: "shadow-2xl"
       },
       inner: {
-        base: "shadow-inner",
+        wrapper: "shadow-inner",
         img: "shadow-inner"
       }
     },
@@ -5048,7 +5048,7 @@ var image = (0, import_tailwind_variants22.tv)({
     },
     showSkeleton: {
       true: {
-        base: [
+        wrapper: [
           "group",
           "relative",
           "overflow-hidden",
@@ -6160,6 +6160,13 @@ var tabs = (0, import_tailwind_variants29.tv)({
         tab: "data-[selected=true]:after:bg-danger"
       }
     }
+  ],
+  compoundSlots: [
+    {
+      variant: "underlined",
+      slots: ["tab", "tabList", "cursor"],
+      class: ["rounded-none"]
+    }
   ]
 });
 

package/dist/components/index.mjs

@@ -10,7 +10,7 @@ import {
 } from "../chunk-U54UQOTS.mjs";
 import {
   tabs
-} from "../chunk-HI3IKEJ5.mjs";
+} from "../chunk-IYCTMZYP.mjs";
 import {
   toggle
 } from "../chunk-UKSPZOXY.mjs";
@@ -53,10 +53,10 @@ import {
   dropdownItem,
   dropdownMenu,
   dropdownSection
-} from "../chunk-4K3TOAY2.mjs";
+} from "../chunk-YIDZQ5FC.mjs";
 import {
   image
-} from "../chunk-R4PNBVFX.mjs";
+} from "../chunk-46ZSXBCH.mjs";
 import {
   input
 } from "../chunk-YEHFHLHQ.mjs";

package/dist/components/tabs.js

@@ -498,6 +498,13 @@ var tabs = (0, import_tailwind_variants.tv)({
         tab: "data-[selected=true]:after:bg-danger"
       }
     }
+  ],
+  compoundSlots: [
+    {
+      variant: "underlined",
+      slots: ["tab", "tabList", "cursor"],
+      class: ["rounded-none"]
+    }
   ]
 });
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/tabs.mjs

@@ -1,6 +1,6 @@
 import {
   tabs
-} from "../chunk-HI3IKEJ5.mjs";
+} from "../chunk-IYCTMZYP.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-CEW7YOHH.mjs";

package/dist/index.js

@@ -4650,8 +4650,8 @@ var dropdownItem = (0, import_tailwind_variants21.tv)({
       "data-[focus-visible=true]:dark:ring-offset-background-content1"
     ],
     wrapper: "w-full flex flex-col items-start justify-center",
-    title: "flex-1",
-    description: ["text-xs", "w-full", "text-default-500", "group-hover:text-current"],
+    title: "flex-1 text-base font-normal truncate",
+    description: ["text-sm", "w-full", "text-default-500", "group-hover:text-current"],
     selectedIcon: ["text-inherit", "w-3", "h-3", "flex-shrink-0"],
     shortcut: [
       "px-1",
@@ -4855,42 +4855,42 @@ var dropdownItem = (0, import_tailwind_variants21.tv)({
       variant: "flat",
       color: "default",
       class: {
-        base: "data-[hover=true]:bg-default-100 data-[hover=true]:text-default-foreground"
+        base: "data-[hover=true]:bg-default/40 data-[hover=true]:text-default-foreground"
       }
     },
     {
       variant: "flat",
       color: "primary",
       class: {
-        base: "data-[hover=true]:bg-primary-50 data-[hover=true]:text-primary"
+        base: "data-[hover=true]:bg-primary/20 data-[hover=true]:text-primary"
       }
     },
     {
       variant: "flat",
       color: "secondary",
       class: {
-        base: "data-[hover=true]:bg-secondary-100 data-[hover=true]:text-secondary"
+        base: "data-[hover=true]:bg-secondary/20 data-[hover=true]:text-secondary"
       }
     },
     {
       variant: "flat",
       color: "success",
       class: {
-        base: "data-[hover=true]:bg-success-50 data-[hover=true]:text-success"
+        base: "data-[hover=true]:bg-success/20 data-[hover=true]:text-success "
       }
     },
     {
       variant: "flat",
       color: "warning",
       class: {
-        base: "data-[hover=true]:bg-warning-50 data-[hover=true]:text-warning"
+        base: "data-[hover=true]:bg-warning/20 data-[hover=true]:text-warning"
       }
     },
     {
       variant: "flat",
       color: "danger",
       class: {
-        base: "data-[hover=true]:bg-danger-50 data-[hover=true]:text-danger"
+        base: "data-[hover=true]:bg-danger/20 data-[hover=true]:text-danger"
       }
     },
     {
@@ -5002,7 +5002,7 @@ var dropdownSection = (0, import_tailwind_variants21.tv)({
   }
 });
 var dropdownMenu = (0, import_tailwind_variants21.tv)({
-  base: "w-full flex flex-col p-1"
+  base: "w-full flex flex-col gap-0.5 p-1"
 });
 
 // src/components/image.ts
@@ -5041,35 +5041,35 @@ var image = (0, import_tailwind_variants22.tv)({
     },
     shadow: {
       none: {
-        base: "shadow-none",
+        wrapper: "shadow-none",
         img: "shadow-none"
       },
       sm: {
-        base: "shadow-sm",
+        wrapper: "shadow-sm",
         img: "shadow-sm"
       },
       base: {
-        base: "shadow",
+        wrapper: "shadow",
         img: "shadow"
       },
       md: {
-        base: "shadow-md",
+        wrapper: "shadow-md",
         img: "shadow-md"
       },
       lg: {
-        base: "shadow-lg",
+        wrapper: "shadow-lg",
         img: "shadow-lg"
       },
       xl: {
-        base: "shadow-xl",
+        wrapper: "shadow-xl",
         img: "shadow-xl"
       },
       "2xl": {
-        base: "shadow-2xl",
+        wrapper: "shadow-2xl",
         img: "shadow-2xl"
       },
       inner: {
-        base: "shadow-inner",
+        wrapper: "shadow-inner",
         img: "shadow-inner"
       }
     },
@@ -5080,7 +5080,7 @@ var image = (0, import_tailwind_variants22.tv)({
     },
     showSkeleton: {
       true: {
-        base: [
+        wrapper: [
           "group",
           "relative",
           "overflow-hidden",
@@ -6192,6 +6192,13 @@ var tabs = (0, import_tailwind_variants29.tv)({
         tab: "data-[selected=true]:after:bg-danger"
       }
     }
+  ],
+  compoundSlots: [
+    {
+      variant: "underlined",
+      slots: ["tab", "tabList", "cursor"],
+      class: ["rounded-none"]
+    }
   ]
 });
 

package/dist/index.mjs

@@ -10,7 +10,7 @@ import {
 } from "./chunk-U54UQOTS.mjs";
 import {
   tabs
-} from "./chunk-HI3IKEJ5.mjs";
+} from "./chunk-IYCTMZYP.mjs";
 import {
   toggle
 } from "./chunk-UKSPZOXY.mjs";
@@ -53,10 +53,10 @@ import {
   dropdownItem,
   dropdownMenu,
   dropdownSection
-} from "./chunk-4K3TOAY2.mjs";
+} from "./chunk-YIDZQ5FC.mjs";
 import {
   image
-} from "./chunk-R4PNBVFX.mjs";
+} from "./chunk-46ZSXBCH.mjs";
 import {
   input
 } from "./chunk-YEHFHLHQ.mjs";

package/package.json

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