@nextui-org/theme 2.2.2 → 2.2.4

package/dist/components/code.js

@@ -26,7 +26,24 @@ module.exports = __toCommonJS(code_exports);
 
 // src/utils/tv.ts
 var import_tailwind_variants = require("tailwind-variants");
+
+// src/utils/tw-merge-config.ts
 var COMMON_UNITS = ["small", "medium", "large"];
+var twMergeConfig = {
+  theme: {
+    opacity: ["disabled"],
+    spacing: ["divider"],
+    borderWidth: COMMON_UNITS,
+    borderRadius: COMMON_UNITS
+  },
+  classGroups: {
+    shadow: [{ shadow: COMMON_UNITS }],
+    "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
+    "bg-image": ["bg-stripe-gradient"]
+  }
+};
+
+// src/utils/tv.ts
 var tv = (options, config) => {
   var _a, _b, _c;
   return (0, import_tailwind_variants.tv)(options, {
@@ -36,16 +53,11 @@ var tv = (options, config) => {
       ...config == null ? void 0 : config.twMergeConfig,
       theme: {
         ...(_b = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _b.theme,
-        opacity: ["disabled"],
-        spacing: ["divider"],
-        borderWidth: COMMON_UNITS,
-        borderRadius: COMMON_UNITS
+        ...twMergeConfig.theme
       },
       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"]
+        ...twMergeConfig.classGroups
       }
     }
   });

package/dist/components/code.mjs

@@ -1,10 +1,11 @@
 import {
   code
-} from "../chunk-V5ZTBGGO.mjs";
-import "../chunk-CMYR6AOY.mjs";
-import "../chunk-K7LK7NCE.mjs";
+} from "../chunk-BT3FGTF7.mjs";
+import "../chunk-IV3K5WDK.mjs";
+import "../chunk-3XVMTUU7.mjs";
 import "../chunk-2PIR7DFM.mjs";
