@scripso-homepad/ui 0.4.20 → 0.4.21

package/dist/web/index.cjs

@@ -28658,6 +28658,8 @@ var INPUT_TEXT_LINE_HEIGHT = 20;
 var INPUT_WEB_VERTICAL_PADDING = 14;
 var INPUT_VERTICAL_PADDING = 14;
 var INPUT_HORIZONTAL_PADDING = 16;
+var INPUT_MULTILINE_MIN_HEIGHT = 120;
+var INPUT_MULTILINE_INNER_MIN_HEIGHT = INPUT_MULTILINE_MIN_HEIGHT - INPUT_VERTICAL_PADDING * 2;
 function resolveInputVisualState({
   focused = false,
   error = false,
@@ -28748,22 +28750,35 @@ function getInputFieldStyles(state) {
   }
 }
 var inputFieldMetrics = reactNative.StyleSheet.create({
-  container: {
+  containerBase: {
     flexDirection: "row",
-    alignItems: "center",
-    height: INPUT_HEIGHT,
     borderRadius: radii.lg,
     paddingHorizontal: INPUT_HORIZONTAL_PADDING,
     paddingVertical: INPUT_VERTICAL_PADDING,
     gap: INPUT_ICON_GAP,
-    // Do not clip glyph ascenders (Armenian / tall fonts).
-    overflow: "visible",
     ...reactNative.Platform.OS === "web" ? {
       boxSizing: "border-box",
       paddingVertical: INPUT_WEB_VERTICAL_PADDING,
       paddingHorizontal: INPUT_HORIZONTAL_PADDING
     } : null
   },
+  container: {
+    alignItems: "center",
+    height: INPUT_HEIGHT,
+    // Do not clip glyph ascenders on single-line fields (Armenian / tall fonts).
+    overflow: "visible"
+  },
+  /**
+   * Column layout + explicit minHeight so the TextInput hit target matches the
+   * visible box on Android release builds (row + flexGrow:0 collapsed taps).
+   */
+  containerMultiline: {
+    flexDirection: "column",
+    alignItems: "stretch",
+    justifyContent: "flex-start",
+    minHeight: INPUT_MULTILINE_MIN_HEIGHT,
+    overflow: "hidden"
+  },
   input: {
     flex: 1,
     minWidth: 0,
@@ -28787,19 +28802,21 @@ var inputFieldMetrics = reactNative.StyleSheet.create({
   },
   /** Single-line: avoid Android lineHeight jump between placeholder and typed text. */
   inputSingleLine: {
-    ...reactNative.Platform.OS === "android" ? { textAlignVertical: "center" } : null
+    ...reactNative.Platform.OS === "android" ? { textAlignVertical: "center", includeFontPadding: false } : null
   },
   /**
-   * Multiline fields should not flex-fill the container — on iOS a tall TextInput
-   * vertically centers the placeholder.
+   * Fill the column container so the whole field is tappable in release APKs.
+   * `textAlignVertical: "top"` keeps typed text (and Android placeholder) at the top.
    */
   inputMultiline: {
-    flexGrow: 0,
+    flexGrow: 1,
     flexShrink: 1,
     flexBasis: "auto",
     width: "100%",
+    minHeight: INPUT_MULTILINE_INNER_MIN_HEIGHT,
     alignSelf: "stretch",
-    textAlignVertical: "top"
+    textAlignVertical: "top",
+    ...reactNative.Platform.OS === "android" ? { includeFontPadding: false } : null
   }
 });
 function hasClassList(node) {
@@ -29004,7 +29021,12 @@ function Input({
       reactNative.View,
       {
         ref: fieldRef,
-        style: [inputFieldMetrics.container, fieldStyles.container, fieldStyle],
+        style: [
+          inputFieldMetrics.containerBase,
+          multiline ? inputFieldMetrics.containerMultiline : inputFieldMetrics.container,
+          fieldStyles.container,
+          fieldStyle
+        ],
         children: [
           leftIcon ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles2.iconSlot, children: renderInputIcon(leftIcon, iconColor) }) : null,
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -29021,9 +29043,11 @@ function Input({
               editable,
               keyboardType,
               multiline,
+              scrollEnabled: multiline ? true : void 0,
               secureTextEntry: effectiveSecureTextEntry,
               textAlign,
               textAlignVertical: resolvedTextAlignVertical,
+              underlineColorAndroid: "transparent",
               onFocus: handleFocus,
               onBlur: handleBlur,
               accessibilityState: { disabled: isDisabled },