@rehagro/ui 1.0.64 → 1.0.66

package/dist/native.mjs

@@ -441,6 +441,118 @@ var TextInput = forwardRef(function TextInput2({
     )
   ] });
 });
+var TextArea = forwardRef(function TextArea2({
+  label,
+  subtitle,
+  status = "default",
+  size = "md",
+  radius = "xs",
+  helperText,
+  rows = 3,
+  editable = true,
+  wrapperStyle,
+  style,
+  borderColor,
+  borderWidth = "sm",
+  accessibilityLabel,
+  ...rest
+}, ref) {
+  const theme = useRehagroTheme();
+  const [focused, setFocused] = useState(false);
+  const isDisabled = editable === false;
+  const paddingMap2 = {
+    sm: 12,
+    md: 14,
+    lg: 16
+  };
+  const fontSizeMap = {
+    sm: 14,
+    md: 14,
+    lg: 16
+  };
+  const radiusMap2 = {
+    none: 0,
+    xxs: theme.radiusXxs ?? 4,
+    xs: theme.radiusXs ?? 8,
+    sm: theme.radiusSm ?? 12,
+    md: theme.radiusMd ?? 16,
+    lg: theme.radiusLg ?? 24,
+    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 effectiveBorderColor = hasError ? theme.danger : focused ? theme.primary : borderColor ?? theme.border;
+  const lineHeight = fontSizeMap[size] * 1.4;
+  const minHeight = lineHeight * Math.max(rows, 1) + paddingMap2[size] * 2;
+  const containerStyle = {
+    minHeight,
+    paddingHorizontal: paddingMap2[size],
+    paddingVertical: paddingMap2[size],
+    borderRadius: radiusMap2[radius],
+    borderWidth: borderWidthMap[borderWidth],
+    borderColor: effectiveBorderColor,
+    backgroundColor: isDisabled ? theme.background : theme.surface,
+    opacity: isDisabled ? 0.5 : 1
+  };
+  const inputId = accessibilityLabel ?? label;
+  return /* @__PURE__ */ jsxs(View, { style: [{ gap: 4 }, wrapperStyle], children: [
+    label && /* @__PURE__ */ jsxs(View, { style: { flexDirection: "row", alignItems: "baseline", gap: 4 }, children: [
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 14, fontWeight: "500", color: theme.text }, children: label }),
+      subtitle && /* @__PURE__ */ jsx(
+        Text,
+        {
+          style: {
+            fontSize: 14,
+            color: subtitle.trim() === "*" ? theme.danger : theme.textMuted
+          },
+          children: subtitle
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(View, { style: [containerStyle, style], children: /* @__PURE__ */ jsx(
+      TextInput$1,
+      {
+        ref,
+        editable,
+        multiline: true,
+        textAlignVertical: "top",
+        accessibilityLabel: inputId,
+        accessibilityState: { disabled: isDisabled },
+        "aria-invalid": status === "error",
+        onFocus: (e) => {
+          setFocused(true);
+          rest.onFocus?.(e);
+        },
+        onBlur: (e) => {
+          setFocused(false);
+          rest.onBlur?.(e);
+        },
+        style: {
+          flex: 1,
+          fontSize: fontSizeMap[size],
+          color: theme.text
+        },
+        placeholderTextColor: theme.textMuted,
+        ...rest
+      }
+    ) }),
+    helperText && /* @__PURE__ */ jsx(
+      Text,
+      {
+        style: {
+          fontSize: 12,
+          color: hasError ? theme.danger : theme.textMuted
+        },
+        children: helperText
+      }
+    )
+  ] });
+});
 var CheckIcon = ({ size, color }) => /* @__PURE__ */ jsx(
   View,
   {
@@ -689,7 +801,7 @@ var ActivityIndicator3 = forwardRef(
     );
   }
 );
-var Text5 = forwardRef(function Text6({ size = "sm", color = "default", bold = false, style, children, ...rest }, ref) {
+var Text6 = forwardRef(function Text7({ size = "sm", color = "default", bold = false, style, children, ...rest }, ref) {
   const theme = useRehagroTheme();
   const colorMap = {
     default: theme.text ?? "#111827",
@@ -1641,6 +1753,6 @@ var ProgressBar = forwardRef(function ProgressBar2({
   );
 });
 
-export { ActivityIndicator3 as ActivityIndicator, Avatar, Button, Card2 as Card, CardContent, CardFooter, CardHeader, Checkbox, IconButton, ProgressBar, Radio, RadioGroup, RadioOption, RehagroNativeProvider, Select, Tag, Text5 as Text, TextInput, useRehagroTheme };
+export { ActivityIndicator3 as ActivityIndicator, Avatar, Button, Card2 as Card, CardContent, CardFooter, CardHeader, Checkbox, IconButton, ProgressBar, Radio, RadioGroup, RadioOption, RehagroNativeProvider, Select, Tag, Text6 as Text, TextArea, TextInput, useRehagroTheme };
 //# sourceMappingURL=native.mjs.map
 //# sourceMappingURL=native.mjs.map