@nextui-org/theme 2.2.8 → 2.2.10

package/dist/{chunk-WUUKIKPR.mjs → chunk-WJIRIXV4.mjs}

@@ -8,7 +8,7 @@ import {
 // src/components/toggle.ts
 var toggle = tv({
   slots: {
-    base: "group relative max-w-fit inline-flex items-center justify-start cursor-pointer touch-none tap-highlight-transparent",
+    base: "group/toggle relative max-w-fit inline-flex items-center justify-start cursor-pointer touch-none tap-highlight-transparent select-none",
     wrapper: [
       "px-1",
       "relative",
@@ -40,37 +40,37 @@ var toggle = tv({
     color: {
       default: {
         wrapper: [
-          "group-data-[selected=true]:bg-default-400",
-          "group-data-[selected=true]:text-default-foreground"
+          "group-data-[selected=true]/toggle:bg-default-400",
+          "group-data-[selected=true]/toggle:text-default-foreground"
         ]
       },
       primary: {
         wrapper: [
-          "group-data-[selected=true]:bg-primary",
-          "group-data-[selected=true]:text-primary-foreground"
+          "group-data-[selected=true]/toggle:bg-primary",
+          "group-data-[selected=true]/toggle:text-primary-foreground"
         ]
       },
       secondary: {
         wrapper: [
-          "group-data-[selected=true]:bg-secondary",
-          "group-data-[selected=true]:text-secondary-foreground"
+          "group-data-[selected=true]/toggle:bg-secondary",
+          "group-data-[selected=true]/toggle:text-secondary-foreground"
         ]
       },
       success: {
         wrapper: [
-          "group-data-[selected=true]:bg-success",
-          "group-data-[selected=true]:text-success-foreground"
+          "group-data-[selected=true]/toggle:bg-success",
+          "group-data-[selected=true]/toggle:text-success-foreground"
         ]
       },
       warning: {
         wrapper: [
-          "group-data-[selected=true]:bg-warning",
-          "group-data-[selected=true]:text-warning-foreground"
+          "group-data-[selected=true]/toggle:bg-warning",
+          "group-data-[selected=true]/toggle:text-warning-foreground"
         ]
       },
       danger: {
         wrapper: [
-          "group-data-[selected=true]:bg-danger",
+          "group-data-[selected=true]/toggle:bg-danger",
           "data-[selected=true]:text-danger-foreground"
         ]
       }
@@ -80,7 +80,7 @@ var toggle = tv({
         wrapper: "w-10 h-6 mr-2 rtl:ml-2 rtl:mr-[unset]",
         thumb: [
           "w-4 h-4 text-tiny",
-          "group-data-[selected=true]:ml-4 rtl:group-data-[selected=true]:ml-0 rtl:group-data-[selected=true]:mr-4"
+          "group-data-[selected=true]/toggle:ml-4 rtl:group-data-[selected=true]/toggle:ml-0 rtl:group-data-[selected=true]/toggle:mr-4"
         ],
         endContent: "text-tiny",
         startContent: "text-tiny",
@@ -90,7 +90,7 @@ var toggle = tv({
         wrapper: "w-12 h-7 mr-2 rtl:ml-2 rtl:mr-[unset]",
         thumb: [
           "w-5 h-5 text-small",
-          "group-data-[selected=true]:ml-5 rtl:group-data-[selected=true]:ml-0 rtl:group-data-[selected=true]:mr-5"
+          "group-data-[selected=true]/toggle:ml-5 rtl:group-data-[selected=true]/toggle:ml-0 rtl:group-data-[selected=true]/toggle:mr-5"
         ],
         endContent: "text-small",
         startContent: "text-small",
@@ -100,7 +100,7 @@ var toggle = tv({
         wrapper: "w-14 h-8 mr-2 rtl:ml-2 rtl:mr-[unset]",
         thumb: [
           "w-6 h-6 text-medium",
-          "group-data-[selected=true]:ml-6 rtl:group-data-[selected=true]:ml-0 rtl:group-data-[selected=true]:mr-6"
+          "group-data-[selected=true]/toggle:ml-6 rtl:group-data-[selected=true]/toggle:ml-0 rtl:group-data-[selected=true]/toggle:mr-6"
         ],
         endContent: "text-medium",
         startContent: "text-medium",
@@ -124,14 +124,14 @@ var toggle = tv({
           "opacity-0",
           "scale-50",
           "transition-transform-opacity",
-          "group-data-[selected=true]:scale-100",
-          "group-data-[selected=true]:opacity-100"
+          "group-data-[selected=true]/toggle:scale-100",
+          "group-data-[selected=true]/toggle:opacity-100"
         ],
         endContent: [
           "opacity-100",
           "transition-transform-opacity",
-          "group-data-[selected=true]:translate-x-3",
-          "group-data-[selected=true]:opacity-0"
+          "group-data-[selected=true]/toggle:translate-x-3",
+          "group-data-[selected=true]/toggle:opacity-0"
         ]
       }
     }
@@ -146,21 +146,30 @@ var toggle = tv({
       disableAnimation: false,
       size: "sm",
       class: {
-        thumb: ["group-data-[pressed=true]:w-5", "group-data-[selected]:group-data-[pressed]:ml-3"]
+        thumb: [
+          "group-data-[pressed=true]/toggle:w-5",
+          "group-data-[selected]/toggle:group-data-[pressed]/toggle:ml-3"
+        ]
       }
     },
     {
       disableAnimation: false,
       size: "md",
       class: {
-        thumb: ["group-data-[pressed=true]:w-6", "group-data-[selected]:group-data-[pressed]:ml-4"]
+        thumb: [
+          "group-data-[pressed=true]/toggle:w-6",
+          "group-data-[selected]/toggle:group-data-[pressed]/toggle:ml-4"
+        ]
       }
     },
     {
       disableAnimation: false,
       size: "lg",
       class: {
-        thumb: ["group-data-[pressed=true]:w-7", "group-data-[selected]:group-data-[pressed]:ml-5"]
+        thumb: [
+          "group-data-[pressed=true]/toggle:w-7",
+          "group-data-[selected]/toggle:group-data-[pressed]/toggle:ml-5"
+        ]
       }
     }
   ]

package/dist/{chunk-HPFX3B3F.mjs → chunk-WN6AL2BX.mjs}

@@ -42,12 +42,12 @@ var transition_default = {
     "transition-duration": DEFAULT_TRANSITION_DURATION
   },
   ".transition-transform-colors": {
-    " transition-property": "transform, color, background, background-color, border-color, text-decoration-color, fill, stroke",
+    "transition-property": "transform, color, background, background-color, border-color, text-decoration-color, fill, stroke",
     "transition-timing-function": "ease",
     "transition-duration": DEFAULT_TRANSITION_DURATION
   },
   ".transition-transform-colors-opacity": {
-    " transition-property": "transform, color, background, background-color, border-color, text-decoration-color, fill, stroke, opacity",
+    "transition-property": "transform, color, background, background-color, border-color, text-decoration-color, fill, stroke, opacity",
     "transition-timing-function": "ease",
     "transition-duration": DEFAULT_TRANSITION_DURATION
   }

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

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-2PIR7DFM.mjs";
+} from "./chunk-BZCSOIUI.mjs";
 import {
   tv
 } from "./chunk-N2KXC5ZE.mjs";

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

@@ -5,11 +5,11 @@ import {
 // src/components/date-input.ts
 var dateInput = tv({
   slots: {
-    base: "group flex flex-col",
+    base: "group/dateinput flex flex-col",
     label: [
       "block subpixel-antialiased text-small text-default-600",
-      "group-data-[required=true]:after:content-['*'] group-data-[required=true]:after:text-danger group-data-[required=true]:after:ml-0.5",
-      "group-data-[invalid=true]:text-danger"
+      "group-data-[required=true]/dateinput:after:content-['*'] group-data-[required=true]/dateinput:after:text-danger group-data-[required=true]/dateinput:after:ml-0.5",
+      "group-data-[invalid=true]/dateinput:text-danger"
     ],
     inputWrapper: [
       "relative px-3 gap-3 w-full inline-flex flex-row items-center",
@@ -18,10 +18,10 @@ var dateInput = tv({
     input: "flex h-full gap-x-0.5 w-full font-normal",
     innerWrapper: [
       "flex items-center text-default-400 w-full gap-x-2 h-6",
-      "group-data-[invalid=true]:text-danger"
+      "group-data-[invalid=true]/dateinput:text-danger"
     ],
     segment: [
-      "group first:-ml-0.5 [&:not(:first-child)]:-ml-1 px-0.5 my-auto box-content tabular-nums text-start",
+      "group/dateinput first:-ml-0.5 [&:not(:first-child)]:-ml-1 px-0.5 my-auto box-content tabular-nums text-start",
       "inline-block outline-none focus:shadow-sm rounded-md",
       "text-foreground-500 data-[editable=true]:text-foreground",
       "data-[editable=true]:data-[placeholder=true]:text-foreground-500",
@@ -29,7 +29,7 @@ var dateInput = tv({
       "data-[invalid=true]:focus:bg-danger-400/50 dark:data-[invalid=true]:focus:bg-danger-400/20",
       "data-[invalid=true]:data-[editable=true]:focus:text-danger"
     ],
-    helperWrapper: "hidden group-data-[has-helper=true]:flex p-1 relative flex-col gap-1.5",
+    helperWrapper: "hidden group-data-[has-helper=true]/dateinput:flex p-1 relative flex-col gap-1.5",
     description: "text-tiny text-foreground-400",
     errorMessage: "text-tiny text-danger"
   },
@@ -40,9 +40,9 @@ var dateInput = tv({
           "bg-default-100",
           "hover:bg-default-200",
           "focus-within:hover:bg-default-100",
-          "group-data-[invalid=true]:bg-danger-50",
-          "group-data-[invalid=true]:hover:bg-danger-100",
-          "group-data-[invalid=true]:focus-within:hover:bg-danger-50"
+          "group-data-[invalid=true]/dateinput:bg-danger-50",
+          "group-data-[invalid=true]/dateinput:hover:bg-danger-100",
+          "group-data-[invalid=true]/dateinput:focus-within:hover:bg-danger-50"
         ]
       },
       faded: {
@@ -51,9 +51,9 @@ var dateInput = tv({
           "border-medium",
           "border-default-200",
           "hover:border-default-400",
-          "group-data-[invalid=true]:bg-danger-50",
-          "group-data-[invalid=true]:hover:bg-danger-100",
-          "group-data-[invalid=true]:focus-within:hover:bg-danger-50"
+          "group-data-[invalid=true]/dateinput:bg-danger-50",
+          "group-data-[invalid=true]/dateinput:hover:bg-danger-100",
+          "group-data-[invalid=true]/dateinput:focus-within:hover:bg-danger-50"
         ]
       },
       bordered: {
@@ -63,9 +63,9 @@ var dateInput = tv({
           "hover:border-default-400",
           "focus-within:border-default-foreground",
           "focus-within:hover:border-default-foreground",
-          "group-data-[invalid=true]:border-danger",
-          "group-data-[invalid=true]:hover:border-danger",
-          "group-data-[invalid=true]:focus-within:hover:border-danger"
+          "group-data-[invalid=true]/dateinput:border-danger",
+          "group-data-[invalid=true]/dateinput:hover:border-danger",
+          "group-data-[invalid=true]/dateinput:focus-within:hover:border-danger"
         ]
       },
       underlined: {
@@ -90,7 +90,7 @@ var dateInput = tv({
           "after:-bottom-[2px]",
           "after:h-[2px]",
           "focus-within:after:w-full",
-          "group-data-[invalid=true]:after:bg-danger"
+          "group-data-[invalid=true]/dateinput:after:bg-danger"
         ]
       }
     },

package/dist/{chunk-IISEDJRF.mjs → chunk-XL6AWNU3.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-2PIR7DFM.mjs";
+} from "./chunk-BZCSOIUI.mjs";
 import {
   tv
 } from "./chunk-N2KXC5ZE.mjs";

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

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-2PIR7DFM.mjs";
+} from "./chunk-BZCSOIUI.mjs";
 import {
   tv
 } from "./chunk-N2KXC5ZE.mjs";
@@ -271,32 +271,44 @@ var button = tv({
     {
       variant: "ghost",
       color: "default",
-      class: colorVariants.ghost.default
+      class: [colorVariants.ghost.default, "data-[hover=true]:!bg-default"]
     },
     {
       variant: "ghost",
       color: "primary",
-      class: colorVariants.ghost.primary
+      class: [
+        colorVariants.ghost.primary,
+        "data-[hover=true]:!bg-primary data-[hover=true]:!text-primary-foreground"
+      ]
     },
     {
       variant: "ghost",
       color: "secondary",
-      class: colorVariants.ghost.secondary
+      class: [
+        colorVariants.ghost.secondary,
+        "data-[hover=true]:!bg-secondary data-[hover=true]:!text-secondary-foreground"
+      ]
     },
     {
       variant: "ghost",
       color: "success",
-      class: colorVariants.ghost.success
+      class: [
+        colorVariants.ghost.success,
+        "data-[hover=true]:!bg-success data-[hover=true]:!text-success-foreground"
+      ]
     },
     {
       variant: "ghost",
       color: "warning",
-      class: colorVariants.ghost.warning
+      class: [
+        colorVariants.ghost.warning,
+        "data-[hover=true]:!bg-warning data-[hover=true]:!text-warning-foreground"
+      ]
     },
     {
       variant: "ghost",
       color: "danger",
-      class: colorVariants.ghost.danger
+      class: [colorVariants.ghost.danger, "data-[hover=true]:!bg-danger !text-danger-foreground"]
     },
     {
       isInGroup: true,

package/dist/components/accordion.mjs

@@ -4,7 +4,7 @@ import {
 } from "../chunk-MVG7GLBD.mjs";
 import "../chunk-IV3K5WDK.mjs";
 import "../chunk-3XVMTUU7.mjs";
-import "../chunk-2PIR7DFM.mjs";
+import "../chunk-BZCSOIUI.mjs";
 import "../chunk-N2KXC5ZE.mjs";
 import "../chunk-BYWORP66.mjs";
 import "../chunk-XHQUSKIE.mjs";

package/dist/components/autocomplete.js

@@ -66,7 +66,7 @@ var tv = (options, config) => {
 // src/components/autocomplete.ts
 var autocomplete = tv({
   slots: {
-    base: "group inline-flex flex-column w-full",
+    base: "group/autocomplete inline-flex flex-column w-full",
     listboxWrapper: "scroll-py-6 max-h-64 w-full",
     listbox: "",
     popoverContent: "w-full p-1 overflow-hidden",
@@ -76,12 +76,16 @@ var autocomplete = tv({
       "translate-x-1",
       "cursor-text",
       "opacity-0",
+      "pointer-events-none",
       "text-default-500",
-      "group-data-[invalid=true]:text-danger",
+      "group-data-[invalid=true]/autocomplete:text-danger",
       "data-[visible=true]:opacity-100",
+      "data-[visible=true]:pointer-events-auto",
       "data-[visible=true]:cursor-pointer",
       "sm:data-[visible=true]:opacity-0",
-      "sm:group-data-[hover=true]:data-[visible=true]:opacity-100"
+      "sm:data-[visible=true]:pointer-events-none",
+      "sm:group-data-[hover=true]:data-[visible=true]/autocomplete:opacity-100",
+      "sm:group-data-[hover=true]:data-[visible=true]/autocomplete:pointer-events-auto"
     ],
     selectorButton: "text-medium"
   },

package/dist/components/autocomplete.mjs

@@ -1,6 +1,6 @@
 import {
   autocomplete
-} from "../chunk-KKN74BUG.mjs";
+} from "../chunk-BOVVTMHS.mjs";
 import "../chunk-N2KXC5ZE.mjs";
 import "../chunk-BYWORP66.mjs";
 export {

package/dist/components/avatar.js

@@ -109,12 +109,12 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  default: "bg-default/40 text-default-foreground",
-  primary: "bg-primary/20 text-primary",
-  secondary: "bg-secondary/20 text-secondary",
-  success: "bg-success/20 text-success-600 dark:text-success",
-  warning: "bg-warning/20 text-warning-600 dark:text-warning",
-  danger: "bg-danger/20 text-danger dark:text-danger-500",
+  default: "bg-default/40 text-default-700",
+  primary: "bg-primary/20 text-primary-700",
+  secondary: "bg-secondary/20 text-secondary-700",
+  success: "bg-success/20 text-success-800 dark:text-success",
+  warning: "bg-warning/20 text-warning-800 dark:text-warning",
+  danger: "bg-danger/20 text-danger-800 dark:text-danger-500",
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {
@@ -136,12 +136,12 @@ var light = {
   foreground: "bg-transparent text-foreground"
 };
 var ghost = {
-  default: "border-default text-default-foreground hover:!bg-default",
-  primary: "border-primary text-primary hover:!text-primary-foreground hover:!bg-primary",
-  secondary: "border-secondary text-secondary hover:text-secondary-foreground hover:!bg-secondary",
-  success: "border-success text-success hover:!text-success-foreground hover:!bg-success",
-  warning: "border-warning text-warning hover:!text-warning-foreground hover:!bg-warning",
-  danger: "border-danger text-danger hover:!text-danger-foreground hover:!bg-danger",
+  default: "border-default text-default-foreground",
+  primary: "border-primary text-primary",
+  secondary: "border-secondary text-secondary",
+  success: "border-success text-success",
+  warning: "border-warning text-warning",
+  danger: "border-danger text-danger",
   foreground: "border-foreground text-foreground hover:!bg-foreground"
 };
 var colorVariants = {

package/dist/components/avatar.mjs

@@ -1,10 +1,10 @@
 import {
   avatar,
   avatarGroup
-} from "../chunk-HZX5JB5L.mjs";
+} from "../chunk-R27WO3A6.mjs";
 import "../chunk-IV3K5WDK.mjs";
 import "../chunk-3XVMTUU7.mjs";
-import "../chunk-2PIR7DFM.mjs";
+import "../chunk-BZCSOIUI.mjs";
 import "../chunk-N2KXC5ZE.mjs";
 import "../chunk-BYWORP66.mjs";
 import "../chunk-XHQUSKIE.mjs";

package/dist/components/badge.js

@@ -92,12 +92,12 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  default: "bg-default/40 text-default-foreground",
-  primary: "bg-primary/20 text-primary",
-  secondary: "bg-secondary/20 text-secondary",
-  success: "bg-success/20 text-success-600 dark:text-success",
-  warning: "bg-warning/20 text-warning-600 dark:text-warning",
-  danger: "bg-danger/20 text-danger dark:text-danger-500",
+  default: "bg-default/40 text-default-700",
+  primary: "bg-primary/20 text-primary-700",
+  secondary: "bg-secondary/20 text-secondary-700",
+  success: "bg-success/20 text-success-800 dark:text-success",
+  warning: "bg-warning/20 text-warning-800 dark:text-warning",
+  danger: "bg-danger/20 text-danger-800 dark:text-danger-500",
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {
@@ -119,12 +119,12 @@ var light = {
   foreground: "bg-transparent text-foreground"
 };
 var ghost = {
-  default: "border-default text-default-foreground hover:!bg-default",
-  primary: "border-primary text-primary hover:!text-primary-foreground hover:!bg-primary",
-  secondary: "border-secondary text-secondary hover:text-secondary-foreground hover:!bg-secondary",
-  success: "border-success text-success hover:!text-success-foreground hover:!bg-success",
-  warning: "border-warning text-warning hover:!text-warning-foreground hover:!bg-warning",
-  danger: "border-danger text-danger hover:!text-danger-foreground hover:!bg-danger",
+  default: "border-default text-default-foreground",
+  primary: "border-primary text-primary",
+  secondary: "border-secondary text-secondary",
+  success: "border-success text-success",
+  warning: "border-warning text-warning",
+  danger: "border-danger text-danger",
   foreground: "border-foreground text-foreground hover:!bg-foreground"
 };
 var colorVariants = {

package/dist/components/badge.mjs

@@ -1,9 +1,9 @@
 import {
   badge
-} from "../chunk-SKQWKT6K.mjs";
+} from "../chunk-QV3ALCMB.mjs";
 import "../chunk-IV3K5WDK.mjs";
 import "../chunk-3XVMTUU7.mjs";
-import "../chunk-2PIR7DFM.mjs";
+import "../chunk-BZCSOIUI.mjs";
 import "../chunk-N2KXC5ZE.mjs";
 import "../chunk-BYWORP66.mjs";
 import "../chunk-XHQUSKIE.mjs";

package/dist/components/breadcrumbs.mjs

@@ -4,7 +4,7 @@ import {
 } from "../chunk-C43Y2OOL.mjs";
 import "../chunk-IV3K5WDK.mjs";
 import "../chunk-3XVMTUU7.mjs";
-import "../chunk-2PIR7DFM.mjs";
+import "../chunk-BZCSOIUI.mjs";
 import "../chunk-N2KXC5ZE.mjs";
 import "../chunk-BYWORP66.mjs";
 import "../chunk-XHQUSKIE.mjs";

package/dist/components/button.js

@@ -110,12 +110,12 @@ var bordered = {
   foreground: "bg-transparent border-foreground text-foreground"
 };
 var flat = {
-  default: "bg-default/40 text-default-foreground",
-  primary: "bg-primary/20 text-primary",
-  secondary: "bg-secondary/20 text-secondary",
-  success: "bg-success/20 text-success-600 dark:text-success",
-  warning: "bg-warning/20 text-warning-600 dark:text-warning",
-  danger: "bg-danger/20 text-danger dark:text-danger-500",
+  default: "bg-default/40 text-default-700",
+  primary: "bg-primary/20 text-primary-700",
+  secondary: "bg-secondary/20 text-secondary-700",
+  success: "bg-success/20 text-success-800 dark:text-success",
+  warning: "bg-warning/20 text-warning-800 dark:text-warning",
+  danger: "bg-danger/20 text-danger-800 dark:text-danger-500",
   foreground: "bg-foreground/10 text-foreground"
 };
 var faded = {
@@ -137,12 +137,12 @@ var light = {
   foreground: "bg-transparent text-foreground"
 };
 var ghost = {
-  default: "border-default text-default-foreground hover:!bg-default",
-  primary: "border-primary text-primary hover:!text-primary-foreground hover:!bg-primary",
-  secondary: "border-secondary text-secondary hover:text-secondary-foreground hover:!bg-secondary",
-  success: "border-success text-success hover:!text-success-foreground hover:!bg-success",
-  warning: "border-warning text-warning hover:!text-warning-foreground hover:!bg-warning",
-  danger: "border-danger text-danger hover:!text-danger-foreground hover:!bg-danger",
+  default: "border-default text-default-foreground",
+  primary: "border-primary text-primary",
+  secondary: "border-secondary text-secondary",
+  success: "border-success text-success",
+  warning: "border-warning text-warning",
+  danger: "border-danger text-danger",
   foreground: "border-foreground text-foreground hover:!bg-foreground"
 };
 var colorVariants = {
@@ -417,32 +417,44 @@ var button = tv({
     {
       variant: "ghost",
       color: "default",
-      class: colorVariants.ghost.default
+      class: [colorVariants.ghost.default, "data-[hover=true]:!bg-default"]
     },
     {
       variant: "ghost",
       color: "primary",
-      class: colorVariants.ghost.primary
+      class: [
+        colorVariants.ghost.primary,
+        "data-[hover=true]:!bg-primary data-[hover=true]:!text-primary-foreground"
+      ]
     },
     {
       variant: "ghost",
       color: "secondary",
-      class: colorVariants.ghost.secondary
+      class: [
+        colorVariants.ghost.secondary,
+        "data-[hover=true]:!bg-secondary data-[hover=true]:!text-secondary-foreground"
+      ]
     },
     {
       variant: "ghost",
       color: "success",
-      class: colorVariants.ghost.success
+      class: [
+        colorVariants.ghost.success,
+        "data-[hover=true]:!bg-success data-[hover=true]:!text-success-foreground"
+      ]
     },
     {
       variant: "ghost",
       color: "warning",
-      class: colorVariants.ghost.warning
+      class: [
+        colorVariants.ghost.warning,
+        "data-[hover=true]:!bg-warning data-[hover=true]:!text-warning-foreground"
+      ]
     },
     {
       variant: "ghost",
       color: "danger",
-      class: colorVariants.ghost.danger
+      class: [colorVariants.ghost.danger, "data-[hover=true]:!bg-danger !text-danger-foreground"]
     },
     {
       isInGroup: true,

package/dist/components/button.mjs

@@ -1,10 +1,10 @@
 import {
   button,
   buttonGroup
-} from "../chunk-MERQJVXF.mjs";
+} from "../chunk-XXQSA25O.mjs";
 import "../chunk-IV3K5WDK.mjs";
 import "../chunk-3XVMTUU7.mjs";
-import "../chunk-2PIR7DFM.mjs";
+import "../chunk-BZCSOIUI.mjs";
 import "../chunk-N2KXC5ZE.mjs";
 import "../chunk-BYWORP66.mjs";
 import "../chunk-XHQUSKIE.mjs";

package/dist/components/calendar.d.ts

@@ -63,8 +63,8 @@ declare const calendar: tailwind_variants.TVReturnType<{
     };
 }, {
     base: string[];
-    prevButton: never[];
-    nextButton: never[];
+    prevButton: string[];
+    nextButton: string[];
     headerWrapper: string[];
     header: string;
     title: string;
@@ -264,8 +264,8 @@ declare const calendar: tailwind_variants.TVReturnType<{
     };
 }, {
     base: string[];
-    prevButton: never[];
-    nextButton: never[];
+    prevButton: string[];
+    nextButton: string[];
     headerWrapper: string[];
     header: string;
     title: string;
@@ -347,8 +347,8 @@ declare const calendar: tailwind_variants.TVReturnType<{
     };
 }, {
     base: string[];
-    prevButton: never[];
-    nextButton: never[];
+    prevButton: string[];
+    nextButton: string[];
     headerWrapper: string[];
     header: string;
     title: string;

package/dist/components/calendar.js

@@ -78,17 +78,17 @@ var calendar = tv({
       "rounded-large overflow-x-auto bg-default-50 dark:bg-background",
       "w-[calc(var(--visible-months)_*_var(--calendar-width))]"
     ],
-    prevButton: [],
-    nextButton: [],
+    prevButton: ["order-1"],
+    nextButton: ["order-3"],
     headerWrapper: [
-      "px-4 py-2 flex items-center justify-between gap-2 bg-content1 overflow-hidden",
+      "px-4 py-2 flex items-center justify-between gap-2 bg-content1 overflow-hidden rtl:flex-row-reverse",
       "[&_.chevron-icon]:flex-none",
       "after:content-['']",
       "after:bg-content1 origin-top",
       "after:w-full after:h-0",
       "after:absolute after:top-0 after:left-0"
     ],
-    header: "flex w-full items-center justify-center gap-2 z-10",
+    header: "flex w-full items-center justify-center gap-2 z-10 order-2",
     title: "text-default-500 text-small font-medium",
     content: "w-[calc(var(--visible-months)_*_var(--calendar-width))]",
     gridWrapper: "flex max-w-full overflow-hidden pb-2 h-auto relative",

package/dist/components/calendar.mjs

@@ -1,9 +1,9 @@
 import {
   calendar
-} from "../chunk-NPRQPDVP.mjs";
+} from "../chunk-KPI62GDB.mjs";
 import "../chunk-IV3K5WDK.mjs";
 import "../chunk-3XVMTUU7.mjs";
-import "../chunk-2PIR7DFM.mjs";
+import "../chunk-BZCSOIUI.mjs";
 import "../chunk-N2KXC5ZE.mjs";
 import "../chunk-BYWORP66.mjs";
 import "../chunk-XHQUSKIE.mjs";