@scripso-homepad/ui 0.4.14 → 0.4.15

package/dist/index.d.cts

@@ -48,7 +48,7 @@ interface InputProps extends TextInputProps {
     /** When `secureTextEntry` is set, show a toggleable eye icon. Pass `false` to disable. */
     showPasswordToggle?: boolean;
 }
-declare function Input({ label, leftIcon, rightIcon, error, invalid, hint, containerStyle, style, className, fieldClassName, fieldStyle, labelClassName, labelStyles, inputClassName, errorClassName, hintClassName, editable, secureTextEntry, showPasswordToggle, onFocus, onBlur, ...props }: InputProps): react.JSX.Element;
+declare function Input({ label, leftIcon, rightIcon, error, invalid, hint, containerStyle, style, className, fieldClassName, fieldStyle, labelClassName, labelStyles, inputClassName, errorClassName, hintClassName, editable, secureTextEntry, showPasswordToggle, onFocus, onBlur, multiline, textAlignVertical, ...props }: InputProps): react.JSX.Element;
 
 type SelectOption = {
     value: string;

package/dist/index.d.ts

@@ -48,7 +48,7 @@ interface InputProps extends TextInputProps {
     /** When `secureTextEntry` is set, show a toggleable eye icon. Pass `false` to disable. */
     showPasswordToggle?: boolean;
 }
-declare function Input({ label, leftIcon, rightIcon, error, invalid, hint, containerStyle, style, className, fieldClassName, fieldStyle, labelClassName, labelStyles, inputClassName, errorClassName, hintClassName, editable, secureTextEntry, showPasswordToggle, onFocus, onBlur, ...props }: InputProps): react.JSX.Element;
+declare function Input({ label, leftIcon, rightIcon, error, invalid, hint, containerStyle, style, className, fieldClassName, fieldStyle, labelClassName, labelStyles, inputClassName, errorClassName, hintClassName, editable, secureTextEntry, showPasswordToggle, onFocus, onBlur, multiline, textAlignVertical, ...props }: InputProps): react.JSX.Element;
 
 type SelectOption = {
     value: string;

package/dist/index.js

@@ -1,5 +1,5 @@
-import { spacing, colors, fontWeight, fontSize, fonts, radii, INPUT_ICON_GAP, useApplyWebClassName, resolveInputVisualState, Label, getInputFieldStyles, inputFieldMetrics } from './chunk-ANDWP4YU.js';
-export { Button, Input, Label, brand, buttonTypography, colors, emeraldGreen, fontSize, fontWeight, fonts, labelTypography, navy, radii, rubyRed, shadows, spacing, stormGray, typographyScale } from './chunk-ANDWP4YU.js';
+import { spacing, colors, fontWeight, fontSize, fonts, radii, INPUT_ICON_GAP, useApplyWebClassName, resolveInputVisualState, Label, getInputFieldStyles, inputFieldMetrics } from './chunk-3G3ZKFHX.js';
+export { Button, Input, Label, brand, buttonTypography, colors, emeraldGreen, fontSize, fontWeight, fonts, labelTypography, navy, radii, rubyRed, shadows, spacing, stormGray, typographyScale } from './chunk-3G3ZKFHX.js';
 import { createContext, useRef, useState, useMemo, useEffect, useLayoutEffect, useContext, isValidElement, cloneElement } from 'react';
 import { Platform, StyleSheet, Animated, Easing, View, Pressable, Text, Modal, ScrollView, TextInput, Dimensions } from 'react-native';
 import Svg2, { Path } from 'react-native-svg';

package/dist/web/index.cjs

@@ -28766,22 +28766,28 @@ var inputFieldMetrics = reactNative.StyleSheet.create({
   input: {
     flex: 1,
     minWidth: 0,
+    width: "100%",
     fontFamily: fonts.sans,
     fontSize: fontSize.md,
     fontWeight: fontWeight.medium,
-    lineHeight: INPUT_TEXT_LINE_HEIGHT,
     paddingVertical: 0,
     paddingHorizontal: 0,
     margin: 0,
     borderWidth: 0,
     backgroundColor: colors.transparent,
     ...reactNative.Platform.OS === "android" ? { includeFontPadding: false } : null,
+    ...reactNative.Platform.OS === "ios" ? { lineHeight: INPUT_TEXT_LINE_HEIGHT, paddingVertical: 2 } : null,
     ...reactNative.Platform.OS === "web" ? {
       alignSelf: "center",
-      outlineStyle: "none"
+      outlineStyle: "none",
+      lineHeight: INPUT_TEXT_LINE_HEIGHT
     } : {
       alignSelf: "stretch"
     }
+  },
+  /** Single-line: avoid Android lineHeight jump between placeholder and typed text. */
+  inputSingleLine: {
+    ...reactNative.Platform.OS === "android" ? { textAlignVertical: "center" } : null
   }
 });
 function hasClassList(node) {
@@ -28879,6 +28885,8 @@ function Input({
   showPasswordToggle,
   onFocus,
   onBlur,
+  multiline,
+  textAlignVertical,
   ...props
 }) {
   const wrapperRef = react.useRef(null);
@@ -28895,6 +28903,7 @@ function Input({
   const hasError = Boolean(error) || Boolean(invalid);
   const passwordToggleEnabled = secureTextEntry === true && showPasswordToggle !== false && rightIcon == null;
   const effectiveSecureTextEntry = passwordToggleEnabled ? !passwordVisible : secureTextEntry;
+  const resolvedTextAlignVertical = textAlignVertical ?? (multiline ? "top" : "center");
   const visualState = resolveInputVisualState({
     focused,
     error: hasError,
@@ -28954,12 +28963,16 @@ function Input({
               ref: inputRef,
               style: [
                 inputFieldMetrics.input,
+                !multiline ? inputFieldMetrics.inputSingleLine : null,
                 fieldStyles.text,
                 style
               ],
               placeholderTextColor: fieldStyles.placeholder,
               editable,
+              multiline,
               secureTextEntry: effectiveSecureTextEntry,
+              textAlign: "left",
+              textAlignVertical: resolvedTextAlignVertical,
               onFocus: handleFocus,
               onBlur: handleBlur,
               accessibilityState: { disabled: isDisabled },
@@ -30341,7 +30354,8 @@ function TableActionsCell({ className, children, ...props }) {
         tableCellPaddingClassName,
         tableBodyClassName,
         tableStickyRightShadowClassName,
-        disabled && tableRowDisabledCellClassName,
+        // Keep an opaque sticky background so scrolled cells never bleed through.
+        disabled && "bg-white [&>*]:opacity-70",
         className
       ),
       ...props,
@@ -31085,7 +31099,10 @@ function Modal({
               "footer",
               {
                 className: cn(
-                  footerLayout === "split" ? "grid w-full shrink-0 grid-cols-2 gap-4" : cn("flex shrink-0 gap-4", footerAlignClasses[footerAlign])
+                  footerLayout === "split" ? "grid w-full shrink-0 grid-cols-1 gap-3 min-[400px]:grid-cols-2 min-[400px]:gap-4" : cn(
+                    "flex shrink-0 flex-col-reverse gap-3 sm:flex-row sm:gap-4",
+                    footerAlignClasses[footerAlign]
+                  )
                 ),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx(