@nextui-org/theme 2.2.2 → 2.2.4

package/dist/{chunk-WAAJG22Y.mjs → chunk-KPVV2V7V.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 
 // src/components/circular-progress.ts
 var circularProgress = tv({
@@ -71,8 +71,7 @@ var circularProgress = tv({
   defaultVariants: {
     color: "primary",
     size: "md",
-    isDisabled: false,
-    disableAnimation: false
+    isDisabled: false
   },
   compoundVariants: [
     {

package/dist/{chunk-GMMETTYU.mjs → chunk-N2KXC5ZE.mjs}

@@ -1,6 +1,9 @@
+import {
+  twMergeConfig
+} from "./chunk-BYWORP66.mjs";
+
 // src/utils/tv.ts
 import { tv as tvBase } from "tailwind-variants";
-var COMMON_UNITS = ["small", "medium", "large"];
 var tv = (options, config) => {
   var _a, _b, _c;
   return tvBase(options, {
@@ -10,16 +13,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/{chunk-NPDZ7OMC.mjs → chunk-NPRQPDVP.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";
@@ -16,7 +16,7 @@ var calendar = tv({
     prevButton: [],
     nextButton: [],
     headerWrapper: [
-      "px-4 py-2 flex items-center justify-between gap-2 bg-content1",
+      "px-4 py-2 flex items-center justify-between gap-2 bg-content1 overflow-hidden",
       "[&_.chevron-icon]:flex-none",
       "after:content-['']",
       "after:bg-content1 origin-top",
@@ -89,7 +89,7 @@ var calendar = tv({
     },
     hideDisabledDates: {
       true: {
-        cellButton: "data-[disabled=true]:opacity-0"
+        cellButton: "data-[disabled=true]:data-[outside-month=true]:opacity-0"
       },
       false: {}
     },
@@ -136,8 +136,7 @@ var calendar = tv({
     color: "primary",
     showShadow: false,
     hideDisabledDates: false,
-    showMonthAndYearPickers: false,
-    disableAnimation: false
+    showMonthAndYearPickers: false
   },
   compoundVariants: [
     {

package/dist/{chunk-OQIS4MXV.mjs → chunk-QXCYVABV.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";

package/dist/{chunk-S573WUYY.mjs → chunk-SKQWKT6K.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2PIR7DFM.mjs";
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 
 // src/components/badge.ts
 var badge = tv({
@@ -103,7 +103,6 @@ var badge = tv({
     shape: "rectangle",
     placement: "top-right",
     showOutline: true,
-    disableAnimation: false,
     isInvisible: false
   },
   compoundVariants: [

package/dist/{chunk-I6ESTKKY.mjs → chunk-SPXRXN7C.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2PIR7DFM.mjs";
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 import {
   collapseAdjacentVariantBorders,
   dataFocusVisibleClasses
@@ -28,6 +28,7 @@ var button = tv({
     "subpixel-antialiased",
     "overflow-hidden",
     "tap-highlight-transparent",
+    "data-[pressed=true]:scale-[0.97]",
     ...dataFocusVisibleClasses
   ],
   variants: {
@@ -75,7 +76,7 @@ var button = tv({
     },
     disableAnimation: {
       true: "!transition-none",
-      false: "data-[pressed=true]:scale-[0.97] transition-transform-colors-opacity motion-reduce:transition-none"
+      false: "transition-transform-colors-opacity motion-reduce:transition-none"
     }
   },
   defaultVariants: {
@@ -84,8 +85,7 @@ var button = tv({
     color: "default",
     fullWidth: false,
     isDisabled: false,
-    isInGroup: false,
-    disableAnimation: false
+    isInGroup: false
   },
   compoundVariants: [
     {

package/dist/{chunk-W6DVXJB3.mjs → chunk-T2VR4T5R.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 
 // src/components/spacer.ts
 var spacer = tv({

package/dist/{chunk-LDBYFTHC.mjs → chunk-U6G6SZ26.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 
 // src/components/image.ts
 var image = tv({
@@ -56,11 +56,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",
@@ -79,27 +100,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/{chunk-AGUZRGXC.mjs → chunk-V4SD44VK.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 
 // src/components/drip.ts
 var drip = tv({

package/dist/{chunk-KCOC3H6R.mjs → chunk-VFGZ2KFC.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";
@@ -87,7 +87,6 @@ var accordionItem = tv({
     radius: "lg",
     isDisabled: false,
     hideIndicator: false,
-    disableAnimation: false,
     disableIndicatorAnimation: false
   }
 });

package/dist/{chunk-X7N3NQ6S.mjs → chunk-VLE2FQQR.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";
@@ -13,7 +13,7 @@ var card = tv({
       "flex-col",
       "relative",
       "overflow-hidden",
-      "height-auto",
+      "h-auto",
       "outline-none",
       "text-foreground",
       "box-border",
@@ -137,7 +137,6 @@ var card = tv({
   compoundVariants: [
     {
       isPressable: true,
-      disableAnimation: false,
       class: "data-[pressed=true]:scale-[0.97] tap-highlight-transparent"
     }
   ],
@@ -148,7 +147,6 @@ var card = tv({
     isHoverable: false,
     isPressable: false,
     isDisabled: false,
-    disableAnimation: false,
     isFooterBlurred: false
   }
 });

package/dist/{chunk-KVPPQD2E.mjs → chunk-WRLU2O3D.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";
@@ -221,8 +221,7 @@ var table = tv({
     isCompact: false,
     hideHeader: false,
     isStriped: false,
-    fullWidth: true,
-    disableAnimation: false
+    fullWidth: true
   }
 });
 

package/dist/{chunk-7ODIBITJ.mjs → chunk-WUUKIKPR.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 import {
   groupDataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";
@@ -139,8 +139,7 @@ var toggle = tv({
   defaultVariants: {
     color: "primary",
     size: "md",
-    isDisabled: false,
-    disableAnimation: false
+    isDisabled: false
   },
   compoundVariants: [
     {

package/dist/{chunk-VJTX4YUQ.mjs → chunk-X7QC2HIM.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 
 // src/components/date-picker.ts
 var datePicker = tv({

package/dist/components/accordion.js

@@ -27,7 +27,24 @@ module.exports = __toCommonJS(accordion_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
       }
     }
   });
@@ -143,7 +155,6 @@ var accordionItem = tv({
     radius: "lg",
     isDisabled: false,
     hideIndicator: false,
-    disableAnimation: false,
     disableIndicatorAnimation: false
   }
 });

package/dist/components/accordion.mjs

@@ -1,11 +1,12 @@
 import {
   accordion,
   accordionItem
-} from "../chunk-KCOC3H6R.mjs";
-import "../chunk-CMYR6AOY.mjs";
-import "../chunk-K7LK7NCE.mjs";
+} from "../chunk-VFGZ2KFC.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 {
   accordion,

package/dist/components/autocomplete.js

@@ -26,7 +26,24 @@ module.exports = __toCommonJS(autocomplete_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
       }
     }
   });
@@ -96,7 +108,6 @@ var autocomplete = tv({
     }
   },
   defaultVariants: {
-    disableAnimation: false,
     isClearable: true,
     disableSelectorIconRotation: false
   }

package/dist/components/autocomplete.mjs

@@ -1,7 +1,8 @@
 import {
   autocomplete
-} from "../chunk-AT4OXKKK.mjs";
-import "../chunk-GMMETTYU.mjs";
+} from "../chunk-KKN74BUG.mjs";
+import "../chunk-N2KXC5ZE.mjs";
+import "../chunk-BYWORP66.mjs";
 export {
   autocomplete
 };

package/dist/components/avatar.d.ts

@@ -83,6 +83,13 @@ declare const avatar: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    disableAnimation: {
+        true: {
+            base: string;
+            img: string;
+        };
+        false: {};
+    };
 }, {
     base: string[];
     img: string[];
@@ -158,6 +165,13 @@ declare const avatar: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    disableAnimation: {
+        true: {
+            base: string;
+            img: string;
+        };
+        false: {};
+    };
 }, {
     size: {
         sm: {
@@ -227,6 +241,13 @@ declare const avatar: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    disableAnimation: {
+        true: {
+            base: string;
+            img: string;
+        };
+        false: {};
+    };
 }>, {
     size: {
         sm: {
@@ -296,6 +317,13 @@ declare const avatar: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    disableAnimation: {
+        true: {
+            base: string;
+            img: string;
+        };
+        false: {};
+    };
 }, {
     base: string[];
     img: string[];
@@ -371,6 +399,13 @@ declare const avatar: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    disableAnimation: {
+        true: {
+            base: string;
+            img: string;
+        };
+        false: {};
+    };
 }, {
     base: string[];
     img: string[];
@@ -446,6 +481,13 @@ declare const avatar: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    disableAnimation: {
+        true: {
+            base: string;
+            img: string;
+        };
+        false: {};
+    };
 }, {
     size: {
         sm: {
@@ -515,6 +557,13 @@ declare const avatar: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    disableAnimation: {
+        true: {
+            base: string;
+            img: string;
+        };
+        false: {};
+    };
 }>, unknown, unknown, undefined>>;
 /**
  * AvatarGroup wrapper **Tailwind Variants** component

package/dist/components/avatar.js

@@ -27,7 +27,24 @@ module.exports = __toCommonJS(avatar_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
       }
     }
   });
@@ -250,6 +262,13 @@ var avatar = tv({
       true: {
         base: "m-0 data-[hover=true]:translate-x-0"
       }
+    },
+    disableAnimation: {
+      true: {
+        base: "transition-none",
+        img: "transition-none"
+      },
+      false: {}
     }
   },
   defaultVariants: {
@@ -304,7 +323,7 @@ var avatar = tv({
 });
 var avatarGroup = tv({
   slots: {
-    base: "flex items-center justify-center h-auto w-max-content",
+    base: "flex items-center justify-center h-auto w-max",
     count: "hover:-translate-x-0"
   },
   variants: {

package/dist/components/avatar.mjs

@@ -1,11 +1,12 @@
 import {
   avatar,
   avatarGroup
-} from "../chunk-VDRJHB4F.mjs";
-import "../chunk-CMYR6AOY.mjs";
-import "../chunk-K7LK7NCE.mjs";
+} from "../chunk-HZX5JB5L.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 {
   avatar,