@nextui-org/theme 2.1.8 → 2.1.10

package/dist/components/listbox.js

@@ -84,39 +84,32 @@ var mappedSpacingScaleKeys = spacingScaleKeys.map((key) => `unit-${key}`);
 
 // src/utils/tv.ts
 var COMMON_UNITS = ["small", "medium", "large"];
-var tv = (options, config) => {
-  var _a, _b, _c;
-  return (0, import_tailwind_variants.tv)(options, {
-    ...config,
-    twMerge: (_a = config == null ? void 0 : config.twMerge) != null ? _a : true,
-    twMergeConfig: {
-      ...config == null ? void 0 : config.twMergeConfig,
-      theme: {
-        ...(_b = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _b.theme,
-        opacity: ["disabled"],
-        spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
-        borderWidth: COMMON_UNITS,
-        borderRadius: COMMON_UNITS
-      },
-      classGroups: {
-        ...(_c = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _c.classGroups,
-        shadow: [{ shadow: COMMON_UNITS }],
-        "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
-        "bg-image": ["bg-stripe-gradient"],
-        "min-w": [
-          {
-            "min-w": ["unit", ...mappedSpacingScaleKeys]
-          }
-        ],
-        "min-h": [
-          {
-            "min-h": ["unit", ...mappedSpacingScaleKeys]
-          }
-        ]
-      }
+var tv = (0, import_tailwind_variants.createTV)({
+  twMerge: true,
+  twMergeConfig: {
+    theme: {
+      opacity: ["disabled"],
+      spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
+      borderWidth: COMMON_UNITS,
+      borderRadius: COMMON_UNITS
+    },
+    classGroups: {
+      shadow: [{ shadow: COMMON_UNITS }],
+      "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
+      "bg-image": ["bg-stripe-gradient"],
+      "min-w": [
+        {
+          "min-w": ["unit", ...mappedSpacingScaleKeys]
+        }
+      ],
+      "min-h": [
+        {
+          "min-h": ["unit", ...mappedSpacingScaleKeys]
+        }
+      ]
     }
-  });
-};
+  }
+});
 
 // src/utils/classes.ts
 var dataFocusVisibleClasses = [
@@ -129,7 +122,19 @@ var dataFocusVisibleClasses = [
 
 // src/components/menu.ts
 var menu = tv({
-  base: "w-full flex flex-col gap-0.5 p-1 outline-none"
+  slots: {
+    base: "w-full relative flex flex-col gap-1 p-1",
+    list: "w-full flex flex-col gap-0.5 outline-none",
+    emptyContent: [
+      "h-10",
+      "px-2",
+      "py-1.5",
+      "w-full",
+      "h-full",
+      "text-foreground-400",
+      "text-start"
+    ]
+  }
 });
 var menuItem = tv({
   slots: {
@@ -223,7 +228,9 @@ var menuItem = tv({
     },
     disableAnimation: {
       true: {},
-      false: {}
+      false: {
+        base: "data-[hover=true]:transition-colors"
+      }
     }
   },
   defaultVariants: {

package/dist/components/listbox.mjs

@@ -3,12 +3,12 @@ import {
   menu,
   menuItem,
   menuSection
-} from "../chunk-YKWIBFFV.mjs";
+} from "../chunk-QWYWYOG6.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
-import "../chunk-6AEINX52.mjs";
-import "../chunk-T7JNS25F.mjs";
+import "../chunk-WBUVHAJX.mjs";
+import "../chunk-XHQUSKIE.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {
   menu as listbox,

package/dist/components/menu.d.ts

@@ -8,11 +8,59 @@ import { VariantProps } from 'tailwind-variants';
  * const classNames = menu({...})
 
  */
-declare const menu: tailwind_variants.TVReturnType<tailwind_variants.TVVariantsDefault<undefined, "w-full flex flex-col gap-0.5 p-1 outline-none"> | {
+declare const menu: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            list?: tailwind_variants.ClassValue;
+            emptyContent?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
     [x: string]: {
-        [x: string]: tailwind_variants.ClassValue | tailwind_variants.SlotsClassValue<undefined, "w-full flex flex-col gap-0.5 p-1 outline-none">;
+        [x: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            list?: tailwind_variants.ClassValue;
+            emptyContent?: tailwind_variants.ClassValue;
+        };
     } | undefined;
-} | {}, undefined, "w-full flex flex-col gap-0.5 p-1 outline-none", tailwind_variants_dist_config.TVConfig<unknown, tailwind_variants.TVVariantsDefault<undefined, "w-full flex flex-col gap-0.5 p-1 outline-none"> | {}>, tailwind_variants.TVVariantsDefault<undefined, "w-full flex flex-col gap-0.5 p-1 outline-none"> | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "w-full flex flex-col gap-0.5 p-1 outline-none", tailwind_variants_dist_config.TVConfig<unknown, tailwind_variants.TVVariantsDefault<undefined, "w-full flex flex-col gap-0.5 p-1 outline-none"> | {}>, unknown, unknown, undefined>>;
+} | {}, {
+    base: string;
+    list: string;
+    emptyContent: string[];
+}, undefined, tailwind_variants_dist_config.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            list?: tailwind_variants.ClassValue;
+            emptyContent?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            list?: tailwind_variants.ClassValue;
+            emptyContent?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    base: string;
+    list: string;
+    emptyContent: string[];
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string;
+    list: string;
+    emptyContent: string[];
+}, undefined, tailwind_variants_dist_config.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            list?: tailwind_variants.ClassValue;
+            emptyContent?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
 /**
  * MenuItem wrapper **Tailwind Variants** component
  *
@@ -77,7 +125,9 @@ declare const menuItem: tailwind_variants.TVReturnType<{
     };
     disableAnimation: {
         true: {};
-        false: {};
+        false: {
+            base: string;
+        };
     };
 }, {
     base: string[];
@@ -128,7 +178,9 @@ declare const menuItem: tailwind_variants.TVReturnType<{
     };
     disableAnimation: {
         true: {};
-        false: {};
+        false: {
+            base: string;
+        };
     };
 }, {
     variant: {
@@ -172,7 +224,9 @@ declare const menuItem: tailwind_variants.TVReturnType<{
     };
     disableAnimation: {
         true: {};
-        false: {};
+        false: {
+            base: string;
+        };
     };
 }>, {
     variant: {
@@ -216,7 +270,9 @@ declare const menuItem: tailwind_variants.TVReturnType<{
     };
     disableAnimation: {
         true: {};
-        false: {};
+        false: {
+            base: string;
+        };
     };
 }, {
     base: string[];
@@ -267,7 +323,9 @@ declare const menuItem: tailwind_variants.TVReturnType<{
     };
     disableAnimation: {
         true: {};
-        false: {};
+        false: {
+            base: string;
+        };
     };
 }, {
     base: string[];
@@ -318,7 +376,9 @@ declare const menuItem: tailwind_variants.TVReturnType<{
     };
     disableAnimation: {
         true: {};
-        false: {};
+        false: {
+            base: string;
+        };
     };
 }, {
     variant: {
@@ -362,7 +422,9 @@ declare const menuItem: tailwind_variants.TVReturnType<{
     };
     disableAnimation: {
         true: {};
-        false: {};
+        false: {
+            base: string;
+        };
     };
 }>, unknown, unknown, undefined>>;
 /**
@@ -379,36 +441,48 @@ declare const menuItem: tailwind_variants.TVReturnType<{
  *  </div>
  * </div>
  */
-declare const menuSection: tailwind_variants.TVReturnType<tailwind_variants.TVVariantsDefault<{
-    base: string;
-    heading: string;
-    group: string;
-    divider: string;
-}, undefined> | {
+declare const menuSection: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            group?: tailwind_variants.ClassValue;
+            heading?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
     [x: string]: {
-        [x: string]: tailwind_variants.ClassValue | tailwind_variants.SlotsClassValue<{
-            base: string;
-            heading: string;
-            group: string;
-            divider: string;
-        }, undefined>;
+        [x: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            group?: tailwind_variants.ClassValue;
+            heading?: tailwind_variants.ClassValue;
+        };
     } | 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> | {}, {
+}, undefined, tailwind_variants_dist_config.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            group?: tailwind_variants.ClassValue;
+            heading?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            group?: tailwind_variants.ClassValue;
+            heading?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
     base: string;
     heading: string;
     group: string;
@@ -418,16 +492,21 @@ declare const menuSection: tailwind_variants.TVReturnType<tailwind_variants.TVVa
     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> | {}>, unknown, unknown, undefined>>;
+}, undefined, tailwind_variants_dist_config.TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            divider?: tailwind_variants.ClassValue;
+            group?: tailwind_variants.ClassValue;
+            heading?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
 type MenuVariantProps = VariantProps<typeof menu>;
+type MenuSlots = keyof ReturnType<typeof menu>;
 type MenuSectionVariantProps = VariantProps<typeof menuSection>;
 type MenuSectionSlots = keyof ReturnType<typeof menuSection>;
 type MenuItemVariantProps = VariantProps<typeof menuItem>;
 type MenuItemSlots = keyof ReturnType<typeof menuItem>;
 
-export { MenuItemSlots, MenuItemVariantProps, MenuSectionSlots, MenuSectionVariantProps, MenuVariantProps, menu, menuItem, menuSection };
+export { MenuItemSlots, MenuItemVariantProps, MenuSectionSlots, MenuSectionVariantProps, MenuSlots, MenuVariantProps, menu, menuItem, menuSection };

package/dist/components/menu.js

@@ -84,39 +84,32 @@ var mappedSpacingScaleKeys = spacingScaleKeys.map((key) => `unit-${key}`);
 
 // src/utils/tv.ts
 var COMMON_UNITS = ["small", "medium", "large"];
-var tv = (options, config) => {
-  var _a, _b, _c;
-  return (0, import_tailwind_variants.tv)(options, {
-    ...config,
-    twMerge: (_a = config == null ? void 0 : config.twMerge) != null ? _a : true,
-    twMergeConfig: {
-      ...config == null ? void 0 : config.twMergeConfig,
-      theme: {
-        ...(_b = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _b.theme,
-        opacity: ["disabled"],
-        spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
-        borderWidth: COMMON_UNITS,
-        borderRadius: COMMON_UNITS
-      },
-      classGroups: {
-        ...(_c = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _c.classGroups,
-        shadow: [{ shadow: COMMON_UNITS }],
-        "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
-        "bg-image": ["bg-stripe-gradient"],
-        "min-w": [
-          {
-            "min-w": ["unit", ...mappedSpacingScaleKeys]
-          }
-        ],
-        "min-h": [
-          {
-            "min-h": ["unit", ...mappedSpacingScaleKeys]
-          }
-        ]
-      }
+var tv = (0, import_tailwind_variants.createTV)({
+  twMerge: true,
+  twMergeConfig: {
+    theme: {
+      opacity: ["disabled"],
+      spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
+      borderWidth: COMMON_UNITS,
+      borderRadius: COMMON_UNITS
+    },
+    classGroups: {
+      shadow: [{ shadow: COMMON_UNITS }],
+      "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
+      "bg-image": ["bg-stripe-gradient"],
+      "min-w": [
+        {
+          "min-w": ["unit", ...mappedSpacingScaleKeys]
+        }
+      ],
+      "min-h": [
+        {
+          "min-h": ["unit", ...mappedSpacingScaleKeys]
+        }
+      ]
     }
-  });
-};
+  }
+});
 
 // src/utils/classes.ts
 var dataFocusVisibleClasses = [
@@ -129,7 +122,19 @@ var dataFocusVisibleClasses = [
 
 // src/components/menu.ts
 var menu = tv({
-  base: "w-full flex flex-col gap-0.5 p-1 outline-none"
+  slots: {
+    base: "w-full relative flex flex-col gap-1 p-1",
+    list: "w-full flex flex-col gap-0.5 outline-none",
+    emptyContent: [
+      "h-10",
+      "px-2",
+      "py-1.5",
+      "w-full",
+      "h-full",
+      "text-foreground-400",
+      "text-start"
+    ]
+  }
 });
 var menuItem = tv({
   slots: {
@@ -223,7 +228,9 @@ var menuItem = tv({
     },
     disableAnimation: {
       true: {},
-      false: {}
+      false: {
+        base: "data-[hover=true]:transition-colors"
+      }
     }
   },
   defaultVariants: {

package/dist/components/menu.mjs

@@ -2,12 +2,12 @@ import {
   menu,
   menuItem,
   menuSection
-} from "../chunk-YKWIBFFV.mjs";
+} from "../chunk-QWYWYOG6.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
-import "../chunk-6AEINX52.mjs";
-import "../chunk-T7JNS25F.mjs";
+import "../chunk-WBUVHAJX.mjs";
+import "../chunk-XHQUSKIE.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {
   menu,

package/dist/components/modal.js

@@ -82,39 +82,32 @@ var mappedSpacingScaleKeys = spacingScaleKeys.map((key) => `unit-${key}`);
 
 // src/utils/tv.ts
 var COMMON_UNITS = ["small", "medium", "large"];
-var tv = (options, config) => {
-  var _a, _b, _c;
-  return (0, import_tailwind_variants.tv)(options, {
-    ...config,
-    twMerge: (_a = config == null ? void 0 : config.twMerge) != null ? _a : true,
-    twMergeConfig: {
-      ...config == null ? void 0 : config.twMergeConfig,
-      theme: {
-        ...(_b = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _b.theme,
-        opacity: ["disabled"],
-        spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
-        borderWidth: COMMON_UNITS,
-        borderRadius: COMMON_UNITS
-      },
-      classGroups: {
-        ...(_c = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _c.classGroups,
-        shadow: [{ shadow: COMMON_UNITS }],
-        "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
-        "bg-image": ["bg-stripe-gradient"],
-        "min-w": [
-          {
-            "min-w": ["unit", ...mappedSpacingScaleKeys]
-          }
-        ],
-        "min-h": [
-          {
-            "min-h": ["unit", ...mappedSpacingScaleKeys]
-          }
-        ]
-      }
+var tv = (0, import_tailwind_variants.createTV)({
+  twMerge: true,
+  twMergeConfig: {
+    theme: {
+      opacity: ["disabled"],
+      spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
+      borderWidth: COMMON_UNITS,
+      borderRadius: COMMON_UNITS
+    },
+    classGroups: {
+      shadow: [{ shadow: COMMON_UNITS }],
+      "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
+      "bg-image": ["bg-stripe-gradient"],
+      "min-w": [
+        {
+          "min-w": ["unit", ...mappedSpacingScaleKeys]
+        }
+      ],
+      "min-h": [
+        {
+          "min-h": ["unit", ...mappedSpacingScaleKeys]
+        }
+      ]
     }
-  });
-};
+  }
+});
 
 // src/utils/classes.ts
 var dataFocusVisibleClasses = [

package/dist/components/modal.mjs

@@ -1,11 +1,11 @@
 import {
   modal
-} from "../chunk-4DKVPW5Z.mjs";
+} from "../chunk-HBLCAYSX.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
-import "../chunk-6AEINX52.mjs";
-import "../chunk-T7JNS25F.mjs";
+import "../chunk-WBUVHAJX.mjs";
+import "../chunk-XHQUSKIE.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {
   modal

package/dist/components/navbar.js

@@ -82,39 +82,32 @@ var mappedSpacingScaleKeys = spacingScaleKeys.map((key) => `unit-${key}`);
 
 // src/utils/tv.ts
 var COMMON_UNITS = ["small", "medium", "large"];
-var tv = (options, config) => {
-  var _a, _b, _c;
-  return (0, import_tailwind_variants.tv)(options, {
-    ...config,
-    twMerge: (_a = config == null ? void 0 : config.twMerge) != null ? _a : true,
-    twMergeConfig: {
-      ...config == null ? void 0 : config.twMergeConfig,
-      theme: {
-        ...(_b = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _b.theme,
-        opacity: ["disabled"],
-        spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
-        borderWidth: COMMON_UNITS,
-        borderRadius: COMMON_UNITS
-      },
-      classGroups: {
-        ...(_c = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _c.classGroups,
-        shadow: [{ shadow: COMMON_UNITS }],
-        "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
-        "bg-image": ["bg-stripe-gradient"],
-        "min-w": [
-          {
-            "min-w": ["unit", ...mappedSpacingScaleKeys]
-          }
-        ],
-        "min-h": [
-          {
-            "min-h": ["unit", ...mappedSpacingScaleKeys]
-          }
-        ]
-      }
+var tv = (0, import_tailwind_variants.createTV)({
+  twMerge: true,
+  twMergeConfig: {
+    theme: {
+      opacity: ["disabled"],
+      spacing: ["divider", "unit", ...mappedSpacingScaleKeys],
+      borderWidth: COMMON_UNITS,
+      borderRadius: COMMON_UNITS
+    },
+    classGroups: {
+      shadow: [{ shadow: COMMON_UNITS }],
+      "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
+      "bg-image": ["bg-stripe-gradient"],
+      "min-w": [
+        {
+          "min-w": ["unit", ...mappedSpacingScaleKeys]
+        }
+      ],
+      "min-h": [
+        {
+          "min-h": ["unit", ...mappedSpacingScaleKeys]
+        }
+      ]
     }
-  });
-};
+  }
+});
 
 // src/utils/classes.ts
 var dataFocusVisibleClasses = [
@@ -248,7 +241,10 @@ var navbar = tv({
       "gap-2",
       "overflow-y-auto"
     ],
-    menuItem: ["text-large"]
+    menuItem: [
+      "text-large",
+      "data-[active=true]:font-semibold"
+    ]
   },
   variants: {
     position: {

package/dist/components/navbar.mjs

@@ -1,11 +1,11 @@
 import {
   navbar
-} from "../chunk-LGRQRHJJ.mjs";
+} from "../chunk-BR6V72YY.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";
-import "../chunk-6AEINX52.mjs";
-import "../chunk-T7JNS25F.mjs";
+import "../chunk-WBUVHAJX.mjs";
+import "../chunk-XHQUSKIE.mjs";
 import "../chunk-WA5F6AED.mjs";
 export {
   navbar