@nextui-org/theme 2.2.5 → 2.2.7

package/dist/{chunk-QXCYVABV.mjs → chunk-3QYYLFUC.mjs}

@@ -189,7 +189,7 @@ var navbar = tv({
     },
     disableAnimation: {
       true: {
-        menu: ["hidden", "h-[calc(100dvh_-_var(--navbar-height)_-_1px)]", "data-[open=true]:flex"]
+        menu: ["hidden", "h-[calc(100dvh_-_var(--navbar-height))]", "data-[open=true]:flex"]
       }
     }
   },

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

@@ -9,7 +9,7 @@ import {
 // src/components/input.ts
 var input = tv({
   slots: {
-    base: "group flex flex-col",
+    base: "group flex flex-col data-[hidden=true]:hidden",
     label: [
       "absolute",
       "z-10",
@@ -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-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-WRLU2O3D.mjs → chunk-YC3FDJN4.mjs}

@@ -29,8 +29,6 @@ var table = tv({
       "group",
       "px-3",
       "h-10",
-      "text-left",
-      "rtl:text-right",
       "align-middle",
       "bg-default-100",
       "whitespace-nowrap",
@@ -88,7 +86,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"
@@ -211,6 +209,20 @@ var table = tv({
         wrapper: "w-full",
         table: "w-full"
       }
+    },
+    align: {
+      start: {
+        th: "text-start",
+        td: "text-start"
+      },
+      center: {
+        th: "text-center",
+        td: "text-center"
+      },
+      end: {
+        th: "text-end",
+        td: "text-end"
+      }
     }
   },
   defaultVariants: {
@@ -221,8 +233,53 @@ var table = tv({
     isCompact: false,
     hideHeader: false,
     isStriped: false,
-    fullWidth: true
-  }
+    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/index.js

@@ -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",
@@ -3714,7 +3714,7 @@ var circularProgress = tv({
 // src/components/input.ts
 var input = tv({
   slots: {
-    base: "group flex flex-col",
+    base: "group flex flex-col data-[hidden=true]:hidden",
     label: [
       "absolute",
       "z-10",
@@ -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,
@@ -5374,7 +5370,7 @@ var navbar = tv({
     },
     disableAnimation: {
       true: {
-        menu: ["hidden", "h-[calc(100dvh_-_var(--navbar-height)_-_1px)]", "data-[open=true]:flex"]
+        menu: ["hidden", "h-[calc(100dvh_-_var(--navbar-height))]", "data-[open=true]:flex"]
       }
     }
   },
@@ -5409,8 +5405,6 @@ var table = tv({
       "group",
       "px-3",
       "h-10",
-      "text-left",
-      "rtl:text-right",
       "align-middle",
       "bg-default-100",
       "whitespace-nowrap",
@@ -5468,7 +5462,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"
@@ -5591,6 +5585,20 @@ var table = tv({
         wrapper: "w-full",
         table: "w-full"
       }
+    },
+    align: {
+      start: {
+        th: "text-start",
+        td: "text-start"
+      },
+      center: {
+        th: "text-center",
+        td: "text-center"
+      },
+      end: {
+        th: "text-end",
+        td: "text-end"
+      }
     }
   },
   defaultVariants: {
@@ -5601,8 +5609,53 @@ var table = tv({
     isCompact: false,
     hideHeader: false,
     isStriped: false,
-    fullWidth: true
-  }
+    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

package/dist/components/index.mjs

@@ -31,7 +31,7 @@ import {
 } from "../chunk-AXXUQWWC.mjs";
 import {
   table
-} from "../chunk-WRLU2O3D.mjs";
+} from "../chunk-YC3FDJN4.mjs";
 import "../chunk-YJLQTC7L.mjs";
 import {
   menu,
@@ -43,7 +43,7 @@ import {
 } from "../chunk-INW3YHX5.mjs";
 import {
   navbar
-} from "../chunk-QXCYVABV.mjs";
+} from "../chunk-3QYYLFUC.mjs";
 import {
   pagination
 } from "../chunk-DXPS72CE.mjs";
@@ -74,7 +74,7 @@ import {
 } from "../chunk-U6G6SZ26.mjs";
 import {
   input
-} from "../chunk-66462YHM.mjs";
+} from "../chunk-ARFD2V3F.mjs";
 import {
   kbd
 } from "../chunk-F4AOWB64.mjs";
@@ -111,7 +111,7 @@ import {
 import {
   accordion,
   accordionItem
-} from "../chunk-VFGZ2KFC.mjs";
+} from "../chunk-MVG7GLBD.mjs";
 import {
   autocomplete
 } from "../chunk-KKN74BUG.mjs";

package/dist/components/input.js

@@ -83,7 +83,7 @@ var groupDataFocusVisibleClasses = [
 // src/components/input.ts
 var input = tv({
   slots: {
-    base: "group flex flex-col",
+    base: "group flex flex-col data-[hidden=true]:hidden",
     label: [
       "absolute",
       "z-10",
@@ -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-66462YHM.mjs";
+} from "../chunk-ARFD2V3F.mjs";
 import "../chunk-IV3K5WDK.mjs";
 import "../chunk-3XVMTUU7.mjs";
 import "../chunk-2PIR7DFM.mjs";

package/dist/components/navbar.js

@@ -256,7 +256,7 @@ var navbar = tv({
     },
     disableAnimation: {
       true: {
-        menu: ["hidden", "h-[calc(100dvh_-_var(--navbar-height)_-_1px)]", "data-[open=true]:flex"]
+        menu: ["hidden", "h-[calc(100dvh_-_var(--navbar-height))]", "data-[open=true]:flex"]
       }
     }
   },

package/dist/components/navbar.mjs

@@ -1,6 +1,6 @@
 import {
   navbar
-} from "../chunk-QXCYVABV.mjs";
+} from "../chunk-3QYYLFUC.mjs";
 import "../chunk-IV3K5WDK.mjs";
 import "../chunk-3XVMTUU7.mjs";
 import "../chunk-2PIR7DFM.mjs";

package/dist/components/table.d.ts

@@ -136,6 +136,20 @@ declare const table: tailwind_variants.TVReturnType<{
             table: string;
         };
     };
+    align: {
+        start: {
+            th: string;
+            td: string;
+        };
+        center: {
+            th: string;
+            td: string;
+        };
+        end: {
+            th: string;
+            td: string;
+        };
+    };
 }, {
     base: string;
     wrapper: string[];
@@ -248,6 +262,20 @@ declare const table: tailwind_variants.TVReturnType<{
             table: string;
         };
     };
+    align: {
+        start: {
+            th: string;
+            td: string;
+        };
+        center: {
+            th: string;
+            td: string;
+        };
+        end: {
+            th: string;
+            td: string;
+        };
+    };
 }, {
     color: {
         default: {
@@ -347,6 +375,20 @@ declare const table: tailwind_variants.TVReturnType<{
             table: string;
         };
     };
+    align: {
+        start: {
+            th: string;
+            td: string;
+        };
+        center: {
+            th: string;
+            td: string;
+        };
+        end: {
+            th: string;
+            td: string;
+        };
+    };
 }>, {
     color: {
         default: {
@@ -446,6 +488,20 @@ declare const table: tailwind_variants.TVReturnType<{
             table: string;
         };
     };
+    align: {
+        start: {
+            th: string;
+            td: string;
+        };
+        center: {
+            th: string;
+            td: string;
+        };
+        end: {
+            th: string;
+            td: string;
+        };
+    };
 }, {
     base: string;
     wrapper: string[];
@@ -558,6 +614,20 @@ declare const table: tailwind_variants.TVReturnType<{
             table: string;
         };
     };
+    align: {
+        start: {
+            th: string;
+            td: string;
+        };
+        center: {
+            th: string;
+            td: string;
+        };
+        end: {
+            th: string;
+            td: string;
+        };
+    };
 }, {
     base: string;
     wrapper: string[];
@@ -670,6 +740,20 @@ declare const table: tailwind_variants.TVReturnType<{
             table: string;
         };
     };
+    align: {
+        start: {
+            th: string;
+            td: string;
+        };
+        center: {
+            th: string;
+            td: string;
+        };
+        end: {
+            th: string;
+            td: string;
+        };
+    };
 }, {
     color: {
         default: {
@@ -769,6 +853,20 @@ declare const table: tailwind_variants.TVReturnType<{
             table: string;
         };
     };
+    align: {
+        start: {
+            th: string;
+            td: string;
+        };
+        center: {
+            th: string;
+            td: string;
+        };
+        end: {
+            th: string;
+            td: string;
+        };
+    };
 }>, unknown, unknown, undefined>>;
 type TableVariantProps = VariantProps<typeof table>;
 type TableSlots = keyof ReturnType<typeof table>;

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: {
@@ -96,8 +94,6 @@ var table = tv({
       "group",
       "px-3",
       "h-10",
-      "text-left",
-      "rtl:text-right",
       "align-middle",
       "bg-default-100",
       "whitespace-nowrap",
@@ -155,7 +151,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"
@@ -278,6 +274,20 @@ var table = tv({
         wrapper: "w-full",
         table: "w-full"
       }
+    },
+    align: {
+      start: {
+        th: "text-start",
+        td: "text-start"
+      },
+      center: {
+        th: "text-center",
+        td: "text-center"
+      },
+      end: {
+        th: "text-end",
+        td: "text-end"
+      }
     }
   },
   defaultVariants: {
@@ -288,8 +298,53 @@ var table = tv({
     isCompact: false,
     hideHeader: false,
     isStriped: false,
-    fullWidth: true
-  }
+    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-WRLU2O3D.mjs";
+} from "../chunk-YC3FDJN4.mjs";
 import "../chunk-IV3K5WDK.mjs";
 import "../chunk-3XVMTUU7.mjs";
 import "../chunk-2PIR7DFM.mjs";

package/dist/index.js

@@ -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",
@@ -3756,7 +3756,7 @@ var circularProgress = tv({
 // src/components/input.ts
 var input = tv({
   slots: {
-    base: "group flex flex-col",
+    base: "group flex flex-col data-[hidden=true]:hidden",
     label: [
       "absolute",
       "z-10",
@@ -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,
@@ -5416,7 +5412,7 @@ var navbar = tv({
     },
     disableAnimation: {
       true: {
-        menu: ["hidden", "h-[calc(100dvh_-_var(--navbar-height)_-_1px)]", "data-[open=true]:flex"]
+        menu: ["hidden", "h-[calc(100dvh_-_var(--navbar-height))]", "data-[open=true]:flex"]
       }
     }
   },
@@ -5451,8 +5447,6 @@ var table = tv({
       "group",
       "px-3",
       "h-10",
-      "text-left",
-      "rtl:text-right",
       "align-middle",
       "bg-default-100",
       "whitespace-nowrap",
@@ -5510,7 +5504,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"
@@ -5633,6 +5627,20 @@ var table = tv({
         wrapper: "w-full",
         table: "w-full"
       }
+    },
+    align: {
+      start: {
+        th: "text-start",
+        td: "text-start"
+      },
+      center: {
+        th: "text-center",
+        td: "text-center"
+      },
+      end: {
+        th: "text-end",
+        td: "text-end"
+      }
     }
   },
   defaultVariants: {
@@ -5643,8 +5651,53 @@ var table = tv({
     isCompact: false,
     hideHeader: false,
     isStriped: false,
-    fullWidth: true
-  }
+    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

package/dist/index.mjs

@@ -31,7 +31,7 @@ import {
 } from "./chunk-AXXUQWWC.mjs";
 import {
   table
-} from "./chunk-WRLU2O3D.mjs";
+} from "./chunk-YC3FDJN4.mjs";
 import "./chunk-YJLQTC7L.mjs";
 import {
   menu,
@@ -43,7 +43,7 @@ import {
 } from "./chunk-INW3YHX5.mjs";
 import {
   navbar
-} from "./chunk-QXCYVABV.mjs";
+} from "./chunk-3QYYLFUC.mjs";
 import {
   pagination
 } from "./chunk-DXPS72CE.mjs";
@@ -74,7 +74,7 @@ import {
 } from "./chunk-U6G6SZ26.mjs";
 import {
   input
-} from "./chunk-66462YHM.mjs";
+} from "./chunk-ARFD2V3F.mjs";
 import {
   kbd
 } from "./chunk-F4AOWB64.mjs";
@@ -111,7 +111,7 @@ import {
 import {
   accordion,
   accordionItem
-} from "./chunk-VFGZ2KFC.mjs";
+} from "./chunk-MVG7GLBD.mjs";
 import {
   autocomplete
 } from "./chunk-KKN74BUG.mjs";

package/package.json

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