@nextui-org/theme 2.2.6 → 2.2.8

package/dist/{chunk-AEDZYTPD.mjs → chunk-ARFD2V3F.mjs}

@@ -27,7 +27,9 @@ var input = tv({
     input: [
       "w-full font-normal bg-transparent !outline-none placeholder:text-foreground-500 focus-visible:outline-none",
       "data-[has-start-content=true]:ps-1.5",
-      "data-[has-end-content=true]:pe-1.5"
+      "data-[has-end-content=true]:pe-1.5",
+      "file:cursor-pointer file:bg-transparent file:border-0",
+      "autofill:bg-transparent bg-clip-text"
     ],
     clearButton: [
       "p-2",
@@ -563,12 +565,6 @@ var input = tv({
         label: ["group-data-[filled-within=true]:pointer-events-auto"]
       }
     },
-    {
-      labelPlacement: ["outside", "outside-left"],
-      class: {
-        input: "h-full"
-      }
-    },
     {
       labelPlacement: "outside",
       isMultiline: false,

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

@@ -75,7 +75,7 @@ var button = tv({
       false: "[&>svg]:max-w-[theme(spacing.8)]"
     },
     disableAnimation: {
-      true: "!transition-none",
+      true: "!transition-none data-[pressed=true]:scale-100",
       false: "transition-transform-colors-opacity motion-reduce:transition-none"
     }
   },

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

@@ -13,7 +13,7 @@ var accordion = tv({
       light: "",
       shadow: "px-4 shadow-medium rounded-medium bg-content1",
       bordered: "px-4 border-medium border-divider rounded-medium",
-      splitted: "group is-splitted flex flex-col gap-2"
+      splitted: "flex flex-col gap-2"
     },
     fullWidth: {
       true: "w-full"
@@ -26,12 +26,7 @@ var accordion = tv({
 });
 var accordionItem = tv({
   slots: {
-    base: [
-      "group-[.is-splitted]:px-4",
-      "group-[.is-splitted]:bg-content1",
-      "group-[.is-splitted]:shadow-medium",
-      "group-[.is-splitted]:rounded-medium"
-    ],
+    base: "",
     heading: "",
     trigger: [
       "flex py-4 w-full h-full gap-3 outline-none items-center tap-highlight-transparent",
@@ -45,6 +40,11 @@ var accordionItem = tv({
     content: "py-2"
   },
   variants: {
+    variant: {
+      splitted: {
+        base: "px-4 bg-content1 shadow-medium rounded-medium"
+      }
+    },
     isCompact: {
       true: {
         trigger: "py-2",

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

@@ -141,7 +141,7 @@ var modal = tv({
         base: "overflow-y-hidden"
       },
       inside: {
-        base: "max-h-[calc(100%_-_7.5rem)]",
+        base: "max-h-[calc(100%_-_8rem)]",
         body: "overflow-y-auto"
       },
       outside: {

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

@@ -9,8 +9,8 @@ var datePicker = tv({
     selectorButton: "-mr-2 text-inherit",
     selectorIcon: "text-lg text-inherit pointer-events-none flex-shrink-0",
     popoverContent: "p-0 w-full",
-    calendar: "w-[var(--calendar-width)] shadow-none",
-    calendarContent: "w-[var(--calendar-width)]",
+    calendar: "w-[calc(var(--visible-months)_*_var(--calendar-width))] shadow-none",
+    calendarContent: "w-[calc(var(--visible-months)_*_var(--calendar-width))]",
     timeInputLabel: "font-medium",
     timeInput: "px-5 pb-4 flex-wrap gap-x-6"
   }

package/dist/{chunk-BBWRBJQB.mjs → chunk-XT44N6I6.mjs}

@@ -42,7 +42,6 @@ var table = tv({
       "rtl:last:rounded-l-lg",
       "rtl:last:rounded-r-[unset]",
       "outline-none",
-      "data-[sortable=true]:transition-colors",
       "data-[sortable=true]:cursor-pointer",
       "data-[hover=true]:text-foreground-400",
       ...dataFocusVisibleClasses
@@ -86,7 +85,7 @@ var table = tv({
   variants: {
     color: {
       default: {
-        td: "before:bg-default/40 data-[selected=true]:text-default-foreground"
+        td: "before:bg-default/60 data-[selected=true]:text-default-foreground"
       },
       primary: {
         td: "before:bg-primary/20 data-[selected=true]:text-primary"
@@ -235,7 +234,51 @@ var table = tv({
     isStriped: false,
     fullWidth: true,
     align: "start"
-  }
+  },
+  compoundVariants: [
+    {
+      isStriped: true,
+      color: "default",
+      class: {
+        td: "group-data-[odd=true]:data-[selected=true]:before:bg-default/60"
+      }
+    },
+    {
+      isStriped: true,
+      color: "primary",
+      class: {
+        td: "group-data-[odd=true]:data-[selected=true]:before:bg-primary/20"
+      }
+    },
+    {
+      isStriped: true,
+      color: "secondary",
+      class: {
+        td: "group-data-[odd=true]:data-[selected=true]:before:bg-secondary/20"
+      }
+    },
+    {
+      isStriped: true,
+      color: "success",
+      class: {
+        td: "group-data-[odd=true]:data-[selected=true]:before:bg-success/20"
+      }
+    },
+    {
+      isStriped: true,
+      color: "warning",
+      class: {
+        td: "group-data-[odd=true]:data-[selected=true]:before:bg-warning/20"
+      }
+    },
+    {
+      isStriped: true,
+      color: "danger",
+      class: {
+        td: "group-data-[odd=true]:data-[selected=true]:before:bg-danger/20"
+      }
+    }
+  ]
 });
 
 export {

package/dist/components/accordion.d.ts

@@ -17,7 +17,7 @@ declare const accordion: tailwind_variants.TVReturnType<{
         light: "";
         shadow: "px-4 shadow-medium rounded-medium bg-content1";
         bordered: "px-4 border-medium border-divider rounded-medium";
-        splitted: "group is-splitted flex flex-col gap-2";
+        splitted: "flex flex-col gap-2";
     };
     fullWidth: {
         true: "w-full";
@@ -27,7 +27,7 @@ declare const accordion: tailwind_variants.TVReturnType<{
         light: "";
         shadow: "px-4 shadow-medium rounded-medium bg-content1";
         bordered: "px-4 border-medium border-divider rounded-medium";
-        splitted: "group is-splitted flex flex-col gap-2";
+        splitted: "flex flex-col gap-2";
     };
     fullWidth: {
         true: "w-full";
@@ -37,7 +37,7 @@ declare const accordion: tailwind_variants.TVReturnType<{
         light: "";
         shadow: "px-4 shadow-medium rounded-medium bg-content1";
         bordered: "px-4 border-medium border-divider rounded-medium";
-        splitted: "group is-splitted flex flex-col gap-2";
+        splitted: "flex flex-col gap-2";
     };
     fullWidth: {
         true: "w-full";
@@ -47,7 +47,7 @@ declare const accordion: tailwind_variants.TVReturnType<{
         light: "";
         shadow: "px-4 shadow-medium rounded-medium bg-content1";
         bordered: "px-4 border-medium border-divider rounded-medium";
-        splitted: "group is-splitted flex flex-col gap-2";
+        splitted: "flex flex-col gap-2";
     };
     fullWidth: {
         true: "w-full";
@@ -57,7 +57,7 @@ declare const accordion: tailwind_variants.TVReturnType<{
         light: "";
         shadow: "px-4 shadow-medium rounded-medium bg-content1";
         bordered: "px-4 border-medium border-divider rounded-medium";
-        splitted: "group is-splitted flex flex-col gap-2";
+        splitted: "flex flex-col gap-2";
     };
     fullWidth: {
         true: "w-full";
@@ -67,7 +67,7 @@ declare const accordion: tailwind_variants.TVReturnType<{
         light: "";
         shadow: "px-4 shadow-medium rounded-medium bg-content1";
         bordered: "px-4 border-medium border-divider rounded-medium";
-        splitted: "group is-splitted flex flex-col gap-2";
+        splitted: "flex flex-col gap-2";
     };
     fullWidth: {
         true: "w-full";
@@ -77,7 +77,7 @@ declare const accordion: tailwind_variants.TVReturnType<{
         light: "";
         shadow: "px-4 shadow-medium rounded-medium bg-content1";
         bordered: "px-4 border-medium border-divider rounded-medium";
-        splitted: "group is-splitted flex flex-col gap-2";
+        splitted: "flex flex-col gap-2";
     };
     fullWidth: {
         true: "w-full";
@@ -106,6 +106,11 @@ declare const accordion: tailwind_variants.TVReturnType<{
  * </div>
  */
 declare const accordionItem: tailwind_variants.TVReturnType<{
+    variant: {
+        splitted: {
+            base: string;
+        };
+    };
     isCompact: {
         true: {
             trigger: string;
@@ -143,7 +148,7 @@ declare const accordionItem: tailwind_variants.TVReturnType<{
         };
     };
 }, {
-    base: string[];
+    base: string;
     heading: string;
     trigger: string[];
     startContent: string;
@@ -153,6 +158,11 @@ declare const accordionItem: tailwind_variants.TVReturnType<{
     subtitle: string;
     content: string;
 }, undefined, tailwind_variants_dist_config.TVConfig<{
+    variant: {
+        splitted: {
+            base: string;
+        };
+    };
     isCompact: {
         true: {
             trigger: string;
@@ -190,6 +200,11 @@ declare const accordionItem: tailwind_variants.TVReturnType<{
         };
     };
 }, {
+    variant: {
+        splitted: {
+            base: string;
+        };
+    };
     isCompact: {
         true: {
             trigger: string;
@@ -227,6 +242,11 @@ declare const accordionItem: tailwind_variants.TVReturnType<{
         };
     };
 }>, {
+    variant: {
+        splitted: {
+            base: string;
+        };
+    };
     isCompact: {
         true: {
             trigger: string;
@@ -264,7 +284,7 @@ declare const accordionItem: tailwind_variants.TVReturnType<{
         };
     };
 }, {
-    base: string[];
+    base: string;
     heading: string;
     trigger: string[];
     startContent: string;
@@ -274,6 +294,11 @@ declare const accordionItem: tailwind_variants.TVReturnType<{
     subtitle: string;
     content: string;
 }, tailwind_variants.TVReturnType<{
+    variant: {
+        splitted: {
+            base: string;
+        };
+    };
     isCompact: {
         true: {
             trigger: string;
@@ -311,7 +336,7 @@ declare const accordionItem: tailwind_variants.TVReturnType<{
         };
     };
 }, {
-    base: string[];
+    base: string;
     heading: string;
     trigger: string[];
     startContent: string;
@@ -321,6 +346,11 @@ declare const accordionItem: tailwind_variants.TVReturnType<{
     subtitle: string;
     content: string;
 }, undefined, tailwind_variants_dist_config.TVConfig<{
+    variant: {
+        splitted: {
+            base: string;
+        };
+    };
     isCompact: {
         true: {
             trigger: string;
@@ -358,6 +388,11 @@ declare const accordionItem: tailwind_variants.TVReturnType<{
         };
     };
 }, {
+    variant: {
+        splitted: {
+            base: string;
+        };
+    };
     isCompact: {
         true: {
             trigger: string;

package/dist/components/accordion.js

@@ -81,7 +81,7 @@ var accordion = tv({
       light: "",
       shadow: "px-4 shadow-medium rounded-medium bg-content1",
       bordered: "px-4 border-medium border-divider rounded-medium",
-      splitted: "group is-splitted flex flex-col gap-2"
+      splitted: "flex flex-col gap-2"
     },
     fullWidth: {
       true: "w-full"
@@ -94,12 +94,7 @@ var accordion = tv({
 });
 var accordionItem = tv({
   slots: {
-    base: [
-      "group-[.is-splitted]:px-4",
-      "group-[.is-splitted]:bg-content1",
-      "group-[.is-splitted]:shadow-medium",
-      "group-[.is-splitted]:rounded-medium"
-    ],
+    base: "",
     heading: "",
     trigger: [
       "flex py-4 w-full h-full gap-3 outline-none items-center tap-highlight-transparent",
@@ -113,6 +108,11 @@ var accordionItem = tv({
     content: "py-2"
   },
   variants: {
+    variant: {
+      splitted: {
+        base: "px-4 bg-content1 shadow-medium rounded-medium"
+      }
+    },
     isCompact: {
       true: {
         trigger: "py-2",

package/dist/components/accordion.mjs

@@ -1,7 +1,7 @@
 import {
   accordion,
   accordionItem
-} from "../chunk-VFGZ2KFC.mjs";
+} from "../chunk-MVG7GLBD.mjs";
 import "../chunk-IV3K5WDK.mjs";
 import "../chunk-3XVMTUU7.mjs";
 import "../chunk-2PIR7DFM.mjs";

package/dist/components/button.d.ts

@@ -62,7 +62,7 @@ declare const button: tailwind_variants.TVReturnType<{
         false: "[&>svg]:max-w-[theme(spacing.8)]";
     };
     disableAnimation: {
-        true: "!transition-none";
+        true: "!transition-none data-[pressed=true]:scale-100";
         false: "transition-transform-colors-opacity motion-reduce:transition-none";
     };
 }, undefined, string[], tailwind_variants_dist_config.TVConfig<{
@@ -109,7 +109,7 @@ declare const button: tailwind_variants.TVReturnType<{
         false: "[&>svg]:max-w-[theme(spacing.8)]";
     };
     disableAnimation: {
-        true: "!transition-none";
+        true: "!transition-none data-[pressed=true]:scale-100";
         false: "transition-transform-colors-opacity motion-reduce:transition-none";
     };
 }, {
@@ -156,7 +156,7 @@ declare const button: tailwind_variants.TVReturnType<{
         false: "[&>svg]:max-w-[theme(spacing.8)]";
     };
     disableAnimation: {
-        true: "!transition-none";
+        true: "!transition-none data-[pressed=true]:scale-100";
         false: "transition-transform-colors-opacity motion-reduce:transition-none";
     };
 }>, {
@@ -203,7 +203,7 @@ declare const button: tailwind_variants.TVReturnType<{
         false: "[&>svg]:max-w-[theme(spacing.8)]";
     };
     disableAnimation: {
-        true: "!transition-none";
+        true: "!transition-none data-[pressed=true]:scale-100";
         false: "transition-transform-colors-opacity motion-reduce:transition-none";
     };
 }, undefined, tailwind_variants.TVReturnType<{
@@ -250,7 +250,7 @@ declare const button: tailwind_variants.TVReturnType<{
         false: "[&>svg]:max-w-[theme(spacing.8)]";
     };
     disableAnimation: {
-        true: "!transition-none";
+        true: "!transition-none data-[pressed=true]:scale-100";
         false: "transition-transform-colors-opacity motion-reduce:transition-none";
     };
 }, undefined, string[], tailwind_variants_dist_config.TVConfig<{
@@ -297,7 +297,7 @@ declare const button: tailwind_variants.TVReturnType<{
         false: "[&>svg]:max-w-[theme(spacing.8)]";
     };
     disableAnimation: {
-        true: "!transition-none";
+        true: "!transition-none data-[pressed=true]:scale-100";
         false: "transition-transform-colors-opacity motion-reduce:transition-none";
     };
 }, {
@@ -344,7 +344,7 @@ declare const button: tailwind_variants.TVReturnType<{
         false: "[&>svg]:max-w-[theme(spacing.8)]";
     };
     disableAnimation: {
-        true: "!transition-none";
+        true: "!transition-none data-[pressed=true]:scale-100";
         false: "transition-transform-colors-opacity motion-reduce:transition-none";
     };
 }>, unknown, unknown, undefined>>;

package/dist/components/button.js

@@ -221,7 +221,7 @@ var button = tv({
       false: "[&>svg]:max-w-[theme(spacing.8)]"
     },
     disableAnimation: {
-      true: "!transition-none",
+      true: "!transition-none data-[pressed=true]:scale-100",
       false: "transition-transform-colors-opacity motion-reduce:transition-none"
     }
   },

package/dist/components/button.mjs

@@ -1,7 +1,7 @@
 import {
   button,
   buttonGroup
-} from "../chunk-SPXRXN7C.mjs";
+} from "../chunk-MERQJVXF.mjs";
 import "../chunk-IV3K5WDK.mjs";
 import "../chunk-3XVMTUU7.mjs";
 import "../chunk-2PIR7DFM.mjs";

package/dist/components/date-picker.js

@@ -71,8 +71,8 @@ var datePicker = tv({
     selectorButton: "-mr-2 text-inherit",
     selectorIcon: "text-lg text-inherit pointer-events-none flex-shrink-0",
     popoverContent: "p-0 w-full",
-    calendar: "w-[var(--calendar-width)] shadow-none",
-    calendarContent: "w-[var(--calendar-width)]",
+    calendar: "w-[calc(var(--visible-months)_*_var(--calendar-width))] shadow-none",
+    calendarContent: "w-[calc(var(--visible-months)_*_var(--calendar-width))]",
     timeInputLabel: "font-medium",
     timeInput: "px-5 pb-4 flex-wrap gap-x-6"
   }

package/dist/components/date-picker.mjs

@@ -1,7 +1,7 @@
 import {
   datePicker,
   dateRangePicker
-} from "../chunk-X7QC2HIM.mjs";
+} from "../chunk-WGH4WKVU.mjs";
 import "../chunk-N2KXC5ZE.mjs";
 import "../chunk-BYWORP66.mjs";
 export {

package/dist/components/index.js

@@ -730,7 +730,7 @@ var button = tv({
       false: "[&>svg]:max-w-[theme(spacing.8)]"
     },
     disableAnimation: {
-      true: "!transition-none",
+      true: "!transition-none data-[pressed=true]:scale-100",
       false: "transition-transform-colors-opacity motion-reduce:transition-none"
     }
   },
@@ -3435,7 +3435,7 @@ var accordion = tv({
       light: "",
       shadow: "px-4 shadow-medium rounded-medium bg-content1",
       bordered: "px-4 border-medium border-divider rounded-medium",
-      splitted: "group is-splitted flex flex-col gap-2"
+      splitted: "flex flex-col gap-2"
     },
     fullWidth: {
       true: "w-full"
@@ -3448,12 +3448,7 @@ var accordion = tv({
 });
 var accordionItem = tv({
   slots: {
-    base: [
-      "group-[.is-splitted]:px-4",
-      "group-[.is-splitted]:bg-content1",
-      "group-[.is-splitted]:shadow-medium",
-      "group-[.is-splitted]:rounded-medium"
-    ],
+    base: "",
     heading: "",
     trigger: [
       "flex py-4 w-full h-full gap-3 outline-none items-center tap-highlight-transparent",
@@ -3467,6 +3462,11 @@ var accordionItem = tv({
     content: "py-2"
   },
   variants: {
+    variant: {
+      splitted: {
+        base: "px-4 bg-content1 shadow-medium rounded-medium"
+      }
+    },
     isCompact: {
       true: {
         trigger: "py-2",
@@ -3732,7 +3732,9 @@ var input = tv({
     input: [
       "w-full font-normal bg-transparent !outline-none placeholder:text-foreground-500 focus-visible:outline-none",
       "data-[has-start-content=true]:ps-1.5",
-      "data-[has-end-content=true]:pe-1.5"
+      "data-[has-end-content=true]:pe-1.5",
+      "file:cursor-pointer file:bg-transparent file:border-0",
+      "autofill:bg-transparent bg-clip-text"
     ],
     clearButton: [
       "p-2",
@@ -4268,12 +4270,6 @@ var input = tv({
         label: ["group-data-[filled-within=true]:pointer-events-auto"]
       }
     },
-    {
-      labelPlacement: ["outside", "outside-left"],
-      class: {
-        input: "h-full"
-      }
-    },
     {
       labelPlacement: "outside",
       isMultiline: false,
@@ -5149,7 +5145,7 @@ var modal = tv({
         base: "overflow-y-hidden"
       },
       inside: {
-        base: "max-h-[calc(100%_-_7.5rem)]",
+        base: "max-h-[calc(100%_-_8rem)]",
         body: "overflow-y-auto"
       },
       outside: {
@@ -5422,7 +5418,6 @@ var table = tv({
       "rtl:last:rounded-l-lg",
       "rtl:last:rounded-r-[unset]",
       "outline-none",
-      "data-[sortable=true]:transition-colors",
       "data-[sortable=true]:cursor-pointer",
       "data-[hover=true]:text-foreground-400",
       ...dataFocusVisibleClasses
@@ -5466,7 +5461,7 @@ var table = tv({
   variants: {
     color: {
       default: {
-        td: "before:bg-default/40 data-[selected=true]:text-default-foreground"
+        td: "before:bg-default/60 data-[selected=true]:text-default-foreground"
       },
       primary: {
         td: "before:bg-primary/20 data-[selected=true]:text-primary"
@@ -5615,7 +5610,51 @@ var table = tv({
     isStriped: false,
     fullWidth: true,
     align: "start"
-  }
+  },
+  compoundVariants: [
+    {
+      isStriped: true,
+      color: "default",
+      class: {
+        td: "group-data-[odd=true]:data-[selected=true]:before:bg-default/60"
+      }
+    },
+    {
+      isStriped: true,
+      color: "primary",
+      class: {
+        td: "group-data-[odd=true]:data-[selected=true]:before:bg-primary/20"
+      }
+    },
+    {
+      isStriped: true,
+      color: "secondary",
+      class: {
+        td: "group-data-[odd=true]:data-[selected=true]:before:bg-secondary/20"
+      }
+    },
+    {
+      isStriped: true,
+      color: "success",
+      class: {
+        td: "group-data-[odd=true]:data-[selected=true]:before:bg-success/20"
+      }
+    },
+    {
+      isStriped: true,
+      color: "warning",
+      class: {
+        td: "group-data-[odd=true]:data-[selected=true]:before:bg-warning/20"
+      }
+    },
+    {
+      isStriped: true,
+      color: "danger",
+      class: {
+        td: "group-data-[odd=true]:data-[selected=true]:before:bg-danger/20"
+      }
+    }
+  ]
 });
 
 // src/components/spacer.ts
@@ -8748,8 +8787,8 @@ var datePicker = tv({
     selectorButton: "-mr-2 text-inherit",
     selectorIcon: "text-lg text-inherit pointer-events-none flex-shrink-0",
     popoverContent: "p-0 w-full",
-    calendar: "w-[var(--calendar-width)] shadow-none",
-    calendarContent: "w-[var(--calendar-width)]",
+    calendar: "w-[calc(var(--visible-months)_*_var(--calendar-width))] shadow-none",
+    calendarContent: "w-[calc(var(--visible-months)_*_var(--calendar-width))]",
     timeInputLabel: "font-medium",
     timeInput: "px-5 pb-4 flex-wrap gap-x-6"
   }

package/dist/components/index.mjs

@@ -31,7 +31,7 @@ import {
 } from "../chunk-AXXUQWWC.mjs";
 import {
   table
-} from "../chunk-BBWRBJQB.mjs";
+} from "../chunk-XT44N6I6.mjs";
 import "../chunk-YJLQTC7L.mjs";
 import {
   menu,
@@ -40,7 +40,7 @@ import {
 } from "../chunk-4YQYZDME.mjs";
 import {
   modal
-} from "../chunk-INW3YHX5.mjs";
+} from "../chunk-N4MWCCMM.mjs";
 import {
   navbar
 } from "../chunk-3QYYLFUC.mjs";
@@ -74,7 +74,7 @@ import {
 } from "../chunk-U6G6SZ26.mjs";
 import {
   input
-} from "../chunk-AEDZYTPD.mjs";
+} from "../chunk-ARFD2V3F.mjs";
 import {
   kbd
 } from "../chunk-F4AOWB64.mjs";
@@ -107,11 +107,11 @@ import {
 import {
   datePicker,
   dateRangePicker
-} from "../chunk-X7QC2HIM.mjs";
+} from "../chunk-WGH4WKVU.mjs";
 import {
   accordion,
   accordionItem
-} from "../chunk-VFGZ2KFC.mjs";
+} from "../chunk-MVG7GLBD.mjs";
 import {
   autocomplete
 } from "../chunk-KKN74BUG.mjs";
@@ -129,7 +129,7 @@ import {
 import {
   button,
   buttonGroup
-} from "../chunk-SPXRXN7C.mjs";
+} from "../chunk-MERQJVXF.mjs";
 import "../chunk-IV3K5WDK.mjs";
 import "../chunk-3XVMTUU7.mjs";
 import "../chunk-2PIR7DFM.mjs";

package/dist/components/input.js

@@ -101,7 +101,9 @@ var input = tv({
     input: [
       "w-full font-normal bg-transparent !outline-none placeholder:text-foreground-500 focus-visible:outline-none",
       "data-[has-start-content=true]:ps-1.5",
-      "data-[has-end-content=true]:pe-1.5"
+      "data-[has-end-content=true]:pe-1.5",
+      "file:cursor-pointer file:bg-transparent file:border-0",
+      "autofill:bg-transparent bg-clip-text"
     ],
     clearButton: [
       "p-2",
@@ -637,12 +639,6 @@ var input = tv({
         label: ["group-data-[filled-within=true]:pointer-events-auto"]
       }
     },
-    {
-      labelPlacement: ["outside", "outside-left"],
-      class: {
-        input: "h-full"
-      }
-    },
     {
       labelPlacement: "outside",
       isMultiline: false,

package/dist/components/input.mjs

@@ -1,6 +1,6 @@
 import {
   input
-} from "../chunk-AEDZYTPD.mjs";
+} from "../chunk-ARFD2V3F.mjs";
 import "../chunk-IV3K5WDK.mjs";
 import "../chunk-3XVMTUU7.mjs";
 import "../chunk-2PIR7DFM.mjs";

package/dist/components/modal.js

@@ -208,7 +208,7 @@ var modal = tv({
         base: "overflow-y-hidden"
       },
       inside: {
-        base: "max-h-[calc(100%_-_7.5rem)]",
+        base: "max-h-[calc(100%_-_8rem)]",
         body: "overflow-y-auto"
       },
       outside: {

package/dist/components/modal.mjs

@@ -1,6 +1,6 @@
 import {
   modal
-} from "../chunk-INW3YHX5.mjs";
+} from "../chunk-N4MWCCMM.mjs";
 import "../chunk-IV3K5WDK.mjs";
 import "../chunk-3XVMTUU7.mjs";
 import "../chunk-2PIR7DFM.mjs";

package/dist/components/table.js

@@ -24,8 +24,14 @@ __export(table_exports, {
 });
 module.exports = __toCommonJS(table_exports);
 
-// src/utils/tv.ts
-var import_tailwind_variants = require("tailwind-variants");
+// src/utils/classes.ts
+var dataFocusVisibleClasses = [
+  "outline-none",
+  "data-[focus-visible=true]:z-10",
+  "data-[focus-visible=true]:outline-2",
+  "data-[focus-visible=true]:outline-focus",
+  "data-[focus-visible=true]:outline-offset-2"
+];
 
 // src/utils/tw-merge-config.ts
 var COMMON_UNITS = ["small", "medium", "large"];
@@ -44,6 +50,7 @@ var twMergeConfig = {
 };
 
 // src/utils/tv.ts
+var import_tailwind_variants = require("tailwind-variants");
 var tv = (options, config) => {
   var _a, _b, _c;
   return (0, import_tailwind_variants.tv)(options, {
@@ -63,15 +70,6 @@ var tv = (options, config) => {
   });
 };
 
-// src/utils/classes.ts
-var dataFocusVisibleClasses = [
-  "outline-none",
-  "data-[focus-visible=true]:z-10",
-  "data-[focus-visible=true]:outline-2",
-  "data-[focus-visible=true]:outline-focus",
-  "data-[focus-visible=true]:outline-offset-2"
-];
-
 // src/components/table.ts
 var table = tv({
   slots: {
@@ -109,7 +107,6 @@ var table = tv({
       "rtl:last:rounded-l-lg",
       "rtl:last:rounded-r-[unset]",
       "outline-none",
-      "data-[sortable=true]:transition-colors",
       "data-[sortable=true]:cursor-pointer",
       "data-[hover=true]:text-foreground-400",
       ...dataFocusVisibleClasses
@@ -153,7 +150,7 @@ var table = tv({
   variants: {
     color: {
       default: {
-        td: "before:bg-default/40 data-[selected=true]:text-default-foreground"
+        td: "before:bg-default/60 data-[selected=true]:text-default-foreground"
       },
       primary: {
         td: "before:bg-primary/20 data-[selected=true]:text-primary"
@@ -302,7 +299,51 @@ var table = tv({
     isStriped: false,
     fullWidth: true,
     align: "start"
-  }
+  },
+  compoundVariants: [
+    {
+      isStriped: true,
+      color: "default",
+      class: {
+        td: "group-data-[odd=true]:data-[selected=true]:before:bg-default/60"
+      }
+    },
+    {
+      isStriped: true,
+      color: "primary",
+      class: {
+        td: "group-data-[odd=true]:data-[selected=true]:before:bg-primary/20"
+      }
+    },
+    {
+      isStriped: true,
+      color: "secondary",
+      class: {
+        td: "group-data-[odd=true]:data-[selected=true]:before:bg-secondary/20"
+      }
+    },
+    {
+      isStriped: true,
+      color: "success",
+      class: {
+        td: "group-data-[odd=true]:data-[selected=true]:before:bg-success/20"
+      }
+    },
+    {
+      isStriped: true,
+      color: "warning",
+      class: {
+        td: "group-data-[odd=true]:data-[selected=true]:before:bg-warning/20"
+      }
+    },
+    {
+      isStriped: true,
+      color: "danger",
+      class: {
+        td: "group-data-[odd=true]:data-[selected=true]:before:bg-danger/20"
+      }
+    }
+  ]
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/table.mjs

@@ -1,6 +1,6 @@
 import {
   table
-} from "../chunk-BBWRBJQB.mjs";
+} from "../chunk-XT44N6I6.mjs";
 import "../chunk-IV3K5WDK.mjs";
 import "../chunk-3XVMTUU7.mjs";
 import "../chunk-2PIR7DFM.mjs";

package/dist/index.js

@@ -772,7 +772,7 @@ var button = tv({
       false: "[&>svg]:max-w-[theme(spacing.8)]"
     },
     disableAnimation: {
-      true: "!transition-none",
+      true: "!transition-none data-[pressed=true]:scale-100",
       false: "transition-transform-colors-opacity motion-reduce:transition-none"
     }
   },
@@ -3477,7 +3477,7 @@ var accordion = tv({
       light: "",
       shadow: "px-4 shadow-medium rounded-medium bg-content1",
       bordered: "px-4 border-medium border-divider rounded-medium",
-      splitted: "group is-splitted flex flex-col gap-2"
+      splitted: "flex flex-col gap-2"
     },
     fullWidth: {
       true: "w-full"
@@ -3490,12 +3490,7 @@ var accordion = tv({
 });
 var accordionItem = tv({
   slots: {
-    base: [
-      "group-[.is-splitted]:px-4",
-      "group-[.is-splitted]:bg-content1",
-      "group-[.is-splitted]:shadow-medium",
-      "group-[.is-splitted]:rounded-medium"
-    ],
+    base: "",
     heading: "",
     trigger: [
       "flex py-4 w-full h-full gap-3 outline-none items-center tap-highlight-transparent",
@@ -3509,6 +3504,11 @@ var accordionItem = tv({
     content: "py-2"
   },
   variants: {
+    variant: {
+      splitted: {
+        base: "px-4 bg-content1 shadow-medium rounded-medium"
+      }
+    },
     isCompact: {
       true: {
         trigger: "py-2",
@@ -3774,7 +3774,9 @@ var input = tv({
     input: [
       "w-full font-normal bg-transparent !outline-none placeholder:text-foreground-500 focus-visible:outline-none",
       "data-[has-start-content=true]:ps-1.5",
-      "data-[has-end-content=true]:pe-1.5"
+      "data-[has-end-content=true]:pe-1.5",
+      "file:cursor-pointer file:bg-transparent file:border-0",
+      "autofill:bg-transparent bg-clip-text"
     ],
     clearButton: [
       "p-2",
@@ -4310,12 +4312,6 @@ var input = tv({
         label: ["group-data-[filled-within=true]:pointer-events-auto"]
       }
     },
-    {
-      labelPlacement: ["outside", "outside-left"],
-      class: {
-        input: "h-full"
-      }
-    },
     {
       labelPlacement: "outside",
       isMultiline: false,
@@ -5191,7 +5187,7 @@ var modal = tv({
         base: "overflow-y-hidden"
       },
       inside: {
-        base: "max-h-[calc(100%_-_7.5rem)]",
+        base: "max-h-[calc(100%_-_8rem)]",
         body: "overflow-y-auto"
       },
       outside: {
@@ -5464,7 +5460,6 @@ var table = tv({
       "rtl:last:rounded-l-lg",
       "rtl:last:rounded-r-[unset]",
       "outline-none",
-      "data-[sortable=true]:transition-colors",
       "data-[sortable=true]:cursor-pointer",
       "data-[hover=true]:text-foreground-400",
       ...dataFocusVisibleClasses
@@ -5508,7 +5503,7 @@ var table = tv({
   variants: {
     color: {
       default: {
-        td: "before:bg-default/40 data-[selected=true]:text-default-foreground"
+        td: "before:bg-default/60 data-[selected=true]:text-default-foreground"
       },
       primary: {
         td: "before:bg-primary/20 data-[selected=true]:text-primary"
@@ -5657,7 +5652,51 @@ var table = tv({
     isStriped: false,
     fullWidth: true,
     align: "start"
-  }
+  },
+  compoundVariants: [
+    {
+      isStriped: true,
+      color: "default",
+      class: {
+        td: "group-data-[odd=true]:data-[selected=true]:before:bg-default/60"
+      }
+    },
+    {
+      isStriped: true,
+      color: "primary",
+      class: {
+        td: "group-data-[odd=true]:data-[selected=true]:before:bg-primary/20"
+      }
+    },
+    {
+      isStriped: true,
+      color: "secondary",
+      class: {
+        td: "group-data-[odd=true]:data-[selected=true]:before:bg-secondary/20"
+      }
+    },
+    {
+      isStriped: true,
+      color: "success",
+      class: {
+        td: "group-data-[odd=true]:data-[selected=true]:before:bg-success/20"
+      }
+    },
+    {
+      isStriped: true,
+      color: "warning",
+      class: {
+        td: "group-data-[odd=true]:data-[selected=true]:before:bg-warning/20"
+      }
+    },
+    {
+      isStriped: true,
+      color: "danger",
+      class: {
+        td: "group-data-[odd=true]:data-[selected=true]:before:bg-danger/20"
+      }
+    }
+  ]
 });
 
 // src/components/spacer.ts
@@ -8790,8 +8829,8 @@ var datePicker = tv({
     selectorButton: "-mr-2 text-inherit",
     selectorIcon: "text-lg text-inherit pointer-events-none flex-shrink-0",
     popoverContent: "p-0 w-full",
-    calendar: "w-[var(--calendar-width)] shadow-none",
-    calendarContent: "w-[var(--calendar-width)]",
+    calendar: "w-[calc(var(--visible-months)_*_var(--calendar-width))] shadow-none",
+    calendarContent: "w-[calc(var(--visible-months)_*_var(--calendar-width))]",
     timeInputLabel: "font-medium",
     timeInput: "px-5 pb-4 flex-wrap gap-x-6"
   }

package/dist/index.mjs

@@ -31,7 +31,7 @@ import {
 } from "./chunk-AXXUQWWC.mjs";
 import {
   table
-} from "./chunk-BBWRBJQB.mjs";
+} from "./chunk-XT44N6I6.mjs";
 import "./chunk-YJLQTC7L.mjs";
 import {
   menu,
@@ -40,7 +40,7 @@ import {
 } from "./chunk-4YQYZDME.mjs";
 import {
   modal
-} from "./chunk-INW3YHX5.mjs";
+} from "./chunk-N4MWCCMM.mjs";
 import {
   navbar
 } from "./chunk-3QYYLFUC.mjs";
@@ -74,7 +74,7 @@ import {
 } from "./chunk-U6G6SZ26.mjs";
 import {
   input
-} from "./chunk-AEDZYTPD.mjs";
+} from "./chunk-ARFD2V3F.mjs";
 import {
   kbd
 } from "./chunk-F4AOWB64.mjs";
@@ -107,11 +107,11 @@ import {
 import {
   datePicker,
   dateRangePicker
-} from "./chunk-X7QC2HIM.mjs";
+} from "./chunk-WGH4WKVU.mjs";
 import {
   accordion,
   accordionItem
-} from "./chunk-VFGZ2KFC.mjs";
+} from "./chunk-MVG7GLBD.mjs";
 import {
   autocomplete
 } from "./chunk-KKN74BUG.mjs";
@@ -129,7 +129,7 @@ import {
 import {
   button,
   buttonGroup
-} from "./chunk-SPXRXN7C.mjs";
+} from "./chunk-MERQJVXF.mjs";
 import "./chunk-IV3K5WDK.mjs";
 import {
   cn

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/theme",
-  "version": "2.2.6",
+  "version": "2.2.8",
   "description": "The default theme for NextUI components",
   "keywords": [
     "theme",