@nextui-org/theme 2.1.10 → 2.1.11

package/dist/{chunk-SCQJ4BM3.mjs → chunk-6RI6HHSE.mjs}

@@ -8,7 +8,7 @@ import {
 // src/components/select.ts
 var select = tv({
   slots: {
-    base: "group inline-flex flex-col relative w-full",
+    base: ["group inline-flex flex-col relative w-full", "data-[has-helper=true]:mb-4"],
     label: [
       "block",
       "absolute",
@@ -21,14 +21,14 @@ var select = tv({
     ],
     mainWrapper: "w-full flex flex-col",
     trigger: "relative px-3 gap-3 w-full inline-flex flex-row items-center shadow-sm outline-none tap-highlight-transparent",
-    innerWrapper: "inline-flex h-full w-[calc(100%_-_theme(spacing.unit-6))] items-center gap-1.5 box-border",
+    innerWrapper: "inline-flex h-full w-[calc(100%_-_theme(spacing.unit-6))] min-h-unit-4 items-center gap-1.5 box-border",
     selectorIcon: "absolute right-3 w-unit-4 h-unit-4",
     spinner: "absolute right-3",
     value: ["font-normal", "w-full", "text-left"],
     listboxWrapper: "scroll-py-6 max-h-64 w-full",
     listbox: "",
     popoverContent: "w-full p-1 overflow-hidden",
-    helperWrapper: "flex relative flex-col gap-1.5 pt-1 px-1",
+    helperWrapper: "flex absolute -bottom-[calc(theme(fontSize.tiny)*1.5)] flex-col gap-1.5 px-1",
     description: "text-tiny text-foreground-400",
     errorMessage: "text-tiny text-danger"
   },
@@ -98,7 +98,7 @@ var select = tv({
       sm: {
         label: "text-tiny",
         trigger: "h-unit-8 min-h-unit-8 px-2 rounded-small",
-        value: "text-small"
+        value: "text-tiny"
       },
       md: {
         trigger: "h-unit-10 min-h-unit-10 rounded-medium",
@@ -165,6 +165,7 @@ var select = tv({
     },
     isMultiline: {
       true: {
+        label: "relative",
         trigger: "!h-auto"
       },
       false: {
@@ -482,14 +483,14 @@ var select = tv({
       labelPlacement: "inside",
       size: "sm",
       class: {
-        trigger: "h-12 py-1.5 px-3"
+        trigger: "h-12 min-h-unit-12 py-1.5 px-3"
       }
     },
     {
       labelPlacement: "inside",
       size: "md",
       class: {
-        trigger: "h-14 py-2"
+        trigger: "h-14 min-h-unit-14 py-2"
       }
     },
     {
@@ -497,7 +498,7 @@ var select = tv({
       size: "lg",
       class: {
         label: "text-small",
-        trigger: "h-16 py-2.5 gap-0"
+        trigger: "h-16 min-h-unit-16 py-2.5 gap-0"
       }
     },
     {
@@ -508,6 +509,7 @@ var select = tv({
     },
     {
       labelPlacement: "outside",
+      isMultiline: false,
       class: {
         base: "group relative justify-end",
         label: [
@@ -537,6 +539,7 @@ var select = tv({
     },
     {
       labelPlacement: "inside",
+      isMultiline: false,
       size: "sm",
       class: {
         label: ["group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_8px)]"],
@@ -545,6 +548,7 @@ var select = tv({
     },
     {
       labelPlacement: "inside",
+      isMultiline: false,
       size: "md",
       class: {
         label: [
@@ -555,6 +559,7 @@ var select = tv({
     },
     {
       labelPlacement: "inside",
+      isMultiline: false,
       size: "lg",
       class: {
         label: [
@@ -567,6 +572,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: ["faded", "bordered"],
+      isMultiline: false,
       size: "sm",
       class: {
         label: [
@@ -577,6 +583,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: ["faded", "bordered"],
+      isMultiline: false,
       size: "md",
       class: {
         label: [
@@ -587,6 +594,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: ["faded", "bordered"],
+      isMultiline: false,
       size: "lg",
       class: {
         label: [
@@ -598,6 +606,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: "underlined",
+      isMultiline: false,
       size: "sm",
       class: {
         label: ["group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_5px)]"]
@@ -606,6 +615,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: "underlined",
+      isMultiline: false,
       size: "md",
       class: {
         label: [
@@ -616,6 +626,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: "underlined",
+      isMultiline: false,
       size: "lg",
       class: {
         label: [
@@ -627,6 +638,7 @@ var select = tv({
     {
       labelPlacement: "outside",
       size: "sm",
+      isMultiline: false,
       class: {
         label: [
           "left-2",
@@ -638,6 +650,7 @@ var select = tv({
     },
     {
       labelPlacement: "outside",
+      isMultiline: false,
       size: "md",
       class: {
         label: [
@@ -650,6 +663,7 @@ var select = tv({
     },
     {
       labelPlacement: "outside",
+      isMultiline: false,
       size: "lg",
       class: {
         label: [

package/dist/{chunk-C3KZKKPN.mjs → chunk-KNUJMWVH.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-[has-helper=true]:mb-4"],
     label: [
       "absolute",
       "z-10",
@@ -45,7 +45,7 @@ var input = tv({
       "rounded-full",
       ...dataFocusVisibleClasses
     ],
-    helperWrapper: "flex relative flex-col gap-1.5 pt-1 px-1",
+    helperWrapper: "flex absolute -bottom-[calc(theme(fontSize.tiny)*1.5)] flex-col gap-1.5 px-1",
     description: "text-tiny text-foreground-400",
     errorMessage: "text-tiny text-danger"
   },
@@ -112,7 +112,7 @@ var input = tv({
       sm: {
         label: "text-tiny",
         inputWrapper: "h-unit-8 min-h-unit-8 px-2 rounded-small",
-        input: "text-small",
+        input: "text-tiny",
         clearButton: "text-medium"
       },
       md: {
@@ -765,7 +765,7 @@ var input = tv({
       isMultiline: true,
       disableAnimation: false,
       class: {
-        input: "transition-height !duration-150 motion-reduce:transition-none"
+        input: "transition-height !duration-100 motion-reduce:transition-none"
       }
     }
   ]

package/dist/components/index.js

@@ -3736,7 +3736,7 @@ var circularProgress = tv({
 // src/components/input.ts
 var input = tv({
   slots: {
-    base: "group flex flex-col",
+    base: ["group flex flex-col", "data-[has-helper=true]:mb-4"],
     label: [
       "absolute",
       "z-10",
@@ -3772,7 +3772,7 @@ var input = tv({
       "rounded-full",
       ...dataFocusVisibleClasses
     ],
-    helperWrapper: "flex relative flex-col gap-1.5 pt-1 px-1",
+    helperWrapper: "flex absolute -bottom-[calc(theme(fontSize.tiny)*1.5)] flex-col gap-1.5 px-1",
     description: "text-tiny text-foreground-400",
     errorMessage: "text-tiny text-danger"
   },
@@ -3839,7 +3839,7 @@ var input = tv({
       sm: {
         label: "text-tiny",
         inputWrapper: "h-unit-8 min-h-unit-8 px-2 rounded-small",
-        input: "text-small",
+        input: "text-tiny",
         clearButton: "text-medium"
       },
       md: {
@@ -4492,7 +4492,7 @@ var input = tv({
       isMultiline: true,
       disableAnimation: false,
       class: {
-        input: "transition-height !duration-150 motion-reduce:transition-none"
+        input: "transition-height !duration-100 motion-reduce:transition-none"
       }
     }
   ]
@@ -6012,7 +6012,7 @@ var skeleton = tv({
 // src/components/select.ts
 var select = tv({
   slots: {
-    base: "group inline-flex flex-col relative w-full",
+    base: ["group inline-flex flex-col relative w-full", "data-[has-helper=true]:mb-4"],
     label: [
       "block",
       "absolute",
@@ -6025,14 +6025,14 @@ var select = tv({
     ],
     mainWrapper: "w-full flex flex-col",
     trigger: "relative px-3 gap-3 w-full inline-flex flex-row items-center shadow-sm outline-none tap-highlight-transparent",
-    innerWrapper: "inline-flex h-full w-[calc(100%_-_theme(spacing.unit-6))] items-center gap-1.5 box-border",
+    innerWrapper: "inline-flex h-full w-[calc(100%_-_theme(spacing.unit-6))] min-h-unit-4 items-center gap-1.5 box-border",
     selectorIcon: "absolute right-3 w-unit-4 h-unit-4",
     spinner: "absolute right-3",
     value: ["font-normal", "w-full", "text-left"],
     listboxWrapper: "scroll-py-6 max-h-64 w-full",
     listbox: "",
     popoverContent: "w-full p-1 overflow-hidden",
-    helperWrapper: "flex relative flex-col gap-1.5 pt-1 px-1",
+    helperWrapper: "flex absolute -bottom-[calc(theme(fontSize.tiny)*1.5)] flex-col gap-1.5 px-1",
     description: "text-tiny text-foreground-400",
     errorMessage: "text-tiny text-danger"
   },
@@ -6102,7 +6102,7 @@ var select = tv({
       sm: {
         label: "text-tiny",
         trigger: "h-unit-8 min-h-unit-8 px-2 rounded-small",
-        value: "text-small"
+        value: "text-tiny"
       },
       md: {
         trigger: "h-unit-10 min-h-unit-10 rounded-medium",
@@ -6169,6 +6169,7 @@ var select = tv({
     },
     isMultiline: {
       true: {
+        label: "relative",
         trigger: "!h-auto"
       },
       false: {
@@ -6486,14 +6487,14 @@ var select = tv({
       labelPlacement: "inside",
       size: "sm",
       class: {
-        trigger: "h-12 py-1.5 px-3"
+        trigger: "h-12 min-h-unit-12 py-1.5 px-3"
       }
     },
     {
       labelPlacement: "inside",
       size: "md",
       class: {
-        trigger: "h-14 py-2"
+        trigger: "h-14 min-h-unit-14 py-2"
       }
     },
     {
@@ -6501,7 +6502,7 @@ var select = tv({
       size: "lg",
       class: {
         label: "text-small",
-        trigger: "h-16 py-2.5 gap-0"
+        trigger: "h-16 min-h-unit-16 py-2.5 gap-0"
       }
     },
     {
@@ -6512,6 +6513,7 @@ var select = tv({
     },
     {
       labelPlacement: "outside",
+      isMultiline: false,
       class: {
         base: "group relative justify-end",
         label: [
@@ -6541,6 +6543,7 @@ var select = tv({
     },
     {
       labelPlacement: "inside",
+      isMultiline: false,
       size: "sm",
       class: {
         label: ["group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_8px)]"],
@@ -6549,6 +6552,7 @@ var select = tv({
     },
     {
       labelPlacement: "inside",
+      isMultiline: false,
       size: "md",
       class: {
         label: [
@@ -6559,6 +6563,7 @@ var select = tv({
     },
     {
       labelPlacement: "inside",
+      isMultiline: false,
       size: "lg",
       class: {
         label: [
@@ -6571,6 +6576,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: ["faded", "bordered"],
+      isMultiline: false,
       size: "sm",
       class: {
         label: [
@@ -6581,6 +6587,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: ["faded", "bordered"],
+      isMultiline: false,
       size: "md",
       class: {
         label: [
@@ -6591,6 +6598,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: ["faded", "bordered"],
+      isMultiline: false,
       size: "lg",
       class: {
         label: [
@@ -6602,6 +6610,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: "underlined",
+      isMultiline: false,
       size: "sm",
       class: {
         label: ["group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_5px)]"]
@@ -6610,6 +6619,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: "underlined",
+      isMultiline: false,
       size: "md",
       class: {
         label: [
@@ -6620,6 +6630,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: "underlined",
+      isMultiline: false,
       size: "lg",
       class: {
         label: [
@@ -6631,6 +6642,7 @@ var select = tv({
     {
       labelPlacement: "outside",
       size: "sm",
+      isMultiline: false,
       class: {
         label: [
           "left-2",
@@ -6642,6 +6654,7 @@ var select = tv({
     },
     {
       labelPlacement: "outside",
+      isMultiline: false,
       size: "md",
       class: {
         label: [
@@ -6654,6 +6667,7 @@ var select = tv({
     },
     {
       labelPlacement: "outside",
+      isMultiline: false,
       size: "lg",
       class: {
         label: [

package/dist/components/index.mjs

@@ -44,7 +44,7 @@ import {
 } from "../chunk-VGHVBXXT.mjs";
 import {
   select
-} from "../chunk-SCQJ4BM3.mjs";
+} from "../chunk-6RI6HHSE.mjs";
 import {
   skeleton
 } from "../chunk-JX6O4KJS.mjs";
@@ -53,7 +53,7 @@ import {
 } from "../chunk-F36W5Y6O.mjs";
 import {
   input
-} from "../chunk-C3KZKKPN.mjs";
+} from "../chunk-KNUJMWVH.mjs";
 import {
   kbd
 } from "../chunk-J7FVLFSZ.mjs";

package/dist/components/input.d.ts

@@ -145,7 +145,7 @@ declare const input: tailwind_variants.TVReturnType<{
         };
     };
 }, {
-    base: string;
+    base: string[];
     label: string[];
     mainWrapper: string;
     inputWrapper: string;
@@ -528,7 +528,7 @@ declare const input: tailwind_variants.TVReturnType<{
         };
     };
 }, {
-    base: string;
+    base: string[];
     label: string[];
     mainWrapper: string;
     inputWrapper: string;
@@ -663,7 +663,7 @@ declare const input: tailwind_variants.TVReturnType<{
         };
     };
 }, {
-    base: string;
+    base: string[];
     label: string[];
     mainWrapper: string;
     inputWrapper: string;

package/dist/components/input.js

@@ -129,7 +129,7 @@ var groupDataFocusVisibleClasses = [
 // src/components/input.ts
 var input = tv({
   slots: {
-    base: "group flex flex-col",
+    base: ["group flex flex-col", "data-[has-helper=true]:mb-4"],
     label: [
       "absolute",
       "z-10",
@@ -165,7 +165,7 @@ var input = tv({
       "rounded-full",
       ...dataFocusVisibleClasses
     ],
-    helperWrapper: "flex relative flex-col gap-1.5 pt-1 px-1",
+    helperWrapper: "flex absolute -bottom-[calc(theme(fontSize.tiny)*1.5)] flex-col gap-1.5 px-1",
     description: "text-tiny text-foreground-400",
     errorMessage: "text-tiny text-danger"
   },
@@ -232,7 +232,7 @@ var input = tv({
       sm: {
         label: "text-tiny",
         inputWrapper: "h-unit-8 min-h-unit-8 px-2 rounded-small",
-        input: "text-small",
+        input: "text-tiny",
         clearButton: "text-medium"
       },
       md: {
@@ -885,7 +885,7 @@ var input = tv({
       isMultiline: true,
       disableAnimation: false,
       class: {
-        input: "transition-height !duration-150 motion-reduce:transition-none"
+        input: "transition-height !duration-100 motion-reduce:transition-none"
       }
     }
   ]

package/dist/components/input.mjs

@@ -1,6 +1,6 @@
 import {
   input
-} from "../chunk-C3KZKKPN.mjs";
+} from "../chunk-KNUJMWVH.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";

package/dist/components/select.d.ts

@@ -98,6 +98,7 @@ declare const select: tailwind_variants.TVReturnType<{
     };
     isMultiline: {
         true: {
+            label: string;
             trigger: string;
         };
         false: {
@@ -124,7 +125,7 @@ declare const select: tailwind_variants.TVReturnType<{
         };
     };
 }, {
-    base: string;
+    base: string[];
     label: string[];
     mainWrapper: string;
     trigger: string;
@@ -234,6 +235,7 @@ declare const select: tailwind_variants.TVReturnType<{
     };
     isMultiline: {
         true: {
+            label: string;
             trigger: string;
         };
         false: {
@@ -355,6 +357,7 @@ declare const select: tailwind_variants.TVReturnType<{
     };
     isMultiline: {
         true: {
+            label: string;
             trigger: string;
         };
         false: {
@@ -476,6 +479,7 @@ declare const select: tailwind_variants.TVReturnType<{
     };
     isMultiline: {
         true: {
+            label: string;
             trigger: string;
         };
         false: {
@@ -502,7 +506,7 @@ declare const select: tailwind_variants.TVReturnType<{
         };
     };
 }, {
-    base: string;
+    base: string[];
     label: string[];
     mainWrapper: string;
     trigger: string;
@@ -612,6 +616,7 @@ declare const select: tailwind_variants.TVReturnType<{
     };
     isMultiline: {
         true: {
+            label: string;
             trigger: string;
         };
         false: {
@@ -638,7 +643,7 @@ declare const select: tailwind_variants.TVReturnType<{
         };
     };
 }, {
-    base: string;
+    base: string[];
     label: string[];
     mainWrapper: string;
     trigger: string;
@@ -748,6 +753,7 @@ declare const select: tailwind_variants.TVReturnType<{
     };
     isMultiline: {
         true: {
+            label: string;
             trigger: string;
         };
         false: {
@@ -869,6 +875,7 @@ declare const select: tailwind_variants.TVReturnType<{
     };
     isMultiline: {
         true: {
+            label: string;
             trigger: string;
         };
         false: {

package/dist/components/select.js

@@ -121,7 +121,7 @@ var tv = (0, import_tailwind_variants.createTV)({
 // src/components/select.ts
 var select = tv({
   slots: {
-    base: "group inline-flex flex-col relative w-full",
+    base: ["group inline-flex flex-col relative w-full", "data-[has-helper=true]:mb-4"],
     label: [
       "block",
       "absolute",
@@ -134,14 +134,14 @@ var select = tv({
     ],
     mainWrapper: "w-full flex flex-col",
     trigger: "relative px-3 gap-3 w-full inline-flex flex-row items-center shadow-sm outline-none tap-highlight-transparent",
-    innerWrapper: "inline-flex h-full w-[calc(100%_-_theme(spacing.unit-6))] items-center gap-1.5 box-border",
+    innerWrapper: "inline-flex h-full w-[calc(100%_-_theme(spacing.unit-6))] min-h-unit-4 items-center gap-1.5 box-border",
     selectorIcon: "absolute right-3 w-unit-4 h-unit-4",
     spinner: "absolute right-3",
     value: ["font-normal", "w-full", "text-left"],
     listboxWrapper: "scroll-py-6 max-h-64 w-full",
     listbox: "",
     popoverContent: "w-full p-1 overflow-hidden",
-    helperWrapper: "flex relative flex-col gap-1.5 pt-1 px-1",
+    helperWrapper: "flex absolute -bottom-[calc(theme(fontSize.tiny)*1.5)] flex-col gap-1.5 px-1",
     description: "text-tiny text-foreground-400",
     errorMessage: "text-tiny text-danger"
   },
@@ -211,7 +211,7 @@ var select = tv({
       sm: {
         label: "text-tiny",
         trigger: "h-unit-8 min-h-unit-8 px-2 rounded-small",
-        value: "text-small"
+        value: "text-tiny"
       },
       md: {
         trigger: "h-unit-10 min-h-unit-10 rounded-medium",
@@ -278,6 +278,7 @@ var select = tv({
     },
     isMultiline: {
       true: {
+        label: "relative",
         trigger: "!h-auto"
       },
       false: {
@@ -595,14 +596,14 @@ var select = tv({
       labelPlacement: "inside",
       size: "sm",
       class: {
-        trigger: "h-12 py-1.5 px-3"
+        trigger: "h-12 min-h-unit-12 py-1.5 px-3"
       }
     },
     {
       labelPlacement: "inside",
       size: "md",
       class: {
-        trigger: "h-14 py-2"
+        trigger: "h-14 min-h-unit-14 py-2"
       }
     },
     {
@@ -610,7 +611,7 @@ var select = tv({
       size: "lg",
       class: {
         label: "text-small",
-        trigger: "h-16 py-2.5 gap-0"
+        trigger: "h-16 min-h-unit-16 py-2.5 gap-0"
       }
     },
     {
@@ -621,6 +622,7 @@ var select = tv({
     },
     {
       labelPlacement: "outside",
+      isMultiline: false,
       class: {
         base: "group relative justify-end",
         label: [
@@ -650,6 +652,7 @@ var select = tv({
     },
     {
       labelPlacement: "inside",
+      isMultiline: false,
       size: "sm",
       class: {
         label: ["group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_8px)]"],
@@ -658,6 +661,7 @@ var select = tv({
     },
     {
       labelPlacement: "inside",
+      isMultiline: false,
       size: "md",
       class: {
         label: [
@@ -668,6 +672,7 @@ var select = tv({
     },
     {
       labelPlacement: "inside",
+      isMultiline: false,
       size: "lg",
       class: {
         label: [
@@ -680,6 +685,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: ["faded", "bordered"],
+      isMultiline: false,
       size: "sm",
       class: {
         label: [
@@ -690,6 +696,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: ["faded", "bordered"],
+      isMultiline: false,
       size: "md",
       class: {
         label: [
@@ -700,6 +707,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: ["faded", "bordered"],
+      isMultiline: false,
       size: "lg",
       class: {
         label: [
@@ -711,6 +719,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: "underlined",
+      isMultiline: false,
       size: "sm",
       class: {
         label: ["group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_5px)]"]
@@ -719,6 +728,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: "underlined",
+      isMultiline: false,
       size: "md",
       class: {
         label: [
@@ -729,6 +739,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: "underlined",
+      isMultiline: false,
       size: "lg",
       class: {
         label: [
@@ -740,6 +751,7 @@ var select = tv({
     {
       labelPlacement: "outside",
       size: "sm",
+      isMultiline: false,
       class: {
         label: [
           "left-2",
@@ -751,6 +763,7 @@ var select = tv({
     },
     {
       labelPlacement: "outside",
+      isMultiline: false,
       size: "md",
       class: {
         label: [
@@ -763,6 +776,7 @@ var select = tv({
     },
     {
       labelPlacement: "outside",
+      isMultiline: false,
       size: "lg",
       class: {
         label: [

package/dist/components/select.mjs

@@ -1,6 +1,6 @@
 import {
   select
-} from "../chunk-SCQJ4BM3.mjs";
+} from "../chunk-6RI6HHSE.mjs";
 import "../chunk-CMYR6AOY.mjs";
 import "../chunk-K7LK7NCE.mjs";
 import "../chunk-2PIR7DFM.mjs";

package/dist/index.js

@@ -3769,7 +3769,7 @@ var circularProgress = tv({
 // src/components/input.ts
 var input = tv({
   slots: {
-    base: "group flex flex-col",
+    base: ["group flex flex-col", "data-[has-helper=true]:mb-4"],
     label: [
       "absolute",
       "z-10",
@@ -3805,7 +3805,7 @@ var input = tv({
       "rounded-full",
       ...dataFocusVisibleClasses
     ],
-    helperWrapper: "flex relative flex-col gap-1.5 pt-1 px-1",
+    helperWrapper: "flex absolute -bottom-[calc(theme(fontSize.tiny)*1.5)] flex-col gap-1.5 px-1",
     description: "text-tiny text-foreground-400",
     errorMessage: "text-tiny text-danger"
   },
@@ -3872,7 +3872,7 @@ var input = tv({
       sm: {
         label: "text-tiny",
         inputWrapper: "h-unit-8 min-h-unit-8 px-2 rounded-small",
-        input: "text-small",
+        input: "text-tiny",
         clearButton: "text-medium"
       },
       md: {
@@ -4525,7 +4525,7 @@ var input = tv({
       isMultiline: true,
       disableAnimation: false,
       class: {
-        input: "transition-height !duration-150 motion-reduce:transition-none"
+        input: "transition-height !duration-100 motion-reduce:transition-none"
       }
     }
   ]
@@ -6045,7 +6045,7 @@ var skeleton = tv({
 // src/components/select.ts
 var select = tv({
   slots: {
-    base: "group inline-flex flex-col relative w-full",
+    base: ["group inline-flex flex-col relative w-full", "data-[has-helper=true]:mb-4"],
     label: [
       "block",
       "absolute",
@@ -6058,14 +6058,14 @@ var select = tv({
     ],
     mainWrapper: "w-full flex flex-col",
     trigger: "relative px-3 gap-3 w-full inline-flex flex-row items-center shadow-sm outline-none tap-highlight-transparent",
-    innerWrapper: "inline-flex h-full w-[calc(100%_-_theme(spacing.unit-6))] items-center gap-1.5 box-border",
+    innerWrapper: "inline-flex h-full w-[calc(100%_-_theme(spacing.unit-6))] min-h-unit-4 items-center gap-1.5 box-border",
     selectorIcon: "absolute right-3 w-unit-4 h-unit-4",
     spinner: "absolute right-3",
     value: ["font-normal", "w-full", "text-left"],
     listboxWrapper: "scroll-py-6 max-h-64 w-full",
     listbox: "",
     popoverContent: "w-full p-1 overflow-hidden",
-    helperWrapper: "flex relative flex-col gap-1.5 pt-1 px-1",
+    helperWrapper: "flex absolute -bottom-[calc(theme(fontSize.tiny)*1.5)] flex-col gap-1.5 px-1",
     description: "text-tiny text-foreground-400",
     errorMessage: "text-tiny text-danger"
   },
@@ -6135,7 +6135,7 @@ var select = tv({
       sm: {
         label: "text-tiny",
         trigger: "h-unit-8 min-h-unit-8 px-2 rounded-small",
-        value: "text-small"
+        value: "text-tiny"
       },
       md: {
         trigger: "h-unit-10 min-h-unit-10 rounded-medium",
@@ -6202,6 +6202,7 @@ var select = tv({
     },
     isMultiline: {
       true: {
+        label: "relative",
         trigger: "!h-auto"
       },
       false: {
@@ -6519,14 +6520,14 @@ var select = tv({
       labelPlacement: "inside",
       size: "sm",
       class: {
-        trigger: "h-12 py-1.5 px-3"
+        trigger: "h-12 min-h-unit-12 py-1.5 px-3"
       }
     },
     {
       labelPlacement: "inside",
       size: "md",
       class: {
-        trigger: "h-14 py-2"
+        trigger: "h-14 min-h-unit-14 py-2"
       }
     },
     {
@@ -6534,7 +6535,7 @@ var select = tv({
       size: "lg",
       class: {
         label: "text-small",
-        trigger: "h-16 py-2.5 gap-0"
+        trigger: "h-16 min-h-unit-16 py-2.5 gap-0"
       }
     },
     {
@@ -6545,6 +6546,7 @@ var select = tv({
     },
     {
       labelPlacement: "outside",
+      isMultiline: false,
       class: {
         base: "group relative justify-end",
         label: [
@@ -6574,6 +6576,7 @@ var select = tv({
     },
     {
       labelPlacement: "inside",
+      isMultiline: false,
       size: "sm",
       class: {
         label: ["group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_8px)]"],
@@ -6582,6 +6585,7 @@ var select = tv({
     },
     {
       labelPlacement: "inside",
+      isMultiline: false,
       size: "md",
       class: {
         label: [
@@ -6592,6 +6596,7 @@ var select = tv({
     },
     {
       labelPlacement: "inside",
+      isMultiline: false,
       size: "lg",
       class: {
         label: [
@@ -6604,6 +6609,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: ["faded", "bordered"],
+      isMultiline: false,
       size: "sm",
       class: {
         label: [
@@ -6614,6 +6620,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: ["faded", "bordered"],
+      isMultiline: false,
       size: "md",
       class: {
         label: [
@@ -6624,6 +6631,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: ["faded", "bordered"],
+      isMultiline: false,
       size: "lg",
       class: {
         label: [
@@ -6635,6 +6643,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: "underlined",
+      isMultiline: false,
       size: "sm",
       class: {
         label: ["group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_5px)]"]
@@ -6643,6 +6652,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: "underlined",
+      isMultiline: false,
       size: "md",
       class: {
         label: [
@@ -6653,6 +6663,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: "underlined",
+      isMultiline: false,
       size: "lg",
       class: {
         label: [
@@ -6664,6 +6675,7 @@ var select = tv({
     {
       labelPlacement: "outside",
       size: "sm",
+      isMultiline: false,
       class: {
         label: [
           "left-2",
@@ -6675,6 +6687,7 @@ var select = tv({
     },
     {
       labelPlacement: "outside",
+      isMultiline: false,
       size: "md",
       class: {
         label: [
@@ -6687,6 +6700,7 @@ var select = tv({
     },
     {
       labelPlacement: "outside",
+      isMultiline: false,
       size: "lg",
       class: {
         label: [

package/dist/index.mjs

@@ -44,7 +44,7 @@ import {
 } from "./chunk-VGHVBXXT.mjs";
 import {
   select
-} from "./chunk-SCQJ4BM3.mjs";
+} from "./chunk-6RI6HHSE.mjs";
 import {
   skeleton
 } from "./chunk-JX6O4KJS.mjs";
@@ -53,7 +53,7 @@ import {
 } from "./chunk-F36W5Y6O.mjs";
 import {
   input
-} from "./chunk-C3KZKKPN.mjs";
+} from "./chunk-KNUJMWVH.mjs";
 import {
   kbd
 } from "./chunk-J7FVLFSZ.mjs";

package/package.json

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