@nextui-org/theme 0.0.0-dev-v2-20230624033637 → 0.0.0-dev-v2-20230625035223

package/dist/{chunk-NIPJ5ETA.mjs → chunk-7CDOS5YK.mjs}

@@ -9,18 +9,16 @@ import {
 import { tv } from "tailwind-variants";
 var pagination = tv({
   slots: {
-    base: [
+    base: ["p-2.5", "-m-2.5", "overflow-x-scroll", "scrollbar-hide"],
+    wrapper: [
       "flex",
       "flex-nowrap",
       "h-fit",
       "max-w-fit",
-      "p-2.5",
-      "-m-2.5",
       "relative",
       "gap-1",
       "items-center",
-      "overflow-x-scroll",
-      "scrollbar-hide"
+      "overflow-visible"
     ],
     item: ["tap-highlight-transparent", "select-none", "touch-none"],
     prev: "",
@@ -92,8 +90,9 @@ var pagination = tv({
     },
     isCompact: {
       true: {
-        base: "gap-0",
+        wrapper: "gap-0 shadow-sm",
         item: [
+          "shadow-none",
           "first-of-type:rounded-r-none",
           "last-of-type:rounded-l-none",
           "[&:not(:first-of-type):not(:last-of-type)]:rounded-none"
@@ -310,6 +309,7 @@ var pagination = tv({
         "flex-wrap",
         "truncate",
         "box-border",
+        "shadow-sm",
         "outline-none",
         "items-center",
         "justify-center",
@@ -360,37 +360,37 @@ var pagination = tv({
       class: "min-w-11 w-11 h-11 text-base"
     },
     {
-      slots: ["item", "cursor", "prev", "next"],
+      slots: ["wrapper", "item", "cursor", "prev", "next"],
       radius: "none",
       class: "rounded-none"
     },
     {
-      slots: ["item", "cursor", "prev", "next"],
+      slots: ["wrapper", "item", "cursor", "prev", "next"],
       radius: "base",
       class: "rounded-base"
     },
     {
-      slots: ["item", "cursor", "prev", "next"],
+      slots: ["wrapper", "item", "cursor", "prev", "next"],
       radius: "sm",
       class: "rounded-sm"
     },
     {
-      slots: ["item", "cursor", "prev", "next"],
+      slots: ["wrapper", "item", "cursor", "prev", "next"],
       radius: "md",
       class: "rounded"
     },
     {
-      slots: ["item", "cursor", "prev", "next"],
+      slots: ["wrapper", "item", "cursor", "prev", "next"],
       radius: "lg",
       class: "rounded-lg"
     },
     {
-      slots: ["item", "cursor", "prev", "next"],
+      slots: ["wrapper", "item", "cursor", "prev", "next"],
       radius: "xl",
       class: "rounded-xl"
     },
     {
-      slots: ["item", "cursor", "prev", "next"],
+      slots: ["wrapper", "item", "cursor", "prev", "next"],
       radius: "full",
       class: "rounded-full"
     }

package/dist/{chunk-53FU66TE.mjs → chunk-B7YAOHJP.mjs}

@@ -1,12 +1,12 @@
 import {
   utilities
-} from "./chunk-UNQJ7BRW.mjs";
+} from "./chunk-OQGOVMIP.mjs";
 import {
   baseStyles
 } from "./chunk-G2ZSNGR5.mjs";
 import {
   semanticColors
-} from "./chunk-BWO5RTQF.mjs";
+} from "./chunk-N6M7XBU3.mjs";
 import {
   removeDefaultKeys
 } from "./chunk-37PIXVP4.mjs";

package/dist/{chunk-TFIDBELY.mjs → chunk-GVNDH7OI.mjs}

@@ -1,6 +1,6 @@
 import {
   semanticColors
-} from "./chunk-BWO5RTQF.mjs";
+} from "./chunk-N6M7XBU3.mjs";
 import {
   commonColors
 } from "./chunk-5LKRUH3Q.mjs";

package/dist/{chunk-SFF5YUZA.mjs → chunk-LGTXL2ML.mjs}

@@ -33,23 +33,28 @@ var dropdownItem = tv({
       "rounded-lg",
       "outline-none",
       "cursor-pointer",
+      "tap-highlight-transparent",
       ...dataFocusVisibleClasses,
       "data-[focus-visible=true]:dark:ring-offset-background-content1"
     ],
     wrapper: "w-full flex flex-col items-start justify-center",
-    title: "flex-1 text-sm font-normal truncate",
-    description: ["text-xs", "w-full", "text-foreground-500", "group-hover:text-current"],
+    title: "flex-1 text-base lg:text-sm font-normal truncate",
+    description: [
+      "text-sm lg:text-xs",
+      "w-full",
+      "text-foreground-500",
+      "group-hover:text-current"
+    ],
     selectedIcon: ["text-inherit", "w-3", "h-3", "flex-shrink-0"],
     shortcut: [
       "px-1",
       "py-0.5",
       "rounded",
       "font-sans",
-      "opacity-60",
-      "text-inherit",
+      "text-foreground-500",
       "text-xs",
       "border",
-      "border-default-200",
+      "border-boundary",
       "group-hover:border-current"
     ]
   },
@@ -82,20 +87,6 @@ var dropdownItem = tv({
       warning: {},
       danger: {}
     },
-    showDivider: {
-      true: {
-        base: [
-          "mt-2",
-          "before-content-['']",
-          "before:absolute",
-          "before:-top-1.5",
-          "before:left-0",
-          "before:right-0",
-          "before:h-px",
-          "before:bg-divider"
-        ]
-      }
-    },
     isDisabled: {
       true: {
         base: "opacity-50 pointer-events-none"
@@ -370,23 +361,8 @@ var dropdownSection = tv({
   slots: {
     base: "relative mb-2",
     heading: "pl-1 text-xs text-foreground-500",
-    group: "pt-1"
-  },
-  variants: {
-    showDivider: {
-      true: {
-        heading: [
-          "mt-2",
-          "before-content-['']",
-          "before:absolute",
-          "before:-top-1",
-          "before:left-0",
-          "before:right-0",
-          "before:h-px",
-          "before:bg-divider"
-        ]
-      }
-    }
+    group: "data-[has-title=true]:pt-1",
+    divider: "mt-2"
   }
 });
 var dropdownMenu = tv({

package/dist/{chunk-BWO5RTQF.mjs → chunk-N6M7XBU3.mjs}

@@ -11,7 +11,7 @@ import { readableColor } from "color2k";
 var base = {
   light: {
     background: {
-      DEFAULT: "#ffffff"
+      DEFAULT: "#FFFFFF"
     },
     foreground: {
       ...twColors.zinc,
@@ -21,13 +21,13 @@ var base = {
       DEFAULT: "rgba(17, 17, 17, 0.15)"
     },
     boundary: {
-      DEFAULT: twColors.zinc[100]
+      DEFAULT: twColors.zinc[300]
     },
     focus: {
       DEFAULT: commonColors.blue[500]
     },
     content1: {
-      DEFAULT: "#ffffff",
+      DEFAULT: "#FFFFFF",
       foreground: "#11181C"
     },
     content2: {

package/dist/{chunk-DN3YP75Q.mjs → chunk-UADWWNEI.mjs}

@@ -19,7 +19,7 @@ var tabs = tv({
       "flex-nowrap",
       "overflow-x-scroll",
       "scrollbar-hide",
-      "bg-default-100"
+      "bg-content2"
     ],
     tab: [
       "z-0",

package/dist/{chunk-QJZSBDVH.mjs → chunk-W2ASLLZX.mjs}

@@ -22,6 +22,7 @@ var popover = tv({
       "text-base",
       "outline-none",
       "box-border",
+      "overflow-hidden",
       ...dataFocusVisibleClasses
     ],
     trigger: ["z-10"],

package/dist/colors/index.js

@@ -169,7 +169,7 @@ function swapColorValues(colors2) {
 var base = {
   light: {
     background: {
-      DEFAULT: "#ffffff"
+      DEFAULT: "#FFFFFF"
     },
     foreground: {
       ...import_colors.default.zinc,
@@ -179,13 +179,13 @@ var base = {
       DEFAULT: "rgba(17, 17, 17, 0.15)"
     },
     boundary: {
-      DEFAULT: import_colors.default.zinc[100]
+      DEFAULT: import_colors.default.zinc[300]
     },
     focus: {
       DEFAULT: commonColors.blue[500]
     },
     content1: {
-      DEFAULT: "#ffffff",
+      DEFAULT: "#FFFFFF",
       foreground: "#11181C"
     },
     content2: {

package/dist/colors/index.mjs

@@ -1,9 +1,9 @@
 import {
   colors
-} from "../chunk-TFIDBELY.mjs";
+} from "../chunk-GVNDH7OI.mjs";
 import {
   semanticColors
-} from "../chunk-BWO5RTQF.mjs";
+} from "../chunk-N6M7XBU3.mjs";
 import "../chunk-37PIXVP4.mjs";
 import "../chunk-M63AFAHO.mjs";
 import {

package/dist/colors/semantic.js

@@ -167,7 +167,7 @@ var commonColors = {
 var base = {
   light: {
     background: {
-      DEFAULT: "#ffffff"
+      DEFAULT: "#FFFFFF"
     },
     foreground: {
       ...import_colors.default.zinc,
@@ -177,13 +177,13 @@ var base = {
       DEFAULT: "rgba(17, 17, 17, 0.15)"
     },
     boundary: {
-      DEFAULT: import_colors.default.zinc[100]
+      DEFAULT: import_colors.default.zinc[300]
     },
     focus: {
       DEFAULT: commonColors.blue[500]
     },
     content1: {
-      DEFAULT: "#ffffff",
+      DEFAULT: "#FFFFFF",
       foreground: "#11181C"
     },
     content2: {

package/dist/colors/semantic.mjs

@@ -2,7 +2,7 @@ import {
   brandColorsDark,
   brandColorsLight,
   semanticColors
-} from "../chunk-BWO5RTQF.mjs";
+} from "../chunk-N6M7XBU3.mjs";
 import "../chunk-37PIXVP4.mjs";
 import "../chunk-5LKRUH3Q.mjs";
 import "../chunk-DCEG5LGX.mjs";

package/dist/colors.js

@@ -169,7 +169,7 @@ function swapColorValues(colors2) {
 var base = {
   light: {
     background: {
-      DEFAULT: "#ffffff"
+      DEFAULT: "#FFFFFF"
     },
     foreground: {
       ...import_colors.default.zinc,
@@ -179,13 +179,13 @@ var base = {
       DEFAULT: "rgba(17, 17, 17, 0.15)"
     },
     boundary: {
-      DEFAULT: import_colors.default.zinc[100]
+      DEFAULT: import_colors.default.zinc[300]
     },
     focus: {
       DEFAULT: commonColors.blue[500]
     },
     content1: {
-      DEFAULT: "#ffffff",
+      DEFAULT: "#FFFFFF",
       foreground: "#11181C"
     },
     content2: {

package/dist/colors.mjs

@@ -1,10 +1,10 @@
 import "./chunk-WQEDQHKX.mjs";
 import {
   colors
-} from "./chunk-TFIDBELY.mjs";
+} from "./chunk-GVNDH7OI.mjs";
 import {
   semanticColors
-} from "./chunk-BWO5RTQF.mjs";
+} from "./chunk-N6M7XBU3.mjs";
 import "./chunk-37PIXVP4.mjs";
 import "./chunk-M63AFAHO.mjs";
 import {

package/dist/components/dropdown.d.ts

@@ -72,11 +72,6 @@ declare const dropdownItem: tailwind_variants.TVReturnType<{
         warning: {};
         danger: {};
     };
-    showDivider: {
-        true: {
-            base: string[];
-        };
-    };
     isDisabled: {
         true: {
             base: string;
@@ -122,11 +117,6 @@ declare const dropdownItem: tailwind_variants.TVReturnType<{
         warning: {};
         danger: {};
     };
-    showDivider: {
-        true: {
-            base: string[];
-        };
-    };
     isDisabled: {
         true: {
             base: string;
@@ -165,11 +155,6 @@ declare const dropdownItem: tailwind_variants.TVReturnType<{
         warning: {};
         danger: {};
     };
-    showDivider: {
-        true: {
-            base: string[];
-        };
-    };
     isDisabled: {
         true: {
             base: string;
@@ -208,11 +193,6 @@ declare const dropdownItem: tailwind_variants.TVReturnType<{
         warning: {};
         danger: {};
     };
-    showDivider: {
-        true: {
-            base: string[];
-        };
-    };
     isDisabled: {
         true: {
             base: string;
@@ -233,10 +213,10 @@ declare const dropdownItem: tailwind_variants.TVReturnType<{
 /**
  * Dropdown wrapper **Tailwind Variants** component
  *
- * const { section, heading } = dropdownSection({...})
+ * const { base, section, heading } = dropdownSection({...})
  *
  * @example
- * <div>
+ * <div className={base()}>
  *  <button className={trigger()} aria-expanded="true/false">your trigger</button>
  *  <div className={section()}>
  *    // dropdown content
@@ -244,38 +224,40 @@ declare const dropdownItem: tailwind_variants.TVReturnType<{
  *  </div>
  * </div>
  */
-declare const dropdownSection: tailwind_variants.TVReturnType<{
-    showDivider: {
-        true: {
-            heading: string[];
-        };
-    };
-}, {
+declare const dropdownSection: tailwind_variants.TVReturnType<tailwind_variants.TVVariantsDefault<{
     base: string;
     heading: string;
     group: string;
-}, undefined, tailwind_variants_dist_config.TVConfig<{
-    showDivider: {
-        true: {
-            heading: string[];
-        };
-    };
-}, {
-    showDivider: {
-        true: {
-            heading: string[];
-        };
-    };
-}>, {
-    showDivider: {
-        true: {
-            heading: string[];
-        };
-    };
-}, {
+    divider: string;
+}, undefined> | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | tailwind_variants.SlotsClassValue<{
+            base: string;
+            heading: string;
+            group: string;
+            divider: string;
+        }, undefined>;
+    } | undefined;
+} | {}, {
+    base: string;
+    heading: string;
+    group: string;
+    divider: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<unknown, tailwind_variants.TVVariantsDefault<{
+    base: string;
+    heading: string;
+    group: string;
+    divider: string;
+}, undefined> | {}>, tailwind_variants.TVVariantsDefault<{
+    base: string;
+    heading: string;
+    group: string;
+    divider: string;
+}, undefined> | {}, {
     base: string;
     heading: string;
     group: string;
+    divider: string;
 }>;
 /**
  * Dropdown Menu wrapper **Tailwind Variants** component

package/dist/components/dropdown.js

@@ -69,23 +69,28 @@ var dropdownItem = (0, import_tailwind_variants.tv)({
       "rounded-lg",
       "outline-none",
       "cursor-pointer",
+      "tap-highlight-transparent",
       ...dataFocusVisibleClasses,
       "data-[focus-visible=true]:dark:ring-offset-background-content1"
     ],
     wrapper: "w-full flex flex-col items-start justify-center",
-    title: "flex-1 text-sm font-normal truncate",
-    description: ["text-xs", "w-full", "text-foreground-500", "group-hover:text-current"],
+    title: "flex-1 text-base lg:text-sm font-normal truncate",
+    description: [
+      "text-sm lg:text-xs",
+      "w-full",
+      "text-foreground-500",
+      "group-hover:text-current"
+    ],
     selectedIcon: ["text-inherit", "w-3", "h-3", "flex-shrink-0"],
     shortcut: [
       "px-1",
       "py-0.5",
       "rounded",
       "font-sans",
-      "opacity-60",
-      "text-inherit",
+      "text-foreground-500",
       "text-xs",
       "border",
-      "border-default-200",
+      "border-boundary",
       "group-hover:border-current"
     ]
   },
@@ -118,20 +123,6 @@ var dropdownItem = (0, import_tailwind_variants.tv)({
       warning: {},
       danger: {}
     },
-    showDivider: {
-      true: {
-        base: [
-          "mt-2",
-          "before-content-['']",
-          "before:absolute",
-          "before:-top-1.5",
-          "before:left-0",
-          "before:right-0",
-          "before:h-px",
-          "before:bg-divider"
-        ]
-      }
-    },
     isDisabled: {
       true: {
         base: "opacity-50 pointer-events-none"
@@ -406,23 +397,8 @@ var dropdownSection = (0, import_tailwind_variants.tv)({
   slots: {
     base: "relative mb-2",
     heading: "pl-1 text-xs text-foreground-500",
-    group: "pt-1"
-  },
-  variants: {
-    showDivider: {
-      true: {
-        heading: [
-          "mt-2",
-          "before-content-['']",
-          "before:absolute",
-          "before:-top-1",
-          "before:left-0",
-          "before:right-0",
-          "before:h-px",
-          "before:bg-divider"
-        ]
-      }
-    }
+    group: "data-[has-title=true]:pt-1",
+    divider: "mt-2"
   }
 });
 var dropdownMenu = (0, import_tailwind_variants.tv)({

package/dist/components/dropdown.mjs

@@ -3,7 +3,7 @@ import {
   dropdownItem,
   dropdownMenu,
   dropdownSection
-} from "../chunk-SFF5YUZA.mjs";
+} from "../chunk-LGTXL2ML.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-CEW7YOHH.mjs";

package/dist/components/index.js

@@ -1236,6 +1236,7 @@ var popover = (0, import_tailwind_variants9.tv)({
       "text-base",
       "outline-none",
       "box-border",
+      "overflow-hidden",
       ...dataFocusVisibleClasses
     ],
     trigger: ["z-10"],
@@ -2846,18 +2847,16 @@ var radioGroup = (0, import_tailwind_variants14.tv)({
 var import_tailwind_variants15 = require("tailwind-variants");
 var pagination = (0, import_tailwind_variants15.tv)({
   slots: {
-    base: [
+    base: ["p-2.5", "-m-2.5", "overflow-x-scroll", "scrollbar-hide"],
+    wrapper: [
       "flex",
       "flex-nowrap",
       "h-fit",
       "max-w-fit",
-      "p-2.5",
-      "-m-2.5",
       "relative",
       "gap-1",
       "items-center",
-      "overflow-x-scroll",
-      "scrollbar-hide"
+      "overflow-visible"
     ],
     item: ["tap-highlight-transparent", "select-none", "touch-none"],
     prev: "",
@@ -2929,8 +2928,9 @@ var pagination = (0, import_tailwind_variants15.tv)({
     },
     isCompact: {
       true: {
-        base: "gap-0",
+        wrapper: "gap-0 shadow-sm",
         item: [
+          "shadow-none",
           "first-of-type:rounded-r-none",
           "last-of-type:rounded-l-none",
           "[&:not(:first-of-type):not(:last-of-type)]:rounded-none"
@@ -3147,6 +3147,7 @@ var pagination = (0, import_tailwind_variants15.tv)({
         "flex-wrap",
         "truncate",
         "box-border",
+        "shadow-sm",
         "outline-none",
         "items-center",
         "justify-center",
@@ -3197,37 +3198,37 @@ var pagination = (0, import_tailwind_variants15.tv)({
       class: "min-w-11 w-11 h-11 text-base"
     },
     {
-      slots: ["item", "cursor", "prev", "next"],
+      slots: ["wrapper", "item", "cursor", "prev", "next"],
       radius: "none",
       class: "rounded-none"
     },
     {
-      slots: ["item", "cursor", "prev", "next"],
+      slots: ["wrapper", "item", "cursor", "prev", "next"],
       radius: "base",
       class: "rounded-base"
     },
     {
-      slots: ["item", "cursor", "prev", "next"],
+      slots: ["wrapper", "item", "cursor", "prev", "next"],
       radius: "sm",
       class: "rounded-sm"
     },
     {
-      slots: ["item", "cursor", "prev", "next"],
+      slots: ["wrapper", "item", "cursor", "prev", "next"],
       radius: "md",
       class: "rounded"
     },
     {
-      slots: ["item", "cursor", "prev", "next"],
+      slots: ["wrapper", "item", "cursor", "prev", "next"],
       radius: "lg",
       class: "rounded-lg"
     },
     {
-      slots: ["item", "cursor", "prev", "next"],
+      slots: ["wrapper", "item", "cursor", "prev", "next"],
       radius: "xl",
       class: "rounded-xl"
     },
     {
-      slots: ["item", "cursor", "prev", "next"],
+      slots: ["wrapper", "item", "cursor", "prev", "next"],
       radius: "full",
       class: "rounded-full"
     }
@@ -4556,23 +4557,28 @@ var dropdownItem = (0, import_tailwind_variants21.tv)({
       "rounded-lg",
       "outline-none",
       "cursor-pointer",
+      "tap-highlight-transparent",
       ...dataFocusVisibleClasses,
       "data-[focus-visible=true]:dark:ring-offset-background-content1"
     ],
     wrapper: "w-full flex flex-col items-start justify-center",
-    title: "flex-1 text-sm font-normal truncate",
-    description: ["text-xs", "w-full", "text-foreground-500", "group-hover:text-current"],
+    title: "flex-1 text-base lg:text-sm font-normal truncate",
+    description: [
+      "text-sm lg:text-xs",
+      "w-full",
+      "text-foreground-500",
+      "group-hover:text-current"
+    ],
     selectedIcon: ["text-inherit", "w-3", "h-3", "flex-shrink-0"],
     shortcut: [
       "px-1",
       "py-0.5",
       "rounded",
       "font-sans",
-      "opacity-60",
-      "text-inherit",
+      "text-foreground-500",
       "text-xs",
       "border",
-      "border-default-200",
+      "border-boundary",
       "group-hover:border-current"
     ]
   },
@@ -4605,20 +4611,6 @@ var dropdownItem = (0, import_tailwind_variants21.tv)({
       warning: {},
       danger: {}
     },
-    showDivider: {
-      true: {
-        base: [
-          "mt-2",
-          "before-content-['']",
-          "before:absolute",
-          "before:-top-1.5",
-          "before:left-0",
-          "before:right-0",
-          "before:h-px",
-          "before:bg-divider"
-        ]
-      }
-    },
     isDisabled: {
       true: {
         base: "opacity-50 pointer-events-none"
@@ -4893,23 +4885,8 @@ var dropdownSection = (0, import_tailwind_variants21.tv)({
   slots: {
     base: "relative mb-2",
     heading: "pl-1 text-xs text-foreground-500",
-    group: "pt-1"
-  },
-  variants: {
-    showDivider: {
-      true: {
-        heading: [
-          "mt-2",
-          "before-content-['']",
-          "before:absolute",
-          "before:-top-1",
-          "before:left-0",
-          "before:right-0",
-          "before:h-px",
-          "before:bg-divider"
-        ]
-      }
-    }
+    group: "data-[has-title=true]:pt-1",
+    divider: "mt-2"
   }
 });
 var dropdownMenu = (0, import_tailwind_variants21.tv)({
@@ -5698,7 +5675,7 @@ var tabs = (0, import_tailwind_variants29.tv)({
       "flex-nowrap",
       "overflow-x-scroll",
       "scrollbar-hide",
-      "bg-default-100"
+      "bg-content2"
     ],
     tab: [
       "z-0",

package/dist/components/index.mjs

@@ -10,7 +10,7 @@ import {
 } from "../chunk-ACERSXMK.mjs";
 import {
   tabs
-} from "../chunk-DN3YP75Q.mjs";
+} from "../chunk-UADWWNEI.mjs";
 import {
   toggle
 } from "../chunk-C3VRXEKA.mjs";
@@ -25,10 +25,10 @@ import {
 } from "../chunk-AOWZVYD6.mjs";
 import {
   pagination
-} from "../chunk-NIPJ5ETA.mjs";
+} from "../chunk-7CDOS5YK.mjs";
 import {
   popover
-} from "../chunk-QJZSBDVH.mjs";
+} from "../chunk-W2ASLLZX.mjs";
 import {
   progress
 } from "../chunk-BHHIVMOY.mjs";
@@ -53,7 +53,7 @@ import {
   dropdownItem,
   dropdownMenu,
   dropdownSection
-} from "../chunk-SFF5YUZA.mjs";
+} from "../chunk-LGTXL2ML.mjs";
 import {
   image
 } from "../chunk-46ZSXBCH.mjs";

package/dist/components/pagination.d.ts

@@ -69,7 +69,7 @@ declare const pagination: tailwind_variants.TVReturnType<{
     };
     isCompact: {
         true: {
-            base: string;
+            wrapper: string;
             item: string[];
             prev: string;
             next: string;
@@ -100,6 +100,7 @@ declare const pagination: tailwind_variants.TVReturnType<{
     };
 }, {
     base: string[];
+    wrapper: string[];
     item: string[];
     prev: string;
     next: string;
@@ -158,7 +159,7 @@ declare const pagination: tailwind_variants.TVReturnType<{
     };
     isCompact: {
         true: {
-            base: string;
+            wrapper: string;
             item: string[];
             prev: string;
             next: string;
@@ -238,7 +239,7 @@ declare const pagination: tailwind_variants.TVReturnType<{
     };
     isCompact: {
         true: {
-            base: string;
+            wrapper: string;
             item: string[];
             prev: string;
             next: string;
@@ -318,7 +319,7 @@ declare const pagination: tailwind_variants.TVReturnType<{
     };
     isCompact: {
         true: {
-            base: string;
+            wrapper: string;
             item: string[];
             prev: string;
             next: string;
@@ -349,6 +350,7 @@ declare const pagination: tailwind_variants.TVReturnType<{
     };
 }, {
     base: string[];
+    wrapper: string[];
     item: string[];
     prev: string;
     next: string;

package/dist/components/pagination.js

@@ -113,18 +113,16 @@ var colorVariants = {
 // src/components/pagination.ts
 var pagination = (0, import_tailwind_variants.tv)({
   slots: {
-    base: [
+    base: ["p-2.5", "-m-2.5", "overflow-x-scroll", "scrollbar-hide"],
+    wrapper: [
       "flex",
       "flex-nowrap",
       "h-fit",
       "max-w-fit",
-      "p-2.5",
-      "-m-2.5",
       "relative",
       "gap-1",
       "items-center",
-      "overflow-x-scroll",
-      "scrollbar-hide"
+      "overflow-visible"
     ],
     item: ["tap-highlight-transparent", "select-none", "touch-none"],
     prev: "",
@@ -196,8 +194,9 @@ var pagination = (0, import_tailwind_variants.tv)({
     },
     isCompact: {
       true: {
-        base: "gap-0",
+        wrapper: "gap-0 shadow-sm",
         item: [
+          "shadow-none",
           "first-of-type:rounded-r-none",
           "last-of-type:rounded-l-none",
           "[&:not(:first-of-type):not(:last-of-type)]:rounded-none"
@@ -414,6 +413,7 @@ var pagination = (0, import_tailwind_variants.tv)({
         "flex-wrap",
         "truncate",
         "box-border",
+        "shadow-sm",
         "outline-none",
         "items-center",
         "justify-center",
@@ -464,37 +464,37 @@ var pagination = (0, import_tailwind_variants.tv)({
       class: "min-w-11 w-11 h-11 text-base"
     },
     {
-      slots: ["item", "cursor", "prev", "next"],
+      slots: ["wrapper", "item", "cursor", "prev", "next"],
       radius: "none",
       class: "rounded-none"
     },
     {
-      slots: ["item", "cursor", "prev", "next"],
+      slots: ["wrapper", "item", "cursor", "prev", "next"],
       radius: "base",
       class: "rounded-base"
     },
     {
-      slots: ["item", "cursor", "prev", "next"],
+      slots: ["wrapper", "item", "cursor", "prev", "next"],
       radius: "sm",
       class: "rounded-sm"
     },
     {
-      slots: ["item", "cursor", "prev", "next"],
+      slots: ["wrapper", "item", "cursor", "prev", "next"],
       radius: "md",
       class: "rounded"
     },
     {
-      slots: ["item", "cursor", "prev", "next"],
+      slots: ["wrapper", "item", "cursor", "prev", "next"],
       radius: "lg",
       class: "rounded-lg"
     },
     {
-      slots: ["item", "cursor", "prev", "next"],
+      slots: ["wrapper", "item", "cursor", "prev", "next"],
       radius: "xl",
       class: "rounded-xl"
     },
     {
-      slots: ["item", "cursor", "prev", "next"],
+      slots: ["wrapper", "item", "cursor", "prev", "next"],
       radius: "full",
       class: "rounded-full"
     }

package/dist/components/pagination.mjs

@@ -1,6 +1,6 @@
 import {
   pagination
-} from "../chunk-NIPJ5ETA.mjs";
+} from "../chunk-7CDOS5YK.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-CEW7YOHH.mjs";

package/dist/components/popover.js

@@ -126,6 +126,7 @@ var popover = (0, import_tailwind_variants.tv)({
       "text-base",
       "outline-none",
       "box-border",
+      "overflow-hidden",
       ...dataFocusVisibleClasses
     ],
     trigger: ["z-10"],

package/dist/components/popover.mjs

@@ -1,6 +1,6 @@
 import {
   popover
-} from "../chunk-QJZSBDVH.mjs";
+} from "../chunk-W2ASLLZX.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-CEW7YOHH.mjs";

package/dist/components/tabs.js

@@ -123,7 +123,7 @@ var tabs = (0, import_tailwind_variants.tv)({
       "flex-nowrap",
       "overflow-x-scroll",
       "scrollbar-hide",
-      "bg-default-100"
+      "bg-content2"
     ],
     tab: [
       "z-0",

package/dist/components/tabs.mjs

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

package/dist/index.js

@@ -1269,6 +1269,7 @@ var popover = (0, import_tailwind_variants9.tv)({
       "text-base",
       "outline-none",
       "box-border",
+      "overflow-hidden",
       ...dataFocusVisibleClasses
     ],
     trigger: ["z-10"],
@@ -2879,18 +2880,16 @@ var radioGroup = (0, import_tailwind_variants14.tv)({
 var import_tailwind_variants15 = require("tailwind-variants");
 var pagination = (0, import_tailwind_variants15.tv)({
   slots: {
-    base: [
+    base: ["p-2.5", "-m-2.5", "overflow-x-scroll", "scrollbar-hide"],
+    wrapper: [
       "flex",
       "flex-nowrap",
       "h-fit",
       "max-w-fit",
-      "p-2.5",
-      "-m-2.5",
       "relative",
       "gap-1",
       "items-center",
-      "overflow-x-scroll",
-      "scrollbar-hide"
+      "overflow-visible"
     ],
     item: ["tap-highlight-transparent", "select-none", "touch-none"],
     prev: "",
@@ -2962,8 +2961,9 @@ var pagination = (0, import_tailwind_variants15.tv)({
     },
     isCompact: {
       true: {
-        base: "gap-0",
+        wrapper: "gap-0 shadow-sm",
         item: [
+          "shadow-none",
           "first-of-type:rounded-r-none",
           "last-of-type:rounded-l-none",
           "[&:not(:first-of-type):not(:last-of-type)]:rounded-none"
@@ -3180,6 +3180,7 @@ var pagination = (0, import_tailwind_variants15.tv)({
         "flex-wrap",
         "truncate",
         "box-border",
+        "shadow-sm",
         "outline-none",
         "items-center",
         "justify-center",
@@ -3230,37 +3231,37 @@ var pagination = (0, import_tailwind_variants15.tv)({
       class: "min-w-11 w-11 h-11 text-base"
     },
     {
-      slots: ["item", "cursor", "prev", "next"],
+      slots: ["wrapper", "item", "cursor", "prev", "next"],
       radius: "none",
       class: "rounded-none"
     },
     {
-      slots: ["item", "cursor", "prev", "next"],
+      slots: ["wrapper", "item", "cursor", "prev", "next"],
       radius: "base",
       class: "rounded-base"
     },
     {
-      slots: ["item", "cursor", "prev", "next"],
+      slots: ["wrapper", "item", "cursor", "prev", "next"],
       radius: "sm",
       class: "rounded-sm"
     },
     {
-      slots: ["item", "cursor", "prev", "next"],
+      slots: ["wrapper", "item", "cursor", "prev", "next"],
       radius: "md",
       class: "rounded"
     },
     {
-      slots: ["item", "cursor", "prev", "next"],
+      slots: ["wrapper", "item", "cursor", "prev", "next"],
       radius: "lg",
       class: "rounded-lg"
     },
     {
-      slots: ["item", "cursor", "prev", "next"],
+      slots: ["wrapper", "item", "cursor", "prev", "next"],
       radius: "xl",
       class: "rounded-xl"
     },
     {
-      slots: ["item", "cursor", "prev", "next"],
+      slots: ["wrapper", "item", "cursor", "prev", "next"],
       radius: "full",
       class: "rounded-full"
     }
@@ -4589,23 +4590,28 @@ var dropdownItem = (0, import_tailwind_variants21.tv)({
       "rounded-lg",
       "outline-none",
       "cursor-pointer",
+      "tap-highlight-transparent",
       ...dataFocusVisibleClasses,
       "data-[focus-visible=true]:dark:ring-offset-background-content1"
     ],
     wrapper: "w-full flex flex-col items-start justify-center",
-    title: "flex-1 text-sm font-normal truncate",
-    description: ["text-xs", "w-full", "text-foreground-500", "group-hover:text-current"],
+    title: "flex-1 text-base lg:text-sm font-normal truncate",
+    description: [
+      "text-sm lg:text-xs",
+      "w-full",
+      "text-foreground-500",
+      "group-hover:text-current"
+    ],
     selectedIcon: ["text-inherit", "w-3", "h-3", "flex-shrink-0"],
     shortcut: [
       "px-1",
       "py-0.5",
       "rounded",
       "font-sans",
-      "opacity-60",
-      "text-inherit",
+      "text-foreground-500",
       "text-xs",
       "border",
-      "border-default-200",
+      "border-boundary",
       "group-hover:border-current"
     ]
   },
@@ -4638,20 +4644,6 @@ var dropdownItem = (0, import_tailwind_variants21.tv)({
       warning: {},
       danger: {}
     },
-    showDivider: {
-      true: {
-        base: [
-          "mt-2",
-          "before-content-['']",
-          "before:absolute",
-          "before:-top-1.5",
-          "before:left-0",
-          "before:right-0",
-          "before:h-px",
-          "before:bg-divider"
-        ]
-      }
-    },
     isDisabled: {
       true: {
         base: "opacity-50 pointer-events-none"
@@ -4926,23 +4918,8 @@ var dropdownSection = (0, import_tailwind_variants21.tv)({
   slots: {
     base: "relative mb-2",
     heading: "pl-1 text-xs text-foreground-500",
-    group: "pt-1"
-  },
-  variants: {
-    showDivider: {
-      true: {
-        heading: [
-          "mt-2",
-          "before-content-['']",
-          "before:absolute",
-          "before:-top-1",
-          "before:left-0",
-          "before:right-0",
-          "before:h-px",
-          "before:bg-divider"
-        ]
-      }
-    }
+    group: "data-[has-title=true]:pt-1",
+    divider: "mt-2"
   }
 });
 var dropdownMenu = (0, import_tailwind_variants21.tv)({
@@ -5731,7 +5708,7 @@ var tabs = (0, import_tailwind_variants29.tv)({
       "flex-nowrap",
       "overflow-x-scroll",
       "scrollbar-hide",
-      "bg-default-100"
+      "bg-content2"
     ],
     tab: [
       "z-0",
@@ -6315,7 +6292,7 @@ function removeDefaultKeys(obj) {
 var base = {
   light: {
     background: {
-      DEFAULT: "#ffffff"
+      DEFAULT: "#FFFFFF"
     },
     foreground: {
       ...import_colors.default.zinc,
@@ -6325,13 +6302,13 @@ var base = {
       DEFAULT: "rgba(17, 17, 17, 0.15)"
     },
     boundary: {
-      DEFAULT: import_colors.default.zinc[100]
+      DEFAULT: import_colors.default.zinc[300]
     },
     focus: {
       DEFAULT: commonColors.blue[500]
     },
     content1: {
-      DEFAULT: "#ffffff",
+      DEFAULT: "#FFFFFF",
       foreground: "#11181C"
     },
     content2: {

package/dist/index.mjs

@@ -10,7 +10,7 @@ import {
 } from "./chunk-ACERSXMK.mjs";
 import {
   tabs
-} from "./chunk-DN3YP75Q.mjs";
+} from "./chunk-UADWWNEI.mjs";
 import {
   toggle
 } from "./chunk-C3VRXEKA.mjs";
@@ -25,10 +25,10 @@ import {
 } from "./chunk-AOWZVYD6.mjs";
 import {
   pagination
-} from "./chunk-NIPJ5ETA.mjs";
+} from "./chunk-7CDOS5YK.mjs";
 import {
   popover
-} from "./chunk-QJZSBDVH.mjs";
+} from "./chunk-W2ASLLZX.mjs";
 import {
   progress
 } from "./chunk-BHHIVMOY.mjs";
@@ -53,7 +53,7 @@ import {
   dropdownItem,
   dropdownMenu,
   dropdownSection
-} from "./chunk-SFF5YUZA.mjs";
+} from "./chunk-LGTXL2ML.mjs";
 import {
   image
 } from "./chunk-46ZSXBCH.mjs";
@@ -105,11 +105,11 @@ import {
 } from "./chunk-CEW7YOHH.mjs";
 import {
   nextui
-} from "./chunk-53FU66TE.mjs";
-import "./chunk-UNQJ7BRW.mjs";
-import "./chunk-DI2L75XK.mjs";
+} from "./chunk-B7YAOHJP.mjs";
+import "./chunk-OQGOVMIP.mjs";
 import "./chunk-4Z22WXZX.mjs";
 import "./chunk-HJLDXSH7.mjs";
+import "./chunk-DI2L75XK.mjs";
 import {
   absoluteFullClasses,
   baseStyles,
@@ -122,10 +122,10 @@ import {
 import "./chunk-WQEDQHKX.mjs";
 import {
   colors
-} from "./chunk-TFIDBELY.mjs";
+} from "./chunk-GVNDH7OI.mjs";
 import {
   semanticColors
-} from "./chunk-BWO5RTQF.mjs";
+} from "./chunk-N6M7XBU3.mjs";
 import "./chunk-37PIXVP4.mjs";
 import "./chunk-M63AFAHO.mjs";
 import "./chunk-DMASP6FA.mjs";

package/dist/plugin.js

@@ -185,7 +185,7 @@ function removeDefaultKeys(obj) {
 var base = {
   light: {
     background: {
-      DEFAULT: "#ffffff"
+      DEFAULT: "#FFFFFF"
     },
     foreground: {
       ...import_colors.default.zinc,
@@ -195,13 +195,13 @@ var base = {
       DEFAULT: "rgba(17, 17, 17, 0.15)"
     },
     boundary: {
-      DEFAULT: import_colors.default.zinc[100]
+      DEFAULT: import_colors.default.zinc[300]
     },
     focus: {
       DEFAULT: commonColors.blue[500]
     },
     content1: {
-      DEFAULT: "#ffffff",
+      DEFAULT: "#FFFFFF",
       foreground: "#11181C"
     },
     content2: {

package/dist/plugin.mjs

@@ -1,14 +1,14 @@
 import {
   nextui
-} from "./chunk-53FU66TE.mjs";
-import "./chunk-UNQJ7BRW.mjs";
-import "./chunk-DI2L75XK.mjs";
+} from "./chunk-B7YAOHJP.mjs";
+import "./chunk-OQGOVMIP.mjs";
 import "./chunk-4Z22WXZX.mjs";
 import "./chunk-HJLDXSH7.mjs";
+import "./chunk-DI2L75XK.mjs";
 import "./chunk-G2ZSNGR5.mjs";
 import "./chunk-WQEDQHKX.mjs";
-import "./chunk-TFIDBELY.mjs";
-import "./chunk-BWO5RTQF.mjs";
+import "./chunk-GVNDH7OI.mjs";
+import "./chunk-N6M7XBU3.mjs";
 import "./chunk-37PIXVP4.mjs";
 import "./chunk-M63AFAHO.mjs";
 import "./chunk-DMASP6FA.mjs";

package/dist/utilities/index.mjs

@@ -1,9 +1,9 @@
 import {
   utilities
-} from "../chunk-UNQJ7BRW.mjs";
-import "../chunk-DI2L75XK.mjs";
+} from "../chunk-OQGOVMIP.mjs";
 import "../chunk-4Z22WXZX.mjs";
 import "../chunk-HJLDXSH7.mjs";
+import "../chunk-DI2L75XK.mjs";
 export {
   utilities
 };

package/package.json

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

package/dist/{chunk-UNQJ7BRW.mjs → chunk-OQGOVMIP.mjs}

@@ -1,12 +1,12 @@
-import {
-  custom_default
-} from "./chunk-DI2L75XK.mjs";
 import {
   scrollbar_hide_default
 } from "./chunk-4Z22WXZX.mjs";
 import {
   transition_default
 } from "./chunk-HJLDXSH7.mjs";
+import {
+  custom_default
+} from "./chunk-DI2L75XK.mjs";
 
 // src/utilities/index.ts
 var utilities = {