-import "../chunk-GMMETTYU.mjs";
+import "../chunk-N2KXC5ZE.mjs";
+import "../chunk-BYWORP66.mjs";
 import "../chunk-XHQUSKIE.mjs";
 export {
   code

package/dist/components/date-input.js

@@ -26,7 +26,24 @@ module.exports = __toCommonJS(date_input_exports);
 
 // src/utils/tv.ts
 var import_tailwind_variants = require("tailwind-variants");
+
+// src/utils/tw-merge-config.ts
 var COMMON_UNITS = ["small", "medium", "large"];
+var twMergeConfig = {
+  theme: {
+    opacity: ["disabled"],
+    spacing: ["divider"],
+    borderWidth: COMMON_UNITS,
+    borderRadius: COMMON_UNITS
+  },
+  classGroups: {
+    shadow: [{ shadow: COMMON_UNITS }],
+    "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
+    "bg-image": ["bg-stripe-gradient"]
+  }
+};
+
+// src/utils/tv.ts
 var tv = (options, config) => {
   var _a, _b, _c;
   return (0, import_tailwind_variants.tv)(options, {
@@ -36,16 +53,11 @@ var tv = (options, config) => {
       ...config == null ? void 0 : config.twMergeConfig,
       theme: {
         ...(_b = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _b.theme,
-        opacity: ["disabled"],
-        spacing: ["divider"],
-        borderWidth: COMMON_UNITS,
-        borderRadius: COMMON_UNITS
+        ...twMergeConfig.theme
       },
       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"]
+        ...twMergeConfig.classGroups
       }
     }
   });
@@ -251,8 +263,7 @@ var dateInput = tv({
     size: "md",
     fullWidth: true,
     labelPlacement: "inside",
-    isDisabled: false,
-    disableAnimation: false
+    isDisabled: false
   },
   compoundVariants: [
     {

package/dist/components/date-input.mjs

@@ -1,7 +1,8 @@
 import {
   dateInput
-} from "../chunk-7TJINK3S.mjs";
-import "../chunk-GMMETTYU.mjs";
+} from "../chunk-22SLLLIZ.mjs";
+import "../chunk-N2KXC5ZE.mjs";
+import "../chunk-BYWORP66.mjs";
 export {
   dateInput
 };

package/dist/components/date-picker.js

@@ -27,7 +27,24 @@ module.exports = __toCommonJS(date_picker_exports);
 
 // src/utils/tv.ts
 var import_tailwind_variants = require("tailwind-variants");
+
+// src/utils/tw-merge-config.ts
 var COMMON_UNITS = ["small", "medium", "large"];
+var twMergeConfig = {
+  theme: {
+    opacity: ["disabled"],
+    spacing: ["divider"],
+    borderWidth: COMMON_UNITS,
+    borderRadius: COMMON_UNITS
+  },
+  classGroups: {
+    shadow: [{ shadow: COMMON_UNITS }],
+    "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
+    "bg-image": ["bg-stripe-gradient"]
+  }
+};
+
+// src/utils/tv.ts
 var tv = (options, config) => {
   var _a, _b, _c;
   return (0, import_tailwind_variants.tv)(options, {
@@ -37,16 +54,11 @@ var tv = (options, config) => {
       ...config == null ? void 0 : config.twMergeConfig,
       theme: {
         ...(_b = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _b.theme,
-        opacity: ["disabled"],
-        spacing: ["divider"],
-        borderWidth: COMMON_UNITS,
-        borderRadius: COMMON_UNITS
+        ...twMergeConfig.theme
       },
       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"]
+        ...twMergeConfig.classGroups
       }
     }
   });

package/dist/components/date-picker.mjs

@@ -1,8 +1,9 @@
 import {
   datePicker,
   dateRangePicker
-} from "../chunk-VJTX4YUQ.mjs";
-import "../chunk-GMMETTYU.mjs";
+} from "../chunk-X7QC2HIM.mjs";
+import "../chunk-N2KXC5ZE.mjs";
+import "../chunk-BYWORP66.mjs";
 export {
   datePicker,
   dateRangePicker

package/dist/components/divider.js

@@ -26,7 +26,24 @@ module.exports = __toCommonJS(divider_exports);
 
 // src/utils/tv.ts
 var import_tailwind_variants = require("tailwind-variants");
+
+// src/utils/tw-merge-config.ts
 var COMMON_UNITS = ["small", "medium", "large"];
+var twMergeConfig = {
+  theme: {
+    opacity: ["disabled"],
+    spacing: ["divider"],
+    borderWidth: COMMON_UNITS,
+    borderRadius: COMMON_UNITS
+  },
+  classGroups: {
+    shadow: [{ shadow: COMMON_UNITS }],
+    "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
+    "bg-image": ["bg-stripe-gradient"]
+  }
+};
+
+// src/utils/tv.ts
 var tv = (options, config) => {
   var _a, _b, _c;
   return (0, import_tailwind_variants.tv)(options, {
@@ -36,16 +53,11 @@ var tv = (options, config) => {
       ...config == null ? void 0 : config.twMergeConfig,
       theme: {
         ...(_b = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _b.theme,
-        opacity: ["disabled"],
-        spacing: ["divider"],
-        borderWidth: COMMON_UNITS,
-        borderRadius: COMMON_UNITS
+        ...twMergeConfig.theme
       },
       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"]
+        ...twMergeConfig.classGroups
       }
     }
   });

package/dist/components/divider.mjs

@@ -1,7 +1,8 @@
 import {
   divider
-} from "../chunk-UODOTC2G.mjs";
-import "../chunk-GMMETTYU.mjs";
+} from "../chunk-A2DU46QS.mjs";
+import "../chunk-N2KXC5ZE.mjs";
+import "../chunk-BYWORP66.mjs";
 export {
   divider
 };

package/dist/components/drip.js

@@ -26,7 +26,24 @@ module.exports = __toCommonJS(drip_exports);
 
 // src/utils/tv.ts
 var import_tailwind_variants = require("tailwind-variants");
+
+// src/utils/tw-merge-config.ts
 var COMMON_UNITS = ["small", "medium", "large"];
+var twMergeConfig = {
+  theme: {
+    opacity: ["disabled"],
+    spacing: ["divider"],
+    borderWidth: COMMON_UNITS,
+    borderRadius: COMMON_UNITS
+  },
+  classGroups: {
+    shadow: [{ shadow: COMMON_UNITS }],
+    "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
+    "bg-image": ["bg-stripe-gradient"]
+  }
+};
+
+// src/utils/tv.ts
 var tv = (options, config) => {
   var _a, _b, _c;
   return (0, import_tailwind_variants.tv)(options, {
@@ -36,16 +53,11 @@ var tv = (options, config) => {
       ...config == null ? void 0 : config.twMergeConfig,
       theme: {
         ...(_b = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _b.theme,
-        opacity: ["disabled"],
-        spacing: ["divider"],
-        borderWidth: COMMON_UNITS,
-        borderRadius: COMMON_UNITS
+        ...twMergeConfig.theme
       },
       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"]
+        ...twMergeConfig.classGroups
       }
     }
   });

package/dist/components/drip.mjs

@@ -1,7 +1,8 @@
 import {
   drip
-} from "../chunk-AGUZRGXC.mjs";
-import "../chunk-GMMETTYU.mjs";
+} from "../chunk-V4SD44VK.mjs";
+import "../chunk-N2KXC5ZE.mjs";
+import "../chunk-BYWORP66.mjs";
 export {
   drip
 };

package/dist/components/dropdown.d.ts

@@ -344,8 +344,8 @@ declare const dropdownItem: tailwind_variants.TVReturnType<{
 declare const dropdownSection: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
             divider?: tailwind_variants.ClassValue;
+            base?: tailwind_variants.ClassValue;
             group?: tailwind_variants.ClassValue;
             heading?: tailwind_variants.ClassValue;
         };
@@ -353,8 +353,8 @@ declare const dropdownSection: tailwind_variants.TVReturnType<{
 } | {
     [x: string]: {
         [x: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
             divider?: tailwind_variants.ClassValue;
+            base?: tailwind_variants.ClassValue;
             group?: tailwind_variants.ClassValue;
             heading?: tailwind_variants.ClassValue;
         };
@@ -367,8 +367,8 @@ declare const dropdownSection: tailwind_variants.TVReturnType<{
 }, undefined, tailwind_variants_dist_config.TVConfig<unknown, {
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
             divider?: tailwind_variants.ClassValue;
+            base?: tailwind_variants.ClassValue;
             group?: tailwind_variants.ClassValue;
             heading?: tailwind_variants.ClassValue;
         };
@@ -376,8 +376,8 @@ declare const dropdownSection: tailwind_variants.TVReturnType<{
 } | {}>, {
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
             divider?: tailwind_variants.ClassValue;
+            base?: tailwind_variants.ClassValue;
             group?: tailwind_variants.ClassValue;
             heading?: tailwind_variants.ClassValue;
         };
@@ -395,8 +395,8 @@ declare const dropdownSection: tailwind_variants.TVReturnType<{
 }, undefined, tailwind_variants_dist_config.TVConfig<unknown, {
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
-            base?: tailwind_variants.ClassValue;
             divider?: tailwind_variants.ClassValue;
+            base?: tailwind_variants.ClassValue;
             group?: tailwind_variants.ClassValue;
             heading?: tailwind_variants.ClassValue;
         };

package/dist/components/dropdown.js

@@ -29,7 +29,24 @@ module.exports = __toCommonJS(dropdown_exports);
 
 // src/utils/tv.ts
 var import_tailwind_variants = require("tailwind-variants");
+
+// src/utils/tw-merge-config.ts
 var COMMON_UNITS = ["small", "medium", "large"];
+var twMergeConfig = {
+  theme: {
+    opacity: ["disabled"],
+    spacing: ["divider"],
+    borderWidth: COMMON_UNITS,
+    borderRadius: COMMON_UNITS
+  },
+  classGroups: {
+    shadow: [{ shadow: COMMON_UNITS }],
+    "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
+    "bg-image": ["bg-stripe-gradient"]
+  }
+};
+
+// src/utils/tv.ts
 var tv = (options, config) => {
   var _a, _b, _c;
   return (0, import_tailwind_variants.tv)(options, {
@@ -39,16 +56,11 @@ var tv = (options, config) => {
       ...config == null ? void 0 : config.twMergeConfig,
       theme: {
         ...(_b = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _b.theme,
-        opacity: ["disabled"],
-        spacing: ["divider"],
-        borderWidth: COMMON_UNITS,
-        borderRadius: COMMON_UNITS
+        ...twMergeConfig.theme
       },
       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"]
+        ...twMergeConfig.classGroups
       }
     }
   });
@@ -146,8 +158,7 @@ var dropdownItem = tv({
   },
   defaultVariants: {
     variant: "solid",
-    color: "default",
-    disableAnimation: false
+    color: "default"
   },
   compoundVariants: [
     {

package/dist/components/dropdown.mjs

@@ -3,11 +3,12 @@ import {
   dropdownItem,
   dropdownMenu,
   dropdownSection
-} from "../chunk-4ZM6AI3H.mjs";
-import "../chunk-CMYR6AOY.mjs";
-import "../chunk-K7LK7NCE.mjs";
+} from "../chunk-GQDFLFNG.mjs";
+import "../chunk-IV3K5WDK.mjs";
+import "../chunk-3XVMTUU7.mjs";
 import "../chunk-2PIR7DFM.mjs";
-import "../chunk-GMMETTYU.mjs";
+import "../chunk-N2KXC5ZE.mjs";
+import "../chunk-BYWORP66.mjs";
 import "../chunk-XHQUSKIE.mjs";
 export {
   dropdown,

package/dist/components/image.js

@@ -26,7 +26,24 @@ module.exports = __toCommonJS(image_exports);
 
 // src/utils/tv.ts
 var import_tailwind_variants = require("tailwind-variants");
+
+// src/utils/tw-merge-config.ts
 var COMMON_UNITS = ["small", "medium", "large"];
+var twMergeConfig = {
+  theme: {
+    opacity: ["disabled"],
+    spacing: ["divider"],
+    borderWidth: COMMON_UNITS,
+    borderRadius: COMMON_UNITS
+  },
+  classGroups: {
+    shadow: [{ shadow: COMMON_UNITS }],
+    "font-size": [{ text: ["tiny", ...COMMON_UNITS] }],
+    "bg-image": ["bg-stripe-gradient"]
+  }
+};
+
+// src/utils/tv.ts
 var tv = (options, config) => {
   var _a, _b, _c;
   return (0, import_tailwind_variants.tv)(options, {
@@ -36,16 +53,11 @@ var tv = (options, config) => {
       ...config == null ? void 0 : config.twMergeConfig,
       theme: {
         ...(_b = config == null ? void 0 : config.twMergeConfig) == null ? void 0 : _b.theme,
-        opacity: ["disabled"],
-        spacing: ["divider"],
-        borderWidth: COMMON_UNITS,
-        borderRadius: COMMON_UNITS
+        ...twMergeConfig.theme
       },
       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"]
+        ...twMergeConfig.classGroups
       }
     }
   });
@@ -105,11 +117,32 @@ var image = tv({
     },
     showSkeleton: {
       true: {
+        wrapper: ["group", "relative", "overflow-hidden", "bg-content3 dark:bg-content2"],
+        img: "opacity-0"
+      }
+    },
+    disableAnimation: {
+      true: {
+        img: "transition-none"
+      },
+      false: {
+        img: "transition-transform-opacity motion-reduce:transition-none !duration-300"
+      }
+    }
+  },
+  defaultVariants: {
+    radius: "lg",
+    shadow: "none",
+    isZoomed: false,
+    isBlurred: false,
+    showSkeleton: false
+  },
+  compoundVariants: [
+    {
+      showSkeleton: true,
+      disableAnimation: false,
+      class: {
         wrapper: [
-          "group",
-          "relative",
-          "overflow-hidden",
-          "bg-content3 dark:bg-content2",
           "before:opacity-100",
           "before:absolute",
           "before:inset-0",
@@ -128,27 +161,10 @@ var image = tv({
           "after:-z-10",
           "after:bg-content3",
           "dark:after:bg-content2"
-        ],
-        img: "opacity-0"
-      }
-    },
-    disableAnimation: {
-      true: {
-        img: "transition-none"
-      },
-      false: {
-        img: "transition-transform-opacity motion-reduce:transition-none !duration-300"
+        ]
       }
     }
-  },
-  defaultVariants: {
-    radius: "lg",
-    shadow: "none",
-    isZoomed: false,
-    isBlurred: false,
-    showSkeleton: false,
-    disableAnimation: false
-  },
+  ],
   compoundSlots: [
     {
       slots: ["wrapper", "img", "blurredImg", "zoomedWrapper"],

package/dist/components/image.mjs

@@ -1,7 +1,8 @@
 import {
   image
-} from "../chunk-LDBYFTHC.mjs";
-import "../chunk-GMMETTYU.mjs";
+} from "../chunk-U6G6SZ26.mjs";
+import "../chunk-N2KXC5ZE.mjs";
+import "../chunk-BYWORP66.mjs";
 export {
   image
 };

package/dist/components/index.d.ts

@@ -39,3 +39,4 @@ export { DateInputReturnType, DateInputSlots, DateInputVariantProps, dateInput }
 export { DatePickerReturnType, DatePickerSlots, DatePickerVariantProps, DateRangePickerReturnType, DateRangePickerSlots, DateRangePickerVariantProps, datePicker, dateRangePicker } from './date-picker.js';
 import 'tailwind-variants';
 import 'tailwind-variants/dist/config';
+import 'tailwind-merge';