@rehagro/ui 1.0.42 → 1.0.44

package/dist/native.d.mts

@@ -159,8 +159,9 @@ declare const IconButton: React__default.ForwardRefExoticComponent<Omit<Pressabl
 } & React__default.RefAttributes<View>>;
 
 type TextInputStatus = "default" | "error";
-type TextInputSize = "sm" | "md" | "lg";
+type TextInputSize = "sm" | "md" | "lg" | "xl";
 type TextInputRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
+type TextInputBorderWidth = "sm" | "md" | "lg";
 type TextInputProps = Omit<TextInputProps$1, "style"> & {
     /** Label text displayed above the input */
     label?: string;
@@ -182,6 +183,21 @@ type TextInputProps = Omit<TextInputProps$1, "style"> & {
     wrapperStyle?: StyleProp<ViewStyle>;
     /** Custom style for the input container */
     style?: StyleProp<ViewStyle>;
+    /**
+     * Custom border color for the input container. When provided,
+     * overrides the resting border color from `status`/`focused`.
+     * Mirrors the web `TextInput#borderColor` prop. Useful for
+     * highlighting cells in tables or custom themed states.
+     */
+    borderColor?: string;
+    /**
+     * Border width token for the input container.
+     *
+     * - `sm`: default 1px border.
+     * - `md`: default 2px border.
+     * - `lg`: default 3px border.
+     */
+    borderWidth?: TextInputBorderWidth;
 };
 declare const TextInput: React__default.ForwardRefExoticComponent<Omit<TextInputProps$1, "style"> & {
     /** Label text displayed above the input */
@@ -204,6 +220,21 @@ declare const TextInput: React__default.ForwardRefExoticComponent<Omit<TextInput
     wrapperStyle?: StyleProp<ViewStyle>;
     /** Custom style for the input container */
     style?: StyleProp<ViewStyle>;
+    /**
+     * Custom border color for the input container. When provided,
+     * overrides the resting border color from `status`/`focused`.
+     * Mirrors the web `TextInput#borderColor` prop. Useful for
+     * highlighting cells in tables or custom themed states.
+     */
+    borderColor?: string;
+    /**
+     * Border width token for the input container.
+     *
+     * - `sm`: default 1px border.
+     * - `md`: default 2px border.
+     * - `lg`: default 3px border.
+     */
+    borderWidth?: TextInputBorderWidth;
 } & React__default.RefAttributes<TextInput$1>>;
 
 type CheckboxSize = "sm" | "md" | "lg";

package/dist/native.d.ts

@@ -159,8 +159,9 @@ declare const IconButton: React__default.ForwardRefExoticComponent<Omit<Pressabl
 } & React__default.RefAttributes<View>>;
 
 type TextInputStatus = "default" | "error";
-type TextInputSize = "sm" | "md" | "lg";
+type TextInputSize = "sm" | "md" | "lg" | "xl";
 type TextInputRadius = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "full";
