@nextui-org/theme 2.2.3 → 2.2.4

package/dist/{chunk-7TJINK3S.mjs → chunk-22SLLLIZ.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 
 // src/components/date-input.ts
 var dateInput = tv({
@@ -202,8 +202,7 @@ var dateInput = tv({
     size: "md",
     fullWidth: true,
     labelPlacement: "inside",
-    isDisabled: false,
-    disableAnimation: false
+    isDisabled: false
   },
   compoundVariants: [
     {

package/dist/{chunk-M3MKSQ42.mjs → chunk-2KK3SUMT.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 
 // src/components/progress.ts
 var progress = tv(
@@ -101,8 +101,7 @@ var progress = tv(
       radius: "full",
       isStriped: false,
       isIndeterminate: false,
-      isDisabled: false,
-      disableAnimation: false
+      isDisabled: false
     },
     compoundVariants: [
       {

package/dist/chunk-3XVMTUU7.mjs

@@ -0,0 +1,15 @@
+import {
+  twMergeConfig
+} from "./chunk-BYWORP66.mjs";
+
+// src/utils/cn.ts
+import clsx from "clsx";
+import { extendTailwindMerge } from "tailwind-merge";
+var twMerge = extendTailwindMerge(twMergeConfig);
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export {
+  cn
+};

package/dist/{chunk-CUUGEIPA.mjs → chunk-4YQYZDME.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";
@@ -121,7 +121,6 @@ var menuItem = tv({
   defaultVariants: {
     variant: "solid",
     color: "default",
-    disableAnimation: false,
     showDivider: false
   },
   compoundVariants: [

package/dist/{chunk-NYSEAAK5.mjs → chunk-5AGRECY5.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 import {
   groupDataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";
@@ -171,8 +171,7 @@ var checkbox = tv({
     color: "primary",
     size: "md",
     isDisabled: false,
-    lineThrough: false,
-    disableAnimation: false
+    lineThrough: false
   }
 });
 var checkboxGroup = tv({
@@ -203,8 +202,7 @@ var checkboxGroup = tv({
   },
   defaultVariants: {
     isInvalid: false,
-    isRequired: false,
-    disableAnimation: false
+    isRequired: false
   }
 });
 

package/dist/{chunk-MUWHEIW6.mjs → chunk-66462YHM.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 import {
   dataFocusVisibleClasses,
   groupDataFocusVisibleClasses
@@ -190,7 +190,7 @@ var input = tv({
     },
     isRequired: {
       true: {
-        label: "after:content-['*'] after:text-danger after:ml-0.5"
+        label: "after:content-['*'] after:text-danger after:ml-0.5 rtl:after:ml-[unset] rtl:after:mr-0.5"
       }
     },
     isMultiline: {
@@ -227,8 +227,7 @@ var input = tv({
     fullWidth: true,
     labelPlacement: "inside",
     isDisabled: false,
-    isMultiline: false,
-    disableAnimation: false
+    isMultiline: false
   },
   compoundVariants: [
     {
@@ -508,9 +507,9 @@ var input = tv({
       variant: "flat",
       class: {
         inputWrapper: [
-          "bg-danger-50",
-          "data-[hover=true]:bg-danger-100",
-          "group-data-[focus=true]:bg-danger-50"
+          "!bg-danger-50",
+          "data-[hover=true]:!bg-danger-100",
+          "group-data-[focus=true]:!bg-danger-50"
         ]
       }
     },
@@ -518,14 +517,14 @@ var input = tv({
       isInvalid: true,
       variant: "bordered",
       class: {
-        inputWrapper: "!border-danger group-data-[focus=true]:border-danger"
+        inputWrapper: "!border-danger group-data-[focus=true]:!border-danger"
       }
     },
     {
       isInvalid: true,
       variant: "underlined",
       class: {
-        inputWrapper: "after:bg-danger"
+        inputWrapper: "after:!bg-danger"
       }
     },
     {

package/dist/{chunk-UODOTC2G.mjs → chunk-A2DU46QS.mjs}

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

package/dist/{chunk-LKKSQVZ6.mjs → chunk-A4VDWEXY.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 import {
   groupDataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";
@@ -120,8 +120,7 @@ var radio = tv({
     color: "primary",
     size: "md",
     isDisabled: false,
-    isInvalid: false,
-    disableAnimation: false
+    isInvalid: false
   }
 });
 var radioGroup = tv({
@@ -152,8 +151,7 @@ var radioGroup = tv({
   },
   defaultVariants: {
     isInvalid: false,
-    isRequired: false,
-    disableAnimation: false
+    isRequired: false
   }
 });
 

package/dist/{chunk-PSEUPXFL.mjs → chunk-AXXUQWWC.mjs}

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

package/dist/{chunk-NAUU2OUH.mjs → chunk-BJ6IKX32.mjs}

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

package/dist/{chunk-V5ZTBGGO.mjs → chunk-BT3FGTF7.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2PIR7DFM.mjs";
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 
 // src/components/code.ts
 var code = tv({

package/dist/chunk-BYWORP66.mjs

@@ -0,0 +1,20 @@
+// 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"]
+  }
+};
+
+export {
+  COMMON_UNITS,
+  twMergeConfig
+};

package/dist/{chunk-JQTFOIV7.mjs → chunk-C3SML4G4.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";
@@ -96,8 +96,7 @@ var link = tv({
     size: "md",
     isBlock: false,
     underline: "none",
-    isDisabled: false,
-    disableAnimation: false
+    isDisabled: false
   }
 });
 var linkAnchorClasses = "flex mx-1 text-current self-center";

package/dist/{chunk-6XJJCV76.mjs → chunk-C43Y2OOL.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";
@@ -102,8 +102,7 @@ var breadcrumbItem = tv({
     size: "md",
     color: "foreground",
     underline: "hover",
-    isDisabled: false,
-    disableAnimation: false
+    isDisabled: false
   },
   compoundVariants: [
     {

package/dist/{chunk-FRI2VDCA.mjs → chunk-CKTE75OS.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2PIR7DFM.mjs";
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 
 // src/components/snippet.ts
 var snippet = tv({
@@ -84,8 +84,7 @@ var snippet = tv({
     color: "default",
     variant: "flat",
     size: "md",
-    fullWidth: false,
-    disableAnimation: false
+    fullWidth: false
   },
   compoundVariants: [
     {

package/dist/{chunk-AO2AAOEJ.mjs → chunk-DIYH6KBL.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 
 // src/components/skeleton.ts
 var skeleton = tv({
@@ -10,6 +10,7 @@ var skeleton = tv({
       "relative",
       "overflow-hidden",
       "bg-content3 dark:bg-content2",
+      "pointer-events-none",
       "before:opacity-100",
       "before:absolute",
       "before:inset-0",
@@ -28,6 +29,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"
@@ -46,9 +48,7 @@ var skeleton = tv({
       }
     }
   },
-  defaultVariants: {
-    disableAnimation: false
-  }
+  defaultVariants: {}
 });
 
 export {

package/dist/{chunk-RNAP5C4C.mjs → chunk-DXPS72CE.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2PIR7DFM.mjs";
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";
@@ -142,7 +142,6 @@ var pagination = tv({
     isCompact: false,
     isDisabled: false,
     showShadow: false,
-    disableAnimation: false,
     disableCursorAnimation: false
   },
   compoundVariants: [

package/dist/{chunk-CTY7IP65.mjs → chunk-DZGYN4XH.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";
@@ -209,7 +209,6 @@ var select = tv({
     fullWidth: true,
     isDisabled: false,
     isMultiline: false,
-    disableAnimation: false,
     disableSelectorIconRotation: false
   },
   compoundVariants: [

package/dist/{chunk-ECP4S2VZ.mjs → chunk-EF6G67MF.mjs}

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

package/dist/{chunk-3FZU25GR.mjs → chunk-F4AOWB64.mjs}

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

package/dist/{chunk-SEKJ6A6T.mjs → chunk-GDIZAU4E.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2PIR7DFM.mjs";
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";
@@ -56,6 +56,7 @@ var tabs = tv({
       "py-3",
       "px-1",
       "outline-none",
+      "data-[inert=true]:hidden",
       ...dataFocusVisibleClasses
     ],
     wrapper: []
@@ -169,8 +170,7 @@ var tabs = tv({
     variant: "solid",
     size: "md",
     fullWidth: false,
-    isDisabled: false,
-    disableAnimation: false
+    isDisabled: false
   },
   compoundVariants: [
     {

package/dist/{chunk-AC6F4DT6.mjs → chunk-GFTQERGX.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2PIR7DFM.mjs";
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 import {
   ringClasses
 } from "./chunk-XHQUSKIE.mjs";

package/dist/{chunk-4ZM6AI3H.mjs → chunk-GQDFLFNG.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";
@@ -88,8 +88,7 @@ var dropdownItem = tv({
   },
   defaultVariants: {
     variant: "solid",
-    color: "default",
-    disableAnimation: false
+    color: "default"
   },
   compoundVariants: [
     {

package/dist/{chunk-VDRJHB4F.mjs → chunk-HZX5JB5L.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2PIR7DFM.mjs";
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 import {
   dataFocusVisibleClasses,
   translateCenterClasses
@@ -117,6 +117,13 @@ var avatar = tv({
       true: {
         base: "m-0 data-[hover=true]:translate-x-0"
       }
+    },
+    disableAnimation: {
+      true: {
+        base: "transition-none",
+        img: "transition-none"
+      },
+      false: {}
     }
   },
   defaultVariants: {
@@ -171,7 +178,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/{chunk-KA5SSSWD.mjs → chunk-IISEDJRF.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2PIR7DFM.mjs";
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";
@@ -159,7 +159,6 @@ var popover = tv({
     size: "md",
     shadow: "md",
     backdrop: "transparent",
-    disableAnimation: false,
     triggerScaleOnOpen: true
   },
   compoundVariants: [

package/dist/{chunk-IP3D7KVB.mjs → chunk-INW3YHX5.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";
@@ -16,15 +16,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",
@@ -156,6 +148,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/{chunk-VFJ7C5ZV.mjs → chunk-JBKBSMXM.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-XHQUSKIE.mjs";
@@ -141,7 +141,8 @@ var slider = tv({
     },
     hasMarks: {
       true: {
-        base: "mb-5"
+        base: "mb-5",
+        mark: "cursor-pointer"
       },
       false: {}
     },
@@ -161,7 +162,7 @@ var slider = tv({
     hideThumb: {
       true: {
         thumb: "sr-only",
-        track: "overflow-hidden cursor-pointer"
+        track: "cursor-pointer"
       }
     },
     hasSingleThumb: {
@@ -238,42 +239,42 @@ var slider = tv({
       size: "sm",
       isVertical: false,
       class: {
-        track: "h-1 my-[calc((theme(spacing.5)-theme(spacing.1))/2)] data-[thumb-hidden=false]:border-x-[calc(theme(spacing.5)/2)]"
+        track: "h-1 my-[calc((theme(spacing.5)-theme(spacing.1))/2)] border-x-[calc(theme(spacing.5)/2)]"
       }
     },
     {
       size: "md",
       isVertical: false,
       class: {
-        track: "h-3 my-[calc((theme(spacing.6)-theme(spacing.3))/2)] data-[thumb-hidden=false]:border-x-[calc(theme(spacing.6)/2)]"
+        track: "h-3 my-[calc((theme(spacing.6)-theme(spacing.3))/2)] border-x-[calc(theme(spacing.6)/2)]"
       }
     },
     {
       size: "lg",
       isVertical: false,
       class: {
-        track: "h-7 my-[calc((theme(spacing.7)-theme(spacing.5))/2)] data-[thumb-hidden=false]:border-x-[calc(theme(spacing.7)/2)]"
+        track: "h-7 my-[calc((theme(spacing.7)-theme(spacing.5))/2)] border-x-[calc(theme(spacing.7)/2)]"
       }
     },
     {
       size: "sm",
       isVertical: true,
       class: {
-        track: "w-1 mx-[calc((theme(spacing.5)-theme(spacing.1))/2)] data-[thumb-hidden=false]:border-y-[calc(theme(spacing.5)/2)]"
+        track: "w-1 mx-[calc((theme(spacing.5)-theme(spacing.1))/2)] border-y-[calc(theme(spacing.5)/2)]"
       }
     },
     {
       size: "md",
       isVertical: true,
       class: {
-        track: "w-3 mx-[calc((theme(spacing.6)-theme(spacing.3))/2)] data-[thumb-hidden=false]:border-y-[calc(theme(spacing.6)/2)]"
+        track: "w-3 mx-[calc((theme(spacing.6)-theme(spacing.3))/2)] border-y-[calc(theme(spacing.6)/2)]"
       }
     },
     {
       size: "lg",
       isVertical: true,
       class: {
-        track: "w-7 mx-[calc((theme(spacing.7)-theme(spacing.5))/2)] data-[thumb-hidden=false]:border-y-[calc(theme(spacing.7)/2)]"
+        track: "w-7 mx-[calc((theme(spacing.7)-theme(spacing.5))/2)] border-y-[calc(theme(spacing.7)/2)]"
       }
     },
     {
@@ -381,7 +382,6 @@ var slider = tv({
     hideThumb: false,
     isDisabled: false,
     disableThumbScale: false,
-    disableAnimation: false,
     showOutline: false
   }
 });

package/dist/{chunk-AT4OXKKK.mjs → chunk-KKN74BUG.mjs}

@@ -1,6 +1,6 @@
 import {
   tv
-} from "./chunk-GMMETTYU.mjs";
+} from "./chunk-N2KXC5ZE.mjs";
 
 // src/components/autocomplete.ts
 var autocomplete = tv({
@@ -47,7 +47,6 @@ var autocomplete = tv({
     }
   },
   defaultVariants: {
-    disableAnimation: false,
     isClearable: true,
     disableSelectorIconRotation: false
   }

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: [
     {