@nextui-org/theme 2.4.3 → 2.4.4

package/dist/{chunk-444KJ2OU.mjs → chunk-3ZDIPBHM.mjs}

@@ -59,7 +59,7 @@ var input = tv({
       flat: {
         inputWrapper: [
           "bg-default-100",
-          "data-[hover=true]:bg-default-50",
+          "data-[hover=true]:bg-default-200",
           "group-data-[focus=true]:bg-default-100"
         ]
       },

package/dist/{chunk-GA67JEKY.mjs → chunk-6B2RD5MH.mjs}

@@ -8,7 +8,7 @@ import {
 // src/components/menu.ts
 var menu = tv({
   slots: {
-    base: "w-full relative flex flex-col gap-1 p-1 overflow-hidden",
+    base: "w-full relative flex flex-col gap-1 p-1 overflow-clip",
     list: "w-full flex flex-col gap-0.5 outline-none",
     emptyContent: [
       "h-10",

package/dist/{chunk-TK7HBD3N.mjs → chunk-A3NXEE2Q.mjs}

@@ -211,7 +211,7 @@ var dateInput = tv({
       color: "primary",
       class: {
         innerWrapper: "text-primary",
-        inputWrapper: ["bg-primary-50", "hover:bg-primary-100", "focus-within:bg-primary-50"],
+        inputWrapper: ["bg-primary-100", "hover:bg-primary-50", "focus-within:bg-primary-50"],
         segment: "text-primary-300 data-[editable=true]:data-[placeholder=true]:text-primary-300 data-[editable=true]:text-primary",
         label: "text-primary"
       }
@@ -221,7 +221,7 @@ var dateInput = tv({
       color: "secondary",
       class: {
         innerWrapper: "text-secondary",
-        inputWrapper: ["bg-secondary-50", "hover:bg-secondary-100", "focus-within:bg-secondary-50"],
+        inputWrapper: ["bg-secondary-100", "hover:bg-secondary-50", "focus-within:bg-secondary-50"],
         segment: "text-secondary-300 data-[editable=true]:data-[placeholder=true]:text-secondary-300 data-[editable=true]:text-secondary",
         label: "text-secondary"
       }
@@ -231,7 +231,7 @@ var dateInput = tv({
       color: "success",
       class: {
         innerWrapper: "text-success-600 dark:text-success",
-        inputWrapper: ["bg-success-50", "hover:bg-success-100", "focus-within:bg-success-50"],
+        inputWrapper: ["bg-success-100", "hover:bg-success-50", "focus-within:bg-success-50"],
         segment: "text-success-400 data-[editable=true]:data-[placeholder=true]:text-success-400 data-[editable=true]:text-success-600 data-[editable=true]:focus:text-success-600",
         label: "text-success-600 dark:text-success"
       }
@@ -241,7 +241,7 @@ var dateInput = tv({
       color: "warning",
       class: {
         innerWrapper: "text-warning-600 dark:text-warning",
-        inputWrapper: ["bg-warning-50", "hover:bg-warning-100", "focus-within:bg-warning-50"],
+        inputWrapper: ["bg-warning-100", "hover:bg-warning-50", "focus-within:bg-warning-50"],
         segment: "text-warning-400 data-[editable=true]:data-[placeholder=true]:text-warning-400 data-[editable=true]:text-warning-600 data-[editable=true]:focus:text-warning-600",
         label: "text-warning-600 dark:text-warning"
       }
@@ -251,13 +251,78 @@ var dateInput = tv({
       color: "danger",
       class: {
         innerWrapper: "text-danger",
-        inputWrapper: ["bg-danger-50", "hover:bg-danger-100", "focus-within:bg-danger-50"],
+        inputWrapper: ["bg-danger-100", "hover:bg-danger-50", "focus-within:bg-danger-50"],
         segment: "text-danger-300 data-[editable=true]:data-[placeholder=true]:text-danger-300 data-[editable=true]:text-danger",
         label: "text-danger"
       }
     },
     {
-      variant: ["bordered", "faded"],
+      variant: "faded",
+      color: "primary",
+      class: {
+        innerWrapper: "text-primary",
+        inputWrapper: [
+          "hover:border-primary",
+          "focus-within:border-primary",
+          "focus-within:hover:border-primary"
+        ],
+        label: "text-primary"
+      }
+    },
+    {
+      variant: "faded",
+      color: "secondary",
+      class: {
+        innerWrapper: "text-secondary",
+        inputWrapper: [
+          "hover:border-secondary",
+          "focus-within:border-secondary",
+          "focus-within:hover:border-secondary"
+        ],
+        label: "text-secondary"
+      }
+    },
+    {
+      variant: "faded",
+      color: "success",
+      class: {
+        innerWrapper: "text-success",
+        inputWrapper: [
+          "hover:border-success",
+          "focus-within:border-success",
+          "focus-within:hover:border-success"
+        ],
+        label: "text-success"
+      }
+    },
+    {
+      variant: "faded",
+      color: "warning",
+      class: {
+        innerWrapper: "text-warning",
+        inputWrapper: [
+          "hover:border-warning",
+          "focus-within:border-warning",
+          "focus-within:hover:border-warning"
+        ],
+        label: "text-warning"
+      }
+    },
+    {
+      variant: "faded",
+      color: "danger",
+      class: {
+        innerWrapper: "text-danger",
+        inputWrapper: [
+          "hover:border-danger",
+          "focus-within:border-danger",
+          "focus-within:hover:border-danger"
+        ],
+        label: "text-danger"
+      }
+    },
+    {
+      variant: "bordered",
       color: "primary",
       class: {
         innerWrapper: "text-primary",
@@ -266,7 +331,7 @@ var dateInput = tv({
       }
     },
     {
-      variant: ["bordered", "faded"],
+      variant: "bordered",
       color: "secondary",
       class: {
         innerWrapper: "text-secondary",
@@ -275,7 +340,7 @@ var dateInput = tv({
       }
     },
     {
-      variant: ["bordered", "faded"],
+      variant: "bordered",
       color: "success",
       class: {
         innerWrapper: "text-success",
@@ -284,7 +349,7 @@ var dateInput = tv({
       }
     },
     {
-      variant: ["bordered", "faded"],
+      variant: "bordered",
       color: "warning",
       class: {
         innerWrapper: "text-warning",
@@ -293,7 +358,7 @@ var dateInput = tv({
       }
     },
     {
-      variant: ["bordered", "faded"],
+      variant: "bordered",
       color: "danger",
       class: {
         innerWrapper: "text-danger",

package/dist/{chunk-RABDZR7I.mjs → chunk-CRDAR2QA.mjs}

@@ -38,8 +38,8 @@ var select = tv({
       flat: {
         trigger: [
           "bg-default-100",
-          "data-[hover=true]:bg-default-50",
-          "group-data-[focus=true]:bg-default-50"
+          "data-[hover=true]:bg-default-200",
+          "group-data-[focus=true]:bg-default-200"
         ]
       },
       faded: {
@@ -90,11 +90,21 @@ var select = tv({
     },
     color: {
       default: {},
-      primary: {},
-      secondary: {},
-      success: {},
-      warning: {},
-      danger: {}
+      primary: {
+        selectorIcon: "text-primary"
+      },
+      secondary: {
+        selectorIcon: "text-secondary"
+      },
+      success: {
+        selectorIcon: "text-success"
+      },
+      warning: {
+        selectorIcon: "text-warning"
+      },
+      danger: {
+        selectorIcon: "text-danger"
+      }
     },
     size: {
       sm: {
@@ -220,7 +230,7 @@ var select = tv({
       color: "default",
       class: {
         value: "group-data-[has-value=true]:text-default-foreground",
-        trigger: ["bg-default-100", "data-[hover=true]:bg-default-50"]
+        trigger: ["bg-default-100", "data-[hover=true]:bg-default-200"]
       }
     },
     {

package/dist/{chunk-MO6TCUI5.mjs → chunk-TK7T75HE.mjs}

@@ -13,7 +13,7 @@ var alert = tv({
     title: "text-small w-full font-medium block text-inherit leading-5",
     description: "pl-[1px] text-small font-normal text-inherit",
     closeButton: "relative text-inherit translate-x-1 -translate-y-1",
-    iconWrapper: "flex-none relative w-9 h-9 rounded-full",
+    iconWrapper: "flex-none relative w-9 h-9 rounded-full grid place-items-center",
     alertIcon: "fill-current w-6 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"
   },
   variants: {
@@ -60,13 +60,13 @@ var alert = tv({
     hideIconWrapper: {
       true: {
         base: "gap-x-0",
-        iconWrapper: "!bg-transparent !shadow-none"
+        iconWrapper: "!bg-transparent !shadow-none !border-none"
       }
     },
-    hasDescription: {
+    hasContent: {
       false: {
         base: "items-start",
-        mainWrapper: "justify-center"
+        mainWrapper: "justify-center items-center"
       }
     }
   },

package/dist/components/alert.d.ts

@@ -69,7 +69,7 @@ declare const alert: tailwind_variants.TVReturnType<{
             iconWrapper: string;
         };
     };
-    hasDescription: {
+    hasContent: {
         false: {
             base: string;
             mainWrapper: string;
@@ -130,7 +130,7 @@ declare const alert: tailwind_variants.TVReturnType<{
             iconWrapper: string;
         };
     };
-    hasDescription: {
+    hasContent: {
         false: {
             base: string;
             mainWrapper: string;
@@ -183,7 +183,7 @@ declare const alert: tailwind_variants.TVReturnType<{
             iconWrapper: string;
         };
     };
-    hasDescription: {
+    hasContent: {
         false: {
             base: string;
             mainWrapper: string;
@@ -236,7 +236,7 @@ declare const alert: tailwind_variants.TVReturnType<{
             iconWrapper: string;
         };
     };
-    hasDescription: {
+    hasContent: {
         false: {
             base: string;
             mainWrapper: string;
@@ -297,7 +297,7 @@ declare const alert: tailwind_variants.TVReturnType<{
             iconWrapper: string;
         };
     };
-    hasDescription: {
+    hasContent: {
         false: {
             base: string;
             mainWrapper: string;
@@ -358,7 +358,7 @@ declare const alert: tailwind_variants.TVReturnType<{
             iconWrapper: string;
         };
     };
-    hasDescription: {
+    hasContent: {
         false: {
             base: string;
             mainWrapper: string;
@@ -411,7 +411,7 @@ declare const alert: tailwind_variants.TVReturnType<{
             iconWrapper: string;
         };
     };
-    hasDescription: {
+    hasContent: {
         false: {
             base: string;
             mainWrapper: string;

package/dist/components/alert.js

@@ -152,7 +152,7 @@ var alert = tv({
     title: "text-small w-full font-medium block text-inherit leading-5",
     description: "pl-[1px] text-small font-normal text-inherit",
     closeButton: "relative text-inherit translate-x-1 -translate-y-1",
-    iconWrapper: "flex-none relative w-9 h-9 rounded-full",
+    iconWrapper: "flex-none relative w-9 h-9 rounded-full grid place-items-center",
     alertIcon: "fill-current w-6 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"
   },
   variants: {
@@ -199,13 +199,13 @@ var alert = tv({
     hideIconWrapper: {
       true: {
         base: "gap-x-0",
-        iconWrapper: "!bg-transparent !shadow-none"
+        iconWrapper: "!bg-transparent !shadow-none !border-none"
       }
     },
-    hasDescription: {
+    hasContent: {
       false: {
         base: "items-start",
-        mainWrapper: "justify-center"
+        mainWrapper: "justify-center items-center"
       }
     }
   },

package/dist/components/alert.mjs

@@ -1,6 +1,6 @@
 import {
   alert
-} from "../chunk-MO6TCUI5.mjs";
+} from "../chunk-TK7T75HE.mjs";
 import "../chunk-CWYZ2GEH.mjs";
 import "../chunk-GQT3YUX3.mjs";
 import "../chunk-46U6G7UJ.mjs";

package/dist/components/date-input.js

@@ -279,7 +279,7 @@ var dateInput = tv({
       color: "primary",
       class: {
         innerWrapper: "text-primary",
-        inputWrapper: ["bg-primary-50", "hover:bg-primary-100", "focus-within:bg-primary-50"],
+        inputWrapper: ["bg-primary-100", "hover:bg-primary-50", "focus-within:bg-primary-50"],
         segment: "text-primary-300 data-[editable=true]:data-[placeholder=true]:text-primary-300 data-[editable=true]:text-primary",
         label: "text-primary"
       }
@@ -289,7 +289,7 @@ var dateInput = tv({
       color: "secondary",
       class: {
         innerWrapper: "text-secondary",
-        inputWrapper: ["bg-secondary-50", "hover:bg-secondary-100", "focus-within:bg-secondary-50"],
+        inputWrapper: ["bg-secondary-100", "hover:bg-secondary-50", "focus-within:bg-secondary-50"],
         segment: "text-secondary-300 data-[editable=true]:data-[placeholder=true]:text-secondary-300 data-[editable=true]:text-secondary",
         label: "text-secondary"
       }
@@ -299,7 +299,7 @@ var dateInput = tv({
       color: "success",
       class: {
         innerWrapper: "text-success-600 dark:text-success",
-        inputWrapper: ["bg-success-50", "hover:bg-success-100", "focus-within:bg-success-50"],
+        inputWrapper: ["bg-success-100", "hover:bg-success-50", "focus-within:bg-success-50"],
         segment: "text-success-400 data-[editable=true]:data-[placeholder=true]:text-success-400 data-[editable=true]:text-success-600 data-[editable=true]:focus:text-success-600",
         label: "text-success-600 dark:text-success"
       }
@@ -309,7 +309,7 @@ var dateInput = tv({
       color: "warning",
       class: {
         innerWrapper: "text-warning-600 dark:text-warning",
-        inputWrapper: ["bg-warning-50", "hover:bg-warning-100", "focus-within:bg-warning-50"],
+        inputWrapper: ["bg-warning-100", "hover:bg-warning-50", "focus-within:bg-warning-50"],
         segment: "text-warning-400 data-[editable=true]:data-[placeholder=true]:text-warning-400 data-[editable=true]:text-warning-600 data-[editable=true]:focus:text-warning-600",
         label: "text-warning-600 dark:text-warning"
       }
@@ -319,13 +319,78 @@ var dateInput = tv({
       color: "danger",
       class: {
         innerWrapper: "text-danger",
-        inputWrapper: ["bg-danger-50", "hover:bg-danger-100", "focus-within:bg-danger-50"],
+        inputWrapper: ["bg-danger-100", "hover:bg-danger-50", "focus-within:bg-danger-50"],
         segment: "text-danger-300 data-[editable=true]:data-[placeholder=true]:text-danger-300 data-[editable=true]:text-danger",
         label: "text-danger"
       }
     },
     {
-      variant: ["bordered", "faded"],
+      variant: "faded",
+      color: "primary",
+      class: {
+        innerWrapper: "text-primary",
+        inputWrapper: [
+          "hover:border-primary",
+          "focus-within:border-primary",
+          "focus-within:hover:border-primary"
+        ],
+        label: "text-primary"
+      }
+    },
+    {
+      variant: "faded",
+      color: "secondary",
+      class: {
+        innerWrapper: "text-secondary",
+        inputWrapper: [
+          "hover:border-secondary",
+          "focus-within:border-secondary",
+          "focus-within:hover:border-secondary"
+        ],
+        label: "text-secondary"
+      }
+    },
+    {
+      variant: "faded",
+      color: "success",
+      class: {
+        innerWrapper: "text-success",
+        inputWrapper: [
+          "hover:border-success",
+          "focus-within:border-success",
+          "focus-within:hover:border-success"
+        ],
+        label: "text-success"
+      }
+    },
+    {
+      variant: "faded",
+      color: "warning",
+      class: {
+        innerWrapper: "text-warning",
+        inputWrapper: [
+          "hover:border-warning",
+          "focus-within:border-warning",
+          "focus-within:hover:border-warning"
+        ],
+        label: "text-warning"
+      }
+    },
+    {
+      variant: "faded",
+      color: "danger",
+      class: {
+        innerWrapper: "text-danger",
+        inputWrapper: [
+          "hover:border-danger",
+          "focus-within:border-danger",
+          "focus-within:hover:border-danger"
+        ],
+        label: "text-danger"
+      }
+    },
+    {
+      variant: "bordered",
       color: "primary",
       class: {
         innerWrapper: "text-primary",
@@ -334,7 +399,7 @@ var dateInput = tv({
       }
     },
     {
-      variant: ["bordered", "faded"],
+      variant: "bordered",
       color: "secondary",
       class: {
         innerWrapper: "text-secondary",
@@ -343,7 +408,7 @@ var dateInput = tv({
       }
     },
     {
-      variant: ["bordered", "faded"],
+      variant: "bordered",
       color: "success",
       class: {
         innerWrapper: "text-success",
@@ -352,7 +417,7 @@ var dateInput = tv({
       }
     },
     {
-      variant: ["bordered", "faded"],
+      variant: "bordered",
       color: "warning",
       class: {
         innerWrapper: "text-warning",
@@ -361,7 +426,7 @@ var dateInput = tv({
       }
     },
     {
-      variant: ["bordered", "faded"],
+      variant: "bordered",
       color: "danger",
       class: {
         innerWrapper: "text-danger",

package/dist/components/date-input.mjs

@@ -1,6 +1,6 @@
 import {
   dateInput
-} from "../chunk-TK7HBD3N.mjs";
+} from "../chunk-A3NXEE2Q.mjs";
 import "../chunk-UWE6H66T.mjs";
 import "../chunk-GIXI35A3.mjs";
 export {