+type TextInputBorderWidth = "sm" | "md" | "lg";
 type TextInputProps = Omit<TextInputProps$1, "style"> & {
     /** Label text displayed above the input */
     label?: string;
@@ -182,6 +183,21 @@ type TextInputProps = Omit<TextInputProps$1, "style"> & {
     wrapperStyle?: StyleProp<ViewStyle>;
     /** Custom style for the input container */
     style?: StyleProp<ViewStyle>;
+    /**
+     * Custom border color for the input container. When provided,
+     * overrides the resting border color from `status`/`focused`.
+     * Mirrors the web `TextInput#borderColor` prop. Useful for
+     * highlighting cells in tables or custom themed states.
+     */
+    borderColor?: string;
+    /**
+     * Border width token for the input container.
+     *
+     * - `sm`: default 1px border.
+     * - `md`: default 2px border.
+     * - `lg`: default 3px border.
+     */
+    borderWidth?: TextInputBorderWidth;
 };
 declare const TextInput: React__default.ForwardRefExoticComponent<Omit<TextInputProps$1, "style"> & {
     /** Label text displayed above the input */
@@ -204,6 +220,21 @@ declare const TextInput: React__default.ForwardRefExoticComponent<Omit<TextInput
     wrapperStyle?: StyleProp<ViewStyle>;
     /** Custom style for the input container */
     style?: StyleProp<ViewStyle>;
+    /**
+     * Custom border color for the input container. When provided,
+     * overrides the resting border color from `status`/`focused`.
+     * Mirrors the web `TextInput#borderColor` prop. Useful for
+     * highlighting cells in tables or custom themed states.
+     */
+    borderColor?: string;
+    /**
+     * Border width token for the input container.
+     *
+     * - `sm`: default 1px border.
+     * - `md`: default 2px border.
+     * - `lg`: default 3px border.
+     */
+    borderWidth?: TextInputBorderWidth;
 } & React__default.RefAttributes<TextInput$1>>;
 
 type CheckboxSize = "sm" | "md" | "lg";

package/dist/native.js

@@ -326,6 +326,8 @@ var TextInput = react.forwardRef(function TextInput2({
   editable = true,
   wrapperStyle,
   style,
+  borderColor,
+  borderWidth = "sm",
   accessibilityLabel,
   ...rest
 }, ref) {
@@ -335,17 +337,23 @@ var TextInput = react.forwardRef(function TextInput2({
   const heightMap = {
     sm: theme.inputHeightSm ?? 36,
     md: theme.inputHeightMd ?? 44,
-    lg: theme.inputHeightLg ?? 52
+    lg: theme.inputHeightLg ?? 52,
+    // `xl` (44) sits between md/lg — same height as web. Native
+    // theme doesn't expose a token for it, so we fall back to a
+    // hard-coded value matching the CSS `--rh-input-height-xl`.
+    xl: 44
   };
   const paddingMap2 = {
     sm: 12,
     md: 14,
-    lg: 16
+    lg: 16,
+    xl: 14
   };
   const fontSizeMap = {
     sm: 14,
     md: 14,
-    lg: 16
+    lg: 16,
+    xl: 14
   };
   const radiusMap2 = {
     none: 0,
@@ -357,14 +365,19 @@ var TextInput = react.forwardRef(function TextInput2({
     xl: theme.radiusXl ?? 32,
     full: 9999
   };
+  const borderWidthMap = {
+    sm: theme.borderWidthSm ?? 1,
+    md: theme.borderWidthMd ?? 2,
+    lg: theme.borderWidthLg ?? 3
+  };
   const hasError = status === "error" || !!helperText;
-  const borderColor = hasError ? theme.danger : focused ? theme.primary : theme.border;
+  const effectiveBorderColor = hasError ? theme.danger : focused ? theme.primary : borderColor ?? theme.border;
   const containerStyle = {
     height: heightMap[size],
     paddingHorizontal: paddingMap2[size],
     borderRadius: radiusMap2[radius],
-    borderWidth: theme.borderWidthSm,
-    borderColor,
+    borderWidth: borderWidthMap[borderWidth],
+    borderColor: effectiveBorderColor,
     backgroundColor: isDisabled ? theme.background : theme.surface,
     flexDirection: "row",
     alignItems: "center",
@@ -375,7 +388,19 @@ var TextInput = react.forwardRef(function TextInput2({
   return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [{ gap: 4 }, wrapperStyle], children: [
     label && /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: { flexDirection: "row", alignItems: "baseline", gap: 4 }, children: [
       /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: { fontSize: 14, fontWeight: "500", color: theme.text }, children: label }),
-      subtitle && /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: { fontSize: 14, color: theme.textMuted }, children: subtitle })
+      subtitle && /* @__PURE__ */ jsxRuntime.jsx(
+        reactNative.Text,
+        {
+          style: {
+            fontSize: 14,
+            // Required-marker convention (matches web): a lone
+            // `*` is rendered in danger color; any other text
+            // stays muted.
+            color: subtitle.trim() === "*" ? theme.danger : theme.textMuted
+          },
+          children: subtitle
+        }
+      )
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [containerStyle, style], children: [
       leftIcon && /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { accessibilityElementsHidden: true, children: leftIcon }),