@nextui-org/theme 2.2.2 → 2.2.4

package/dist/components/modal.js

@@ -26,7 +26,24 @@ module.exports = __toCommonJS(modal_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
       }
     }
   });
@@ -71,15 +83,7 @@ var modal = tv({
       "inset-0",
       "z-50",
       "overflow-x-auto",
-      "justify-center",
-      "[--scale-enter:100%]",
-      "[--scale-exit:100%]",
-      "[--slide-enter:0px]",
-      "[--slide-exit:80px]",
-      "sm:[--scale-enter:100%]",
-      "sm:[--scale-exit:103%]",
-      "sm:[--slide-enter:0px]",
-      "sm:[--slide-exit:0px]"
+      "justify-center"
     ],
     base: [
       "flex",
@@ -211,6 +215,20 @@ var modal = tv({
         wrapper: "items-start sm:items-start overflow-y-auto",
         base: "my-16"
       }
+    },
+    disableAnimation: {
+      false: {
+        wrapper: [
+          "[--scale-enter:100%]",
+          "[--scale-exit:100%]",
+          "[--slide-enter:0px]",
+          "[--slide-exit:80px]",
+          "sm:[--scale-enter:100%]",
+          "sm:[--scale-exit:103%]",
+          "sm:[--slide-enter:0px]",
+          "sm:[--slide-exit:0px]"
+        ]
+      }
     }
   },
   defaultVariants: {

package/dist/components/modal.mjs

@@ -1,10 +1,11 @@
 import {
   modal
-} from "../chunk-IP3D7KVB.mjs";
-import "../chunk-CMYR6AOY.mjs";
-import "../chunk-K7LK7NCE.mjs";
+} from "../chunk-INW3YHX5.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 {
   modal

package/dist/components/navbar.js

@@ -26,7 +26,24 @@ module.exports = __toCommonJS(navbar_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/navbar.mjs

@@ -1,10 +1,11 @@
 import {
   navbar
-} from "../chunk-OQIS4MXV.mjs";
-import "../chunk-CMYR6AOY.mjs";
-import "../chunk-K7LK7NCE.mjs";
+} from "../chunk-QXCYVABV.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 {
   navbar

package/dist/components/pagination.js

@@ -26,7 +26,24 @@ module.exports = __toCommonJS(pagination_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
       }
     }
   });
@@ -268,7 +280,6 @@ var pagination = tv({
     isCompact: false,
     isDisabled: false,
     showShadow: false,
-    disableAnimation: false,
     disableCursorAnimation: false
   },
   compoundVariants: [

package/dist/components/pagination.mjs

@@ -1,10 +1,11 @@
 import {
   pagination
-} from "../chunk-RNAP5C4C.mjs";
-import "../chunk-CMYR6AOY.mjs";
-import "../chunk-K7LK7NCE.mjs";
+} from "../chunk-DXPS72CE.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 {
   pagination

package/dist/components/popover.js

@@ -26,7 +26,24 @@ module.exports = __toCommonJS(popover_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
       }
     }
   });
@@ -285,7 +297,6 @@ var popover = tv({
     size: "md",
     shadow: "md",
     backdrop: "transparent",
-    disableAnimation: false,
     triggerScaleOnOpen: true
   },
   compoundVariants: [

package/dist/components/popover.mjs

@@ -1,10 +1,11 @@
 import {
   popover
-} from "../chunk-KA5SSSWD.mjs";
-import "../chunk-CMYR6AOY.mjs";
-import "../chunk-K7LK7NCE.mjs";
+} from "../chunk-IISEDJRF.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 {
   popover

package/dist/components/progress.d.ts

@@ -108,7 +108,7 @@ declare const progress: tailwind_variants.TVReturnType<{
     track: string;
     indicator: string;
 }, undefined, {
-    twMerge: false;
+    twMerge: true;
 }, {
     color: {
         default: {
@@ -286,7 +286,7 @@ declare const progress: tailwind_variants.TVReturnType<{
     track: string;
     indicator: string;
 }, undefined, {
-    twMerge: false;
+    twMerge: true;
 }, unknown, unknown, undefined>>;
 type ProgressVariantProps = VariantProps<typeof progress>;
 type ProgressSlots = keyof ReturnType<typeof progress>;

package/dist/components/progress.js

@@ -26,7 +26,24 @@ module.exports = __toCommonJS(progress_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
       }
     }
   });
@@ -150,8 +162,7 @@ var progress = tv(
       radius: "full",
       isStriped: false,
       isIndeterminate: false,
-      isDisabled: false,
-      disableAnimation: false
+      isDisabled: false
     },
     compoundVariants: [
       {
@@ -164,7 +175,7 @@ var progress = tv(
     ]
   },
   {
-    twMerge: false
+    twMerge: true
   }
 );
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/progress.mjs

@@ -1,7 +1,8 @@
 import {
   progress
-} from "../chunk-524WVPFR.mjs";
-import "../chunk-GMMETTYU.mjs";
+} from "../chunk-2KK3SUMT.mjs";
+import "../chunk-N2KXC5ZE.mjs";
+import "../chunk-BYWORP66.mjs";
 export {
   progress
 };

package/dist/components/radio.js

@@ -27,7 +27,24 @@ module.exports = __toCommonJS(radio_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
       }
     }
   });
@@ -134,14 +146,14 @@ var radio = tv({
       md: {
         wrapper: "w-5 h-5",
         control: "w-2 h-2",
-        labelWrapper: "ml-2",
+        labelWrapper: "ml-2 rtl:mr-2 rtl:ml-[unset]",
         label: "text-medium",
         description: "text-small"
       },
       lg: {
         wrapper: "w-6 h-6",
         control: "w-2.5 h-2.5",
-        labelWrapper: "ml-2",
+        labelWrapper: "ml-2 rtl:mr-2 rtl:ml-[unset]",
         label: "text-large",
         description: "text-medium"
       }
@@ -177,8 +189,7 @@ var radio = tv({
     color: "primary",
     size: "md",
     isDisabled: false,
-    isInvalid: false,
-    disableAnimation: false
+    isInvalid: false
   }
 });
 var radioGroup = tv({
@@ -209,8 +220,7 @@ var radioGroup = tv({
   },
   defaultVariants: {
     isInvalid: false,
-    isRequired: false,
-    disableAnimation: false
+    isRequired: false
   }
 });
 // Annotate the CommonJS export names for ESM import in node:

package/dist/components/radio.mjs

@@ -1,11 +1,12 @@
 import {
   radio,
   radioGroup
-} from "../chunk-7ELFOVMX.mjs";
-import "../chunk-CMYR6AOY.mjs";
-import "../chunk-K7LK7NCE.mjs";
+} from "../chunk-A4VDWEXY.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 {
   radio,

package/dist/components/scroll-shadow.js

@@ -26,7 +26,24 @@ module.exports = __toCommonJS(scroll_shadow_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/scroll-shadow.mjs

@@ -1,7 +1,8 @@
 import {
   scrollShadow
-} from "../chunk-ECP4S2VZ.mjs";
-import "../chunk-GMMETTYU.mjs";
+} from "../chunk-EF6G67MF.mjs";
+import "../chunk-N2KXC5ZE.mjs";
+import "../chunk-BYWORP66.mjs";
 export {
   scrollShadow
 };

package/dist/components/select.js

@@ -33,9 +33,24 @@ var dataFocusVisibleClasses = [
   "data-[focus-visible=true]:outline-offset-2"
 ];
 
+// 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 import_tailwind_variants = require("tailwind-variants");
-var COMMON_UNITS = ["small", "medium", "large"];
 var tv = (options, config) => {
   var _a, _b, _c;
   return (0, import_tailwind_variants.tv)(options, {
@@ -45,16 +60,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
       }
     }
   });
@@ -264,7 +274,6 @@ var select = tv({
     fullWidth: true,
     isDisabled: false,
     isMultiline: false,
-    disableAnimation: false,
     disableSelectorIconRotation: false
   },
   compoundVariants: [

package/dist/components/select.mjs

@@ -1,10 +1,11 @@
 import {
   select
-} from "../chunk-CTY7IP65.mjs";
-import "../chunk-CMYR6AOY.mjs";
-import "../chunk-K7LK7NCE.mjs";
+} from "../chunk-DZGYN4XH.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 {
   select

package/dist/components/skeleton.js

@@ -26,7 +26,24 @@ module.exports = __toCommonJS(skeleton_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
       }
     }
   });
@@ -59,6 +71,7 @@ var skeleton = tv({
       "relative",
       "overflow-hidden",
       "bg-content3 dark:bg-content2",
+      "pointer-events-none",
       "before:opacity-100",
       "before:absolute",
       "before:inset-0",
@@ -77,6 +90,7 @@ var skeleton = tv({
       "after:-z-10",
       "after:bg-content3",
       "dark:after:bg-content2",
+      "data-[loaded=true]:overflow-visible",
       "data-[loaded=true]:!bg-transparent",
       "data-[loaded=true]:before:opacity-0 data-[loaded=true]:before:animate-none",
       "data-[loaded=true]:after:opacity-0"
@@ -95,9 +109,7 @@ var skeleton = tv({
       }
     }
   },
-  defaultVariants: {
-    disableAnimation: false
-  }
+  defaultVariants: {}
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {