@nextui-org/theme 2.3.0-beta.9 → 2.4.0

package/dist/components/input.js

@@ -96,6 +96,7 @@ var input = tv({
       "z-10",
       "pointer-events-none",
       "origin-top-left",
+      "flex-shrink-0",
       "rtl:origin-top-right",
       "subpixel-antialiased",
       "block",
@@ -116,10 +117,10 @@ var input = tv({
       "p-2",
       "-m-2",
       "z-10",
-      "hidden",
       "absolute",
       "end-3",
       "start-auto",
+      "pointer-events-none",
       "appearance-none",
       "outline-none",
       "select-none",
@@ -208,6 +209,7 @@ var input = tv({
         clearButton: "text-large"
       },
       lg: {
+        label: "text-medium",
         inputWrapper: "h-12 min-h-12 rounded-large",
         input: "text-medium",
         clearButton: "text-large"
@@ -241,7 +243,7 @@ var input = tv({
         label: "relative text-foreground pe-2 ps-2 pointer-events-auto"
       },
       inside: {
-        label: "text-tiny cursor-text",
+        label: "cursor-text",
         inputWrapper: "flex-col items-start justify-center gap-0",
         innerWrapper: "group-data-[has-label=true]:items-end"
       }
@@ -255,7 +257,11 @@ var input = tv({
     isClearable: {
       true: {
         input: "peer pe-6 input-search-cancel-button-none",
-        clearButton: "peer-data-[filled=true]:opacity-70 peer-data-[filled=true]:block"
+        clearButton: [
+          "peer-data-[filled=true]:pointer-events-auto",
+          "peer-data-[filled=true]:opacity-70 peer-data-[filled=true]:block",
+          "peer-data-[filled=true]:scale-100"
+        ]
       }
     },
     isDisabled: {
@@ -281,7 +287,8 @@ var input = tv({
         label: "relative",
         inputWrapper: "!h-auto",
         innerWrapper: "items-start group-data-[has-label=true]:items-start",
-        input: "resize-none data-[hide-scroll=true]:scrollbar-hide"
+        input: "resize-none data-[hide-scroll=true]:scrollbar-hide",
+        clearButton: "absolute top-2 right-2 rtl:right-auto rtl:left-2 z-10"
       }
     },
     disableAnimation: {
@@ -299,7 +306,14 @@ var input = tv({
           "motion-reduce:transition-none",
           "transition-[transform,color,left,opacity]"
         ],
-        clearButton: ["transition-opacity", "motion-reduce:transition-none"]
+        clearButton: [
+          "scale-90",
+          "ease-out",
+          "duration-150",
+          "transition-[opacity,transform]",
+          "motion-reduce:transition-none",
+          "motion-reduce:scale-100"
+        ]
       }
     }
   },
@@ -628,7 +642,6 @@ var input = tv({
       labelPlacement: "inside",
       size: "lg",
       class: {
-        label: "text-small",
         inputWrapper: "h-16 py-2.5 gap-0"
       }
     },
@@ -896,6 +909,17 @@ var input = tv({
       class: {
         inputWrapper: "data-[has-multiple-rows=true]:rounded-large"
       }
+    },
+    {
+      isClearable: true,
+      isMultiline: true,
+      class: {
+        clearButton: [
+          "group-data-[has-value=true]:opacity-70 group-data-[has-value=true]:block",
+          "group-data-[has-value=true]:scale-100",
+          "group-data-[has-value=true]:pointer-events-auto"
+        ]
+      }
     }
   ]
 });

package/dist/components/input.mjs

@@ -1,9 +1,10 @@
 import {
   input
-} from "../chunk-MXL6JCUG.mjs";
-import "../chunk-IV3K5WDK.mjs";
+} from "../chunk-Y2BFQAAT.mjs";
+import "../chunk-CWYZ2GEH.mjs";
 import "../chunk-GQT3YUX3.mjs";
 import "../chunk-46U6G7UJ.mjs";
+import "../chunk-AHEUDQZM.mjs";
 import "../chunk-UWE6H66T.mjs";
 import "../chunk-GIXI35A3.mjs";
 import "../chunk-XHQUSKIE.mjs";

package/dist/components/link.mjs

@@ -2,9 +2,10 @@ import {
   link,
   linkAnchorClasses
 } from "../chunk-IAHJC7C4.mjs";
-import "../chunk-IV3K5WDK.mjs";
+import "../chunk-CWYZ2GEH.mjs";
 import "../chunk-GQT3YUX3.mjs";
 import "../chunk-46U6G7UJ.mjs";
+import "../chunk-AHEUDQZM.mjs";
 import "../chunk-UWE6H66T.mjs";
 import "../chunk-GIXI35A3.mjs";
 import "../chunk-XHQUSKIE.mjs";

package/dist/components/listbox.js

@@ -84,7 +84,7 @@ var dataFocusVisibleClasses = [
 // src/components/menu.ts
 var menu = tv({
   slots: {
-    base: "w-full relative flex flex-col gap-1 p-1",
+    base: "w-full relative flex flex-col gap-1 p-1 overflow-hidden",
     list: "w-full flex flex-col gap-0.5 outline-none",
     emptyContent: [
       "h-10",
@@ -192,6 +192,16 @@ var menuItem = tv({
       false: {
         base: "data-[hover=true]:transition-colors"
       }
+    },
+    hasTitleTextChild: {
+      true: {
+        title: "truncate"
+      }
+    },
+    hasDescriptionTextChild: {
+      true: {
+        description: "truncate"
+      }
     }
   },
   defaultVariants: {

package/dist/components/listbox.mjs

@@ -3,10 +3,11 @@ import {
   menu,
   menuItem,
   menuSection
-} from "../chunk-K6KPB2U5.mjs";
-import "../chunk-IV3K5WDK.mjs";
+} from "../chunk-PTCUE3XA.mjs";
+import "../chunk-CWYZ2GEH.mjs";
 import "../chunk-GQT3YUX3.mjs";
 import "../chunk-46U6G7UJ.mjs";
+import "../chunk-AHEUDQZM.mjs";
 import "../chunk-UWE6H66T.mjs";
 import "../chunk-GIXI35A3.mjs";
 import "../chunk-XHQUSKIE.mjs";

package/dist/components/menu.d.ts

@@ -129,6 +129,16 @@ declare const menuItem: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    hasTitleTextChild: {
+        true: {
+            title: string;
+        };
+    };
+    hasDescriptionTextChild: {
+        true: {
+            description: string;
+        };
+    };
 }, {
     base: string[];
     wrapper: string;
@@ -182,6 +192,16 @@ declare const menuItem: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    hasTitleTextChild: {
+        true: {
+            title: string;
+        };
+    };
+    hasDescriptionTextChild: {
+        true: {
+            description: string;
+        };
+    };
 }, {
     variant: {
         solid: {
@@ -228,6 +248,16 @@ declare const menuItem: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    hasTitleTextChild: {
+        true: {
+            title: string;
+        };
+    };
+    hasDescriptionTextChild: {
+        true: {
+            description: string;
+        };
+    };
 }>, {
     variant: {
         solid: {
@@ -274,6 +304,16 @@ declare const menuItem: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    hasTitleTextChild: {
+        true: {
+            title: string;
+        };
+    };
+    hasDescriptionTextChild: {
+        true: {
+            description: string;
+        };
+    };
 }, {
     base: string[];
     wrapper: string;
@@ -327,6 +367,16 @@ declare const menuItem: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    hasTitleTextChild: {
+        true: {
+            title: string;
+        };
+    };
+    hasDescriptionTextChild: {
+        true: {
+            description: string;
+        };
+    };
 }, {
     base: string[];
     wrapper: string;
@@ -380,6 +430,16 @@ declare const menuItem: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    hasTitleTextChild: {
+        true: {
+            title: string;
+        };
+    };
+    hasDescriptionTextChild: {
+        true: {
+            description: string;
+        };
+    };
 }, {
     variant: {
         solid: {
@@ -426,6 +486,16 @@ declare const menuItem: tailwind_variants.TVReturnType<{
             base: string;
         };
     };
+    hasTitleTextChild: {
+        true: {
+            title: string;
+        };
+    };
+    hasDescriptionTextChild: {
+        true: {
+            description: string;
+        };
+    };
 }>, unknown, unknown, undefined>>;
 /**
  * Menu section wrapper **Tailwind Variants** component

package/dist/components/menu.js

@@ -84,7 +84,7 @@ var dataFocusVisibleClasses = [
 // src/components/menu.ts
 var menu = tv({
   slots: {
-    base: "w-full relative flex flex-col gap-1 p-1",
+    base: "w-full relative flex flex-col gap-1 p-1 overflow-hidden",
     list: "w-full flex flex-col gap-0.5 outline-none",
     emptyContent: [
       "h-10",
@@ -192,6 +192,16 @@ var menuItem = tv({
       false: {
         base: "data-[hover=true]:transition-colors"
       }
+    },
+    hasTitleTextChild: {
+      true: {
+        title: "truncate"
+      }
+    },
+    hasDescriptionTextChild: {
+      true: {
+        description: "truncate"
+      }
     }
   },
   defaultVariants: {

package/dist/components/menu.mjs

@@ -2,10 +2,11 @@ import {
   menu,
   menuItem,
   menuSection
-} from "../chunk-K6KPB2U5.mjs";
-import "../chunk-IV3K5WDK.mjs";
+} from "../chunk-PTCUE3XA.mjs";
+import "../chunk-CWYZ2GEH.mjs";
 import "../chunk-GQT3YUX3.mjs";
 import "../chunk-46U6G7UJ.mjs";
+import "../chunk-AHEUDQZM.mjs";
 import "../chunk-UWE6H66T.mjs";
 import "../chunk-GIXI35A3.mjs";
 import "../chunk-XHQUSKIE.mjs";

package/dist/components/modal.mjs

@@ -1,9 +1,10 @@
 import {
   modal
 } from "../chunk-N67DL6BW.mjs";
-import "../chunk-IV3K5WDK.mjs";
+import "../chunk-CWYZ2GEH.mjs";
 import "../chunk-GQT3YUX3.mjs";
 import "../chunk-46U6G7UJ.mjs";
+import "../chunk-AHEUDQZM.mjs";
 import "../chunk-UWE6H66T.mjs";
 import "../chunk-GIXI35A3.mjs";
 import "../chunk-XHQUSKIE.mjs";

package/dist/components/navbar.mjs

@@ -1,9 +1,10 @@
 import {
   navbar
 } from "../chunk-UQZHSMVI.mjs";
-import "../chunk-IV3K5WDK.mjs";
+import "../chunk-CWYZ2GEH.mjs";
 import "../chunk-GQT3YUX3.mjs";
 import "../chunk-46U6G7UJ.mjs";
+import "../chunk-AHEUDQZM.mjs";
 import "../chunk-UWE6H66T.mjs";
 import "../chunk-GIXI35A3.mjs";
 import "../chunk-XHQUSKIE.mjs";

package/dist/components/pagination.mjs

@@ -1,9 +1,10 @@
 import {
   pagination
 } from "../chunk-EGGHND3C.mjs";
-import "../chunk-IV3K5WDK.mjs";
+import "../chunk-CWYZ2GEH.mjs";
 import "../chunk-GQT3YUX3.mjs";
 import "../chunk-46U6G7UJ.mjs";
+import "../chunk-AHEUDQZM.mjs";
 import "../chunk-UWE6H66T.mjs";
 import "../chunk-GIXI35A3.mjs";
 import "../chunk-XHQUSKIE.mjs";

package/dist/components/popover.mjs

@@ -1,9 +1,10 @@
 import {
   popover
 } from "../chunk-HHK47K4W.mjs";
-import "../chunk-IV3K5WDK.mjs";
+import "../chunk-CWYZ2GEH.mjs";
 import "../chunk-GQT3YUX3.mjs";
 import "../chunk-46U6G7UJ.mjs";
+import "../chunk-AHEUDQZM.mjs";
 import "../chunk-UWE6H66T.mjs";
 import "../chunk-GIXI35A3.mjs";
 import "../chunk-XHQUSKIE.mjs";