@nextui-org/theme 2.1.10 → 2.1.12

package/dist/{chunk-C3KZKKPN.mjs → chunk-RNXUUR27.mjs}

@@ -9,7 +9,7 @@ import {
 // src/components/input.ts
 var input = tv({
   slots: {
-    base: "group flex flex-col",
+    base: ["group flex relative 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: {
@@ -157,7 +157,7 @@ var input = tv({
       inside: {
         label: "text-tiny cursor-text",
         inputWrapper: "flex-col items-start justify-center gap-0",
-        innerWrapper: "items-end"
+        innerWrapper: "group-data-[has-label=true]:items-end"
       }
     },
     fullWidth: {
@@ -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/{chunk-SCQJ4BM3.mjs → chunk-TLWI2J7W.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: [
@@ -531,42 +533,45 @@ var select = tv({
       labelPlacement: "inside",
       size: ["sm", "md"],
       class: {
-        label: "text-small",
-        input: "pt-4"
+        label: "text-small"
       }
     },
     {
       labelPlacement: "inside",
+      isMultiline: false,
       size: "sm",
       class: {
         label: ["group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_8px)]"],
-        innerWrapper: "pt-4"
+        innerWrapper: "group-data-[has-label=true]:pt-4"
       }
     },
     {
       labelPlacement: "inside",
+      isMultiline: false,
       size: "md",
       class: {
         label: [
           "group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_6px)]"
         ],
-        innerWrapper: "pt-4"
+        innerWrapper: "group-data-[has-label=true]:pt-4"
       }
     },
     {
       labelPlacement: "inside",
+      isMultiline: false,
       size: "lg",
       class: {
         label: [
           "text-medium",
           "group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_8px)]"
         ],
-        innerWrapper: "pt-5"
+        innerWrapper: "group-data-[has-label=true]:pt-5"
       }
     },
     {
       labelPlacement: "inside",
       variant: ["faded", "bordered"],
+      isMultiline: false,
       size: "sm",
       class: {
         label: [
@@ -577,6 +582,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: ["faded", "bordered"],
+      isMultiline: false,
       size: "md",
       class: {
         label: [
@@ -587,6 +593,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: ["faded", "bordered"],
+      isMultiline: false,
       size: "lg",
       class: {
         label: [
@@ -598,6 +605,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 +614,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: "underlined",
+      isMultiline: false,
       size: "md",
       class: {
         label: [
@@ -616,6 +625,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: "underlined",
+      isMultiline: false,
       size: "lg",
       class: {
         label: [
@@ -627,6 +637,7 @@ var select = tv({
     {
       labelPlacement: "outside",
       size: "sm",
+      isMultiline: false,
       class: {
         label: [
           "left-2",
@@ -638,6 +649,7 @@ var select = tv({
     },
     {
       labelPlacement: "outside",
+      isMultiline: false,
       size: "md",
       class: {
         label: [
@@ -650,6 +662,7 @@ var select = tv({
     },
     {
       labelPlacement: "outside",
+      isMultiline: false,
       size: "lg",
       class: {
         label: [

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 relative 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: {
@@ -3884,7 +3884,7 @@ var input = tv({
       inside: {
         label: "text-tiny cursor-text",
         inputWrapper: "flex-col items-start justify-center gap-0",
-        innerWrapper: "items-end"
+        innerWrapper: "group-data-[has-label=true]:items-end"
       }
     },
     fullWidth: {
@@ -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: [
@@ -6535,42 +6537,45 @@ var select = tv({
       labelPlacement: "inside",
       size: ["sm", "md"],
       class: {
-        label: "text-small",
-        input: "pt-4"
+        label: "text-small"
       }
     },
     {
       labelPlacement: "inside",
+      isMultiline: false,
       size: "sm",
       class: {
         label: ["group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_8px)]"],
-        innerWrapper: "pt-4"
+        innerWrapper: "group-data-[has-label=true]:pt-4"
       }
     },
     {
       labelPlacement: "inside",
+      isMultiline: false,
       size: "md",
       class: {
         label: [
           "group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_6px)]"
         ],
-        innerWrapper: "pt-4"
+        innerWrapper: "group-data-[has-label=true]:pt-4"
       }
     },
     {
       labelPlacement: "inside",
+      isMultiline: false,
       size: "lg",
       class: {
         label: [
           "text-medium",
           "group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_8px)]"
         ],
-        innerWrapper: "pt-5"
+        innerWrapper: "group-data-[has-label=true]:pt-5"
       }
     },
     {
       labelPlacement: "inside",
       variant: ["faded", "bordered"],
+      isMultiline: false,
       size: "sm",
       class: {
         label: [
@@ -6581,6 +6586,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: ["faded", "bordered"],
+      isMultiline: false,
       size: "md",
       class: {
         label: [
@@ -6591,6 +6597,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: ["faded", "bordered"],
+      isMultiline: false,
       size: "lg",
       class: {
         label: [
@@ -6602,6 +6609,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 +6618,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: "underlined",
+      isMultiline: false,
       size: "md",
       class: {
         label: [
@@ -6620,6 +6629,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: "underlined",
+      isMultiline: false,
       size: "lg",
       class: {
         label: [
@@ -6631,6 +6641,7 @@ var select = tv({
     {
       labelPlacement: "outside",
       size: "sm",
+      isMultiline: false,
       class: {
         label: [
           "left-2",
@@ -6642,6 +6653,7 @@ var select = tv({
     },
     {
       labelPlacement: "outside",
+      isMultiline: false,
       size: "md",
       class: {
         label: [
@@ -6654,6 +6666,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-TLWI2J7W.mjs";
 import {
   skeleton
 } from "../chunk-JX6O4KJS.mjs";
@@ -53,7 +53,7 @@ import {
 } from "../chunk-F36W5Y6O.mjs";
 import {
   input
-} from "../chunk-C3KZKKPN.mjs";
+} from "../chunk-RNXUUR27.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 relative 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: {
@@ -277,7 +277,7 @@ var input = tv({
       inside: {
         label: "text-tiny cursor-text",
         inputWrapper: "flex-col items-start justify-center gap-0",
-        innerWrapper: "items-end"
+        innerWrapper: "group-data-[has-label=true]:items-end"
       }
     },
     fullWidth: {
@@ -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-RNXUUR27.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: [
@@ -644,42 +646,45 @@ var select = tv({
       labelPlacement: "inside",
       size: ["sm", "md"],
       class: {
-        label: "text-small",
-        input: "pt-4"
+        label: "text-small"
       }
     },
     {
       labelPlacement: "inside",
+      isMultiline: false,
       size: "sm",
       class: {
         label: ["group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_8px)]"],
-        innerWrapper: "pt-4"
+        innerWrapper: "group-data-[has-label=true]:pt-4"
       }
     },
     {
       labelPlacement: "inside",
+      isMultiline: false,
       size: "md",
       class: {
         label: [
           "group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_6px)]"
         ],
-        innerWrapper: "pt-4"
+        innerWrapper: "group-data-[has-label=true]:pt-4"
       }
     },
     {
       labelPlacement: "inside",
+      isMultiline: false,
       size: "lg",
       class: {
         label: [
           "text-medium",
           "group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_8px)]"
         ],
-        innerWrapper: "pt-5"
+        innerWrapper: "group-data-[has-label=true]:pt-5"
       }
     },
     {
       labelPlacement: "inside",
       variant: ["faded", "bordered"],
+      isMultiline: false,
       size: "sm",
       class: {
         label: [
@@ -690,6 +695,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: ["faded", "bordered"],
+      isMultiline: false,
       size: "md",
       class: {
         label: [
@@ -700,6 +706,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: ["faded", "bordered"],
+      isMultiline: false,
       size: "lg",
       class: {
         label: [
@@ -711,6 +718,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 +727,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: "underlined",
+      isMultiline: false,
       size: "md",
       class: {
         label: [
@@ -729,6 +738,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: "underlined",
+      isMultiline: false,
       size: "lg",
       class: {
         label: [
@@ -740,6 +750,7 @@ var select = tv({
     {
       labelPlacement: "outside",
       size: "sm",
+      isMultiline: false,
       class: {
         label: [
           "left-2",
@@ -751,6 +762,7 @@ var select = tv({
     },
     {
       labelPlacement: "outside",
+      isMultiline: false,
       size: "md",
       class: {
         label: [
@@ -763,6 +775,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-TLWI2J7W.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 relative 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: {
@@ -3917,7 +3917,7 @@ var input = tv({
       inside: {
         label: "text-tiny cursor-text",
         inputWrapper: "flex-col items-start justify-center gap-0",
-        innerWrapper: "items-end"
+        innerWrapper: "group-data-[has-label=true]:items-end"
       }
     },
     fullWidth: {
@@ -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: [
@@ -6568,42 +6570,45 @@ var select = tv({
       labelPlacement: "inside",
       size: ["sm", "md"],
       class: {
-        label: "text-small",
-        input: "pt-4"
+        label: "text-small"
       }
     },
     {
       labelPlacement: "inside",
+      isMultiline: false,
       size: "sm",
       class: {
         label: ["group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.tiny)/2_-_8px)]"],
-        innerWrapper: "pt-4"
+        innerWrapper: "group-data-[has-label=true]:pt-4"
       }
     },
     {
       labelPlacement: "inside",
+      isMultiline: false,
       size: "md",
       class: {
         label: [
           "group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_6px)]"
         ],
-        innerWrapper: "pt-4"
+        innerWrapper: "group-data-[has-label=true]:pt-4"
       }
     },
     {
       labelPlacement: "inside",
+      isMultiline: false,
       size: "lg",
       class: {
         label: [
           "text-medium",
           "group-data-[filled=true]:-translate-y-[calc(50%_+_theme(fontSize.small)/2_-_8px)]"
         ],
-        innerWrapper: "pt-5"
+        innerWrapper: "group-data-[has-label=true]:pt-5"
       }
     },
     {
       labelPlacement: "inside",
       variant: ["faded", "bordered"],
+      isMultiline: false,
       size: "sm",
       class: {
         label: [
@@ -6614,6 +6619,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: ["faded", "bordered"],
+      isMultiline: false,
       size: "md",
       class: {
         label: [
@@ -6624,6 +6630,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: ["faded", "bordered"],
+      isMultiline: false,
       size: "lg",
       class: {
         label: [
@@ -6635,6 +6642,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 +6651,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: "underlined",
+      isMultiline: false,
       size: "md",
       class: {
         label: [
@@ -6653,6 +6662,7 @@ var select = tv({
     {
       labelPlacement: "inside",
       variant: "underlined",
+      isMultiline: false,
       size: "lg",
       class: {
         label: [
@@ -6664,6 +6674,7 @@ var select = tv({
     {
       labelPlacement: "outside",
       size: "sm",
+      isMultiline: false,
       class: {
         label: [
           "left-2",
@@ -6675,6 +6686,7 @@ var select = tv({
     },
     {
       labelPlacement: "outside",
+      isMultiline: false,
       size: "md",
       class: {
         label: [
@@ -6687,6 +6699,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-TLWI2J7W.mjs";
 import {
   skeleton
 } from "./chunk-JX6O4KJS.mjs";
@@ -53,7 +53,7 @@ import {
 } from "./chunk-F36W5Y6O.mjs";
 import {
   input
-} from "./chunk-C3KZKKPN.mjs";
+} from "./chunk-RNXUUR27.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.12",
   "description": "The default theme for NextUI components",
   "keywords": [
     "theme",