@hoddy-ui/next 2.0.44 → 2.0.46

package/dist/index.js

@@ -401,8 +401,8 @@ function themeReducer(state, { type, payload }) {
 var ConfigureSystemUI = () => {
   const theme = useTheme();
   const colors2 = useColors();
-  const config2 = getConfig();
   (0, import_react3.useEffect)(() => {
+    const config2 = getConfig();
     if (colors2) {
       SystemUI.setBackgroundColorAsync(colors2.white[1]);
       if (import_react_native3.Platform.OS === "android" && !config2.EDGE_TO_EDGE) {
@@ -1603,13 +1603,14 @@ var TextField2 = import_react16.default.forwardRef(
     placeholder,
     end,
     options,
+    multiline,
     ...props
   }, ref) => {
     const colors2 = useColors();
     const [focused, _setFocused] = (0, import_react16.useState)(false);
     const [showPassword, setShowPassword] = (0, import_react16.useState)(false);
     const height = (0, import_react_native_size_matters14.moderateScale)(
-      props.multiline ? 50 + (props.numberOfLines || 1) * 18 : 50
+      multiline ? 50 + (props.numberOfLines || 1) * 18 : 50
     );
     const setFocused = (value2) => {
       _setFocused(value2);
@@ -1627,7 +1628,8 @@ var TextField2 = import_react16.default.forwardRef(
         borderWidth: error ? 1 : focused ? 2 : 1,
         width: "100%",
         borderRadius: rounded ? 30 : 10,
-        alignItems: "center",
+        alignItems: multiline ? "flex-start" : "center",
+        paddingVertical: multiline ? 10 : 0,
         ...inputStyles
       },
       input: {
@@ -1647,7 +1649,7 @@ var TextField2 = import_react16.default.forwardRef(
       },
       placeholder: {
         fontSize: "14@ms",
-        color: colors2.textSecondary.main,
+        color: colors2.textSecondary.light,
         paddingLeft: (0, import_react_native_size_matters14.moderateScale)(10)
       },
       label: {},
@@ -1694,7 +1696,7 @@ var TextField2 = import_react16.default.forwardRef(
         onPress: () => setFocused(true),
         style: styles2.container
       },
-      start,
+      /* @__PURE__ */ import_react16.default.createElement(import_react_native16.View, { style: { marginTop: multiline ? 5 : 0 } }, start),
       options ? /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, value ? /* @__PURE__ */ import_react16.default.createElement(Typography_default, { style: styles2.inputText }, options.find((cur) => cur.value === value)?.label) : /* @__PURE__ */ import_react16.default.createElement(Typography_default, { style: styles2.placeholder }, placeholder), /* @__PURE__ */ import_react16.default.createElement(
         import_vector_icons8.Ionicons,
         {
@@ -1719,11 +1721,13 @@ var TextField2 = import_react16.default.forwardRef(
           onChangeText,
           key: showPassword ? "show" : "hide",
           keyboardType,
-          placeholderTextColor: colors2.textSecondary.main,
+          placeholderTextColor: colors2.textSecondary.light,
           editable: !disabled,
           placeholder,
           selectTextOnFocus: !disabled,
           onSubmitEditing,
+          multiline,
+          textAlignVertical: multiline ? "top" : "center",
           ...formProps,
           ...props,
           style: styles2.input