@hoddy-ui/core 1.0.100 → 1.1.1

package/next/dist/index.js

@@ -55,7 +55,9 @@ __export(next_exports, {
   UIThemeContext: () => UIThemeContext,
   UIThemeProvider: () => UIThemeProvider,
   default: () => next_default,
+  getLocationFromPlaceId: () => getLocationFromPlaceId,
   getPredictionsFromCoords: () => getPredictionsFromCoords,
+  getPredictionsFromQuery: () => getPredictionsFromQuery,
   showFlashMessage: () => showFlashMessage,
   useColors: () => useColors,
   useNavScreenOptions: () => useNavScreenOptions,
@@ -69,61 +71,65 @@ var setExtraColors = (c) => extraColors = c;
 function colors(theme) {
   const lightColors = {
     white: {
-      1: "#fff",
+      1: "#ffffff",
       2: "#f7f7f7",
-      3: "#eee",
-      4: "#ddd",
-      5: "#bbb"
+      3: "#eeeeee",
+      4: "#dddddd",
+      5: "#bbbbbb",
+      ...extraColors?.light?.white
     },
     black: {
-      1: "#888",
-      2: "#777",
-      3: "#555",
-      4: "#333",
-      5: "#000"
+      1: "#888888",
+      2: "#777777",
+      3: "#555555",
+      4: "#333333",
+      5: "#000000",
+      ...extraColors?.light?.black
     }
   };
   const darkColors = {
     black: {
-      1: "#fff",
+      1: "#ffffff",
       2: "#f7f7f7",
-      3: "#eee",
-      4: "#ddd",
-      5: "#aaa"
+      3: "#eeeeee",
+      4: "#dddddd",
+      5: "#aaaaaa",
+      ...extraColors?.dark?.black
     },
     white: {
-      1: "#000",
-      2: "#222",
-      3: "#333",
-      4: "#444",
-      5: "#555"
+      1: "#060606",
+      2: "#222222",
+      3: "#333333",
+      4: "#444444",
+      5: "#555555",
+      ...extraColors?.dark?.white
     },
     dark: {
       main: "#f2f3f4",
-      light: "#fff",
-      dark: "#ddd",
-      text: "#000",
+      light: "#ffffff",
+      dark: "#dddddd",
+      text: "#000000",
       ...extraColors?.dark?.dark
     },
     light: {
-      main: "#111",
-      light: "#555",
-      dark: "#333",
-      text: "#fff",
+      main: "#111111",
+      light: "#555555",
+      dark: "#333333",
+      text: "#ffffff",
       ...extraColors?.dark?.light
     },
     textSecondary: {
-      main: "#666",
-      light: "#777",
-      dark: "#444",
-      text: "#fff",
+      main: "#666666",
+      light: "#777777",
+      dark: "#444444",
+      text: "#ffffff",
       ...extraColors?.dark?.textSecondary
     },
     primary: {
-      main: "#f80",
-      light: "#FEFFD3",
-      dark: "#fa0",
-      text: "#fff",
+      main: "#ff8800",
+      light: "#feffd3",
+      dark: "#ffaa00",
+      text: "#ffffff",
       ...extraColors?.light?.primary,
       ...extraColors?.dark?.primary
     }
@@ -132,73 +138,73 @@ function colors(theme) {
   return {
     ...extraColors[theme],
     primary: {
-      main: "#f80",
-      light: "#FEFFD3",
-      dark: "#fa0",
-      text: "#fff",
+      main: "#ff8800",
+      light: "#feffd3",
+      dark: "#ffaa00",
+      text: "#ffffff",
       ...extraColors?.light?.primary
     },
     secondary: {
-      main: "#f11",
-      light: "#f43",
-      dark: "#d00",
-      text: "#fff",
+      main: "#ff1111",
+      light: "#ff4433",
+      dark: "#dd0000",
+      text: "#ffffff",
       ...extraColors?.light?.secondary
     },
     light: {
-      main: "#fff",
-      light: "#fff",
-      dark: "#ddd",
-      text: "#000",
+      main: "#ffffff",
+      light: "#ffffff",
+      dark: "#dddddd",
+      text: "#000000",
       ...extraColors?.light?.light
     },
     dark: {
-      main: "#000",
-      light: "#777",
-      dark: "#111",
-      text: "#fff",
+      main: "#000000",
+      light: "#777777",
+      dark: "#111111",
+      text: "#ffffff",
       ...extraColors?.light?.dark
     },
     textSecondary: {
-      main: "#aaa",
-      light: "#bbb",
-      dark: "#777",
-      text: "#123",
+      main: "#aaaaaa",
+      light: "#bbbbbb",
+      dark: "#777777",
+      text: "#112233",
       ...extraColors?.light?.textSecondary
     },
     blue: {
-      main: "#09F",
-      light: "#39f",
-      dark: "#028",
-      text: "#fff",
+      main: "#0099ff",
+      light: "#3399ff",
+      dark: "#002288",
+      text: "#ffffff",
       ...extraColors?.light?.blue
     },
     info: {
-      main: "#09f",
-      light: "#3af",
-      dark: "#08a",
-      text: "#fff",
+      main: "#0099ff",
+      light: "#33aaff",
+      dark: "#0088aa",
+      text: "#ffffff",
       ...extraColors?.light?.info
     },
     success: {
-      main: "#0a4",
-      text: "#fff",
-      light: "#5c3",
-      dark: "#062",
+      main: "#00aa44",
+      text: "#ffffff",
+      light: "#55cc33",
+      dark: "#006622",
       ...extraColors?.light?.success
     },
     warning: {
-      main: "#fa2",
-      light: "#fc7",
-      dark: "#f90",
-      text: "#fff",
+      main: "#ffaa22",
+      light: "#ffcc77",
+      dark: "#ff9900",
+      text: "#ffffff",
       ...extraColors?.light?.warning
     },
     error: {
-      main: "#D22",
-      text: "#fff",
-      light: "#f43",
-      dark: "#a20",
+      main: "#dd2222",
+      text: "#ffffff",
+      light: "#ff4433",
+      dark: "#aa2200",
       ...extraColors?.light?.error
     },
     ...dynamicColors
@@ -207,7 +213,8 @@ function colors(theme) {
 
 // ../src/config/KeyManager.ts
 var config = {
-  GOOGLE_MAP_API_KEY: ""
+  GOOGLE_MAP_API_KEY: "",
+  EDGE_TO_EDGE: false
 };
 function setConfig(key) {
   config = key;
@@ -221,7 +228,8 @@ function initialize(config2) {
   try {
     setConfig({
       GOOGLE_MAP_API_KEY: config2.googleMapApiKey,
-      DEFAULT_FONT_FAMILY: config2.fontFamily
+      DEFAULT_FONT_FAMILY: config2.fontFamily,
+      EDGE_TO_EDGE: config2.edgeToEdge ?? false
     });
     if (config2.colors)
       setExtraColors(config2.colors);
@@ -246,6 +254,7 @@ var NavigationBar = __toESM(require("expo-navigation-bar"));
 var SystemUI = __toESM(require("expo-system-ui"));
 var import_react3 = __toESM(require("react"));
 var import_react_native3 = require("react-native");
+var import_react_native_safe_area_context2 = require("react-native-safe-area-context");
 
 // ../src/Components/FlashMessage.tsx
 var import_react2 = __toESM(require("react"));
@@ -266,7 +275,6 @@ var Typography = (0, import_react.forwardRef)(
     variant = "body1",
     align = "left",
     gutterBottom = 0,
-    numberOfLines,
     adjustsFontSizeToFit,
     fontWeight = 400,
     fontFamily,
@@ -293,8 +301,8 @@ var Typography = (0, import_react.forwardRef)(
         textTransform: textCase,
         alignItems: "center",
         textAlign: align,
-        fontWeight: fontWeight.toString(),
-        fontFamily: fontFamily || getConfig().DEFAULT_FONT_FAMILY || "System"
+        fontWeight,
+        fontFamily: fontFamily || getConfig().DEFAULT_FONT_FAMILY || void 0
         // Use custom font if provided, else default
       }
     });
@@ -302,7 +310,6 @@ var Typography = (0, import_react.forwardRef)(
       import_react_native.Text,
       {
         ref,
-        numberOfLines,
         adjustsFontSizeToFit,
         style: [styles2.text, style],
         ...props
@@ -375,24 +382,10 @@ var FlashMessage = () => {
 var FlashMessage_default = FlashMessage;
 
 // ../src/theme/index.tsx
-var import_react_native_safe_area_context2 = require("react-native-safe-area-context");
 var UIThemeContext = (0, import_react3.createContext)({
   themeState: { mode: "default", value: "light" }
 });
 function themeReducer(state, { type, payload }) {
-  if (payload === "dark" || type === "dark") {
-    SystemUI.setBackgroundColorAsync("#000000");
-    if (import_react_native3.Platform.OS === "android") {
-      NavigationBar.setButtonStyleAsync("light");
-      NavigationBar.setBackgroundColorAsync("#000000");
-    }
-  } else {
-    SystemUI.setBackgroundColorAsync("#ffffff");
-    if (import_react_native3.Platform.OS === "android") {
-      NavigationBar.setButtonStyleAsync("dark");
-      NavigationBar.setBackgroundColorAsync("#fff");
-    }
-  }
   switch (type) {
     case "dark":
       return { mode: "dark", value: "dark" };
@@ -404,6 +397,25 @@ function themeReducer(state, { type, payload }) {
       return state;
   }
 }
+var ConfigureSystemUI = () => {
+  const theme = useTheme();
+  const colors2 = useColors();
+  (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) {
+        NavigationBar.setBackgroundColorAsync(colors2.white[1]);
+        if (theme === "dark") {
+          NavigationBar.setButtonStyleAsync("light");
+        } else {
+          NavigationBar.setButtonStyleAsync("dark");
+        }
+      }
+    }
+  }, [colors2, theme]);
+  return /* @__PURE__ */ import_react3.default.createElement(import_react3.default.Fragment, null);
+};
 var UIThemeProvider = ({ children }) => {
   const [themeState, themeDispatch] = (0, import_react3.useReducer)(themeReducer, {
     mode: "default",
@@ -439,7 +451,8 @@ var UIThemeProvider = ({ children }) => {
       }
     },
     children,
-    /* @__PURE__ */ import_react3.default.createElement(FlashMessage_default, null)
+    /* @__PURE__ */ import_react3.default.createElement(FlashMessage_default, null),
+    /* @__PURE__ */ import_react3.default.createElement(ConfigureSystemUI, null)
   ));
 };
 
@@ -454,6 +467,7 @@ var useTheme = () => {
 };
 var useNavScreenOptions = (type) => {
   const colors2 = useColors();
+  const theme = useTheme();
   const options = {
     stack: {
       headerShown: false,
@@ -473,7 +487,7 @@ var useNavScreenOptions = (type) => {
       headerShown: false,
       headerTintColor: colors2.dark.main,
       tabBarStyle: {
-        borderTopColor: colors2.white[3],
+        borderTopColor: theme === "dark" ? colors2.light.main : colors2.white[2],
         borderTopWidth: 1,
         // shadowColor: "#000",
         // shadowOffset: { height: -3, width: 0 },
@@ -517,25 +531,22 @@ var AdaptiveStatusBar = ({ translucent = false }) => {
   const [focused, setFocused] = (0, import_react5.useState)(false);
   const colors2 = useColors();
   const theme = useTheme();
+  const statusbarHandler = () => {
+    import_react_native5.StatusBar.setBarStyle(theme === "dark" ? "light-content" : "dark-content");
+    if (import_react_native5.Platform.OS === "android") {
+      import_react_native5.StatusBar.setBackgroundColor(
+        translucent ? "transparent" : colors2.white[1]
+      );
+      import_react_native5.StatusBar.setTranslucent(true);
+    }
+  };
   (0, import_expo_router.useFocusEffect)(
     import_react5.default.useCallback(() => {
-      import_react_native5.StatusBar.setBarStyle(
-        theme === "dark" ? "light-content" : "dark-content"
-      );
-      if (import_react_native5.Platform.OS === "android") {
-        import_react_native5.StatusBar.setBackgroundColor(
-          colors2.white[1] + (translucent ? "0" : "")
-        );
-        import_react_native5.StatusBar.setTranslucent(true);
-      }
+      statusbarHandler();
     }, [theme])
   );
   import_react5.default.useEffect(() => {
-    import_react_native5.StatusBar.setBarStyle(theme === "dark" ? "light-content" : "dark-content");
-    if (import_react_native5.Platform.OS === "android") {
-      import_react_native5.StatusBar.setBackgroundColor(colors2.white[1] + (translucent ? "0" : ""));
-      import_react_native5.StatusBar.setTranslucent(true);
-    }
+    statusbarHandler();
   }, [theme]);
   return /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null);
 };
@@ -726,7 +737,7 @@ var Button = (0, import_react8.forwardRef)(
         alignItems: "center",
         alignSelf: "flex-start",
         justifyContent: "center",
-        backgroundColor: variant === "text" || variant === "outlined" ? null : translucent ? translucent === "dark" ? colors2.white[3] + "2" : colors2.black[3] + "2" : loading ? colors2[color].light : disabled ? colors2.white[4] : colors2[color].main,
+        backgroundColor: variant === "text" || variant === "outlined" ? null : translucent ? translucent === "dark" ? colors2.white[3] + "22" : colors2.black[3] + "22" : loading ? colors2[color].light : disabled ? colors2.white[4] : colors2[color].main,
         borderRadius: rounded ? 30 : 10,
         elevation: variant === "text" ? 0 : elevation,
         paddingVertical: size === "small" ? 8 : size === "large" ? "15@ms" : "13@ms",
@@ -877,8 +888,10 @@ var Popup = ({
   children,
   open,
   onClose = () => {
-  }
+  },
+  style
 }) => {
+  const theme = useTheme();
   const colors2 = useColors();
   const [show, setShow] = (0, import_react11.useState)(open);
   const [showSecondary, setShowSecondary] = (0, import_react11.useState)(false);
@@ -898,23 +911,27 @@ var Popup = ({
     },
     container: {
       paddingBottom: sheet ? "30@ms" : 0,
-      backgroundColor: colors2.white[2],
+      backgroundColor: theme === "dark" ? "#111" : colors2.white[2],
       borderTopLeftRadius: 20,
       borderTopRightRadius: 20,
       borderBottomRightRadius: sheet ? 0 : 20,
       borderBottomLeftRadius: sheet ? 0 : 20,
-      width: "100%"
+      width: "100%",
+      ...style
     },
     content: {
-      paddingHorizontal: bare ? void 0 : "10@ms"
+      paddingHorizontal: bare ? void 0 : "15@ms"
       // flex: 1,
     },
     title: {
       flexDirection: "row",
       alignItems: "center",
-      paddingVertical: "5@ms",
-      paddingHorizontal: "10@ms",
-      marginBottom: "10@ms"
+      justifyContent: "center",
+      height: "50@ms"
+    },
+    titleIcon: {
+      position: "absolute",
+      left: "15@ms"
     },
     backdrop: {
       position: "absolute",
@@ -973,14 +990,14 @@ var Popup = ({
           keyboardVerticalOffset,
           behavior: import_react_native11.Platform.OS === "ios" ? "position" : "padding"
         },
-        /* @__PURE__ */ import_react11.default.createElement(import_react_native11.View, { style: styles2.container }, !bare && /* @__PURE__ */ import_react11.default.createElement(import_react_native11.View, { style: styles2.title }, /* @__PURE__ */ import_react11.default.createElement(
+        /* @__PURE__ */ import_react11.default.createElement(import_react_native11.View, { style: styles2.container }, !bare && /* @__PURE__ */ import_react11.default.createElement(import_react_native11.View, { style: styles2.title }, /* @__PURE__ */ import_react11.default.createElement(import_react_native11.View, { style: styles2.titleIcon }, /* @__PURE__ */ import_react11.default.createElement(
           IconButton,
           {
             size: 20,
             icon: "close",
             onPress: closeAction
           }
-        ), /* @__PURE__ */ import_react11.default.createElement(import_react_native11.View, { style: { flex: 1 } }, /* @__PURE__ */ import_react11.default.createElement(Typography_default, { color: "textSecondary", align: "center" }, title))), /* @__PURE__ */ import_react11.default.createElement(import_react_native11.View, { style: styles2.content }, children))
+        )), /* @__PURE__ */ import_react11.default.createElement(Typography_default, { align: "center", fontWeight: 500 }, title)), /* @__PURE__ */ import_react11.default.createElement(import_react_native11.View, { style: styles2.content }, children))
       )))
     ))
   ));
@@ -1182,7 +1199,7 @@ var ListItem = ({
       flexDirection: "row",
       alignItems: "center",
       paddingHorizontal: "10@s",
-      borderBottomColor: colors2.white[4],
+      borderBottomColor: colors2.white[2],
       borderBottomWidth: divider ? 1 : 0,
       paddingVertical: "10@vs"
     }
@@ -1261,7 +1278,7 @@ var SelectMenu = ({
       {
         style: {
           ...styles2.option,
-          backgroundColor: item.value === value ? colors2.blue.light + "2" : colors2.white[2]
+          backgroundColor: item.value === value ? colors2.blue.light + "22" : colors2.white[2]
         },
         onPress: () => {
           onChange(item.value);
@@ -1560,201 +1577,203 @@ var TextField = ({
     }
   ));
 };
-var TextField2 = ({
-  label,
-  keyboardType,
-  color = "primary",
-  value,
-  type,
-  helperText,
-  onChangeText,
-  onSubmitEditing = () => {
-  },
-  onFocus = () => {
-  },
-  onBlur = () => {
-  },
-  error,
-  start,
-  rounded,
-  disabled = false,
-  style = {},
-  inputStyles = {},
-  gutterBottom = 8,
-  placeholder,
-  end,
-  options,
-  ...props
-}) => {
-  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
-  );
-  const setFocused = (value2) => {
-    _setFocused(value2);
-  };
-  const styles2 = import_react_native_size_matters14.ScaledSheet.create({
-    root: {
-      marginBottom: gutterBottom + "@vs",
-      ...style
-    },
-    container: {
-      height,
-      overflow: "hidden",
-      flexDirection: "row",
-      borderColor: error ? colors2.error.main : focused ? colors2[color].main : colors2.white[5],
-      borderWidth: error ? 1 : focused ? 2 : 1,
-      width: "100%",
-      borderRadius: rounded ? 30 : 10,
-      alignItems: "center",
-      ...inputStyles
-    },
-    input: {
-      fontSize: "14@s",
-      flex: 1,
-      alignSelf: "stretch",
-      paddingLeft: (0, import_react_native_size_matters14.moderateScale)(10),
-      paddingRight: (0, import_react_native_size_matters14.moderateScale)(10),
-      color: colors2.dark.main,
-      zIndex: 10
-      // backgroundColor: "#284",
-    },
-    inputText: {
-      fontSize: "14@ms",
-      color: colors2.dark.main,
-      paddingLeft: (0, import_react_native_size_matters14.moderateScale)(10)
-    },
-    placeholder: {
-      fontSize: "14@ms",
-      color: colors2.textSecondary.main,
-      paddingLeft: (0, import_react_native_size_matters14.moderateScale)(10)
-    },
-    label: {},
-    helperText: {
-      paddingHorizontal: "15@s",
-      color: focused ? colors2[color].dark : "#fffa",
-      paddingTop: "4@ms"
+var TextField2 = import_react16.default.forwardRef(
+  ({
+    label,
+    keyboardType,
+    color = "primary",
+    value,
+    type,
+    helperText,
+    onChangeText,
+    onSubmitEditing = () => {
     },
-    error: {
-      paddingLeft: 10,
-      paddingRight: 10,
-      paddingTop: 5,
-      flexDirection: "row",
-      alignItems: "center"
+    onFocus = () => {
     },
-    errorText: {
-      fontSize: 12,
-      marginLeft: 10
-    }
-  });
-  const formProps = type === "email" ? {
-    textContentType: "emailAddress",
-    keyboardType: "email-address",
-    autoCapitalize: "none",
-    autoCompleteType: "email"
-  } : type === "number" ? {
-    keyboardType: "numeric"
-  } : type === "tel" ? {
-    textContentType: "telephoneNumber",
-    keyboardType: "phone-pad"
-  } : type === "search" ? {
-    keyboardType: "web-search",
-    returnKeyType: "search",
-    autoCapitalize: "none"
-  } : type === "password" ? {
-    secureTextEntry: !showPassword,
-    autoCompleteType: "password",
-    autoCapitalize: "none",
-    textContentType: "password"
-  } : {};
-  return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(import_react_native16.View, { style: styles2.root }, label && /* @__PURE__ */ import_react16.default.createElement(Typography_default, { variant: "body1", color: "textSecondary", gutterBottom: 7 }, label), /* @__PURE__ */ import_react16.default.createElement(
-    import_react_native16.TouchableOpacity,
-    {
-      onPress: () => setFocused(true),
-      style: styles2.container
+    onBlur = () => {
     },
+    error,
     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,
-      {
-        name: "chevron-down",
-        size: 24,
-        style: { marginLeft: "auto", marginRight: 15 },
-        color: colors2.dark.light
-      }
-    )) : /* @__PURE__ */ import_react16.default.createElement(
-      import_react_native16.TextInput,
-      {
-        onFocus: () => {
-          onFocus();
-          setFocused(true);
-        },
-        onBlur: () => {
-          onBlur();
-          setFocused(false);
-        },
-        value,
-        onChangeText,
-        key: showPassword ? "show" : "hide",
-        keyboardType,
-        placeholderTextColor: colors2.textSecondary.main,
-        editable: !disabled,
-        placeholder,
-        selectTextOnFocus: !disabled,
-        onSubmitEditing,
-        ...formProps,
-        ...props,
-        style: styles2.input
+    rounded,
+    disabled = false,
+    style = {},
+    inputStyles = {},
+    gutterBottom = 8,
+    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)(
+      multiline ? 50 + (props.numberOfLines || 1) * 18 : 50
+    );
+    const setFocused = (value2) => {
+      _setFocused(value2);
+    };
+    const styles2 = import_react_native_size_matters14.ScaledSheet.create({
+      root: {
+        marginBottom: gutterBottom + "@vs",
+        ...style
+      },
+      container: {
+        height,
+        overflow: "hidden",
+        flexDirection: "row",
+        borderColor: error ? colors2.error.main : focused ? colors2[color].main : colors2.white[4],
+        borderWidth: error ? 1 : focused ? 2 : 1,
+        width: "100%",
+        borderRadius: rounded ? 30 : 10,
+        alignItems: multiline ? "flex-start" : "center",
+        paddingVertical: multiline ? 10 : 0,
+        ...inputStyles
+      },
+      input: {
+        fontSize: "14@s",
+        flex: 1,
+        alignSelf: "stretch",
+        paddingLeft: (0, import_react_native_size_matters14.moderateScale)(10),
+        paddingRight: (0, import_react_native_size_matters14.moderateScale)(10),
+        color: colors2.dark.main,
+        zIndex: 10
+        // backgroundColor: "#284",
+      },
+      inputText: {
+        fontSize: "14@ms",
+        color: colors2.dark.main,
+        paddingLeft: (0, import_react_native_size_matters14.moderateScale)(10)
+      },
+      placeholder: {
+        fontSize: "14@ms",
+        color: colors2.textSecondary.light,
+        paddingLeft: (0, import_react_native_size_matters14.moderateScale)(10)
+      },
+      label: {},
+      helperText: {
+        paddingHorizontal: "15@s",
+        color: focused ? colors2[color].dark : "#fffa",
+        paddingTop: "4@ms"
+      },
+      error: {
+        paddingLeft: 10,
+        paddingRight: 10,
+        paddingTop: 5,
+        flexDirection: "row",
+        alignItems: "center"
+      },
+      errorText: {
+        fontSize: 12,
+        marginLeft: 10
       }
-    ),
-    end ? /* @__PURE__ */ import_react16.default.createElement(import_react_native16.View, { style: { marginRight: 20 } }, end) : type === "password" && /* @__PURE__ */ import_react16.default.createElement(
+    });
+    const formProps = type === "email" ? {
+      textContentType: "emailAddress",
+      keyboardType: "email-address",
+      autoCapitalize: "none",
+      autoCompleteType: "email"
+    } : type === "number" ? {
+      keyboardType: "numeric"
+    } : type === "tel" ? {
+      textContentType: "telephoneNumber",
+      keyboardType: "phone-pad"
+    } : type === "search" ? {
+      keyboardType: "web-search",
+      returnKeyType: "search",
+      autoCapitalize: "none"
+    } : type === "password" ? {
+      secureTextEntry: !showPassword,
+      autoCompleteType: "password",
+      autoCapitalize: "none",
+      textContentType: "password"
+    } : {};
+    return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(import_react_native16.View, { style: styles2.root }, label && /* @__PURE__ */ import_react16.default.createElement(Typography_default, { variant: "body1", color: "textSecondary", gutterBottom: 7 }, label), /* @__PURE__ */ import_react16.default.createElement(
       import_react_native16.TouchableOpacity,
       {
-        style: { marginRight: 20 },
-        onPress: () => setShowPassword(!showPassword)
+        onPress: () => setFocused(true),
+        style: styles2.container
       },
-      /* @__PURE__ */ import_react16.default.createElement(
+      /* @__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,
         {
-          name: showPassword ? "eye-outline" : "eye-off-outline",
+          name: "chevron-down",
           size: 24,
-          color: colors2.textSecondary.main
+          style: { marginLeft: "auto", marginRight: 15 },
+          color: colors2.dark.light
+        }
+      )) : /* @__PURE__ */ import_react16.default.createElement(
+        import_react_native16.TextInput,
+        {
+          ref,
+          onFocus: () => {
+            onFocus();
+            setFocused(true);
+          },
+          onBlur: () => {
+            onBlur();
+            setFocused(false);
+          },
+          value,
+          onChangeText,
+          key: showPassword ? "show" : "hide",
+          keyboardType,
+          placeholderTextColor: colors2.textSecondary.light,
+          editable: !disabled,
+          placeholder,
+          selectTextOnFocus: !disabled,
+          onSubmitEditing,
+          multiline,
+          textAlignVertical: multiline ? "top" : "center",
+          ...formProps,
+          ...props,
+          style: styles2.input
         }
+      ),
+      end ? /* @__PURE__ */ import_react16.default.createElement(import_react_native16.View, { style: { marginRight: 20 } }, end) : type === "password" && /* @__PURE__ */ import_react16.default.createElement(
+        import_react_native16.TouchableOpacity,
+        {
+          style: { marginRight: 20 },
+          onPress: () => setShowPassword(!showPassword)
+        },
+        /* @__PURE__ */ import_react16.default.createElement(
+          import_vector_icons8.Ionicons,
+          {
+            name: showPassword ? "eye-outline" : "eye-off-outline",
+            size: 24,
+            color: colors2.textSecondary.main
+          }
+        )
       )
-    )
-  ), helperText && /* @__PURE__ */ import_react16.default.createElement(
-    Typography_default,
-    {
-      color: "textSecondary",
-      style: styles2.helperText,
-      variant: "caption"
-    },
-    helperText
-  ), error && /* @__PURE__ */ import_react16.default.createElement(import_react_native16.View, { style: styles2.error }, /* @__PURE__ */ import_react16.default.createElement(import_vector_icons8.MaterialIcons, { name: "error", color: colors2.error.main, size: 16 }), /* @__PURE__ */ import_react16.default.createElement(Typography_default, { style: styles2.errorText, color: "error" }, error))), options && /* @__PURE__ */ import_react16.default.createElement(
-    SelectMenu_default,
-    {
-      options,
-      value,
-      open: focused,
-      onClose: () => setFocused(false),
-      label,
-      helperText,
-      onChange: onChangeText
-    }
-  ));
-};
+    ), helperText && /* @__PURE__ */ import_react16.default.createElement(
+      Typography_default,
+      {
+        color: "textSecondary",
+        style: styles2.helperText,
+        variant: "caption"
+      },
+      helperText
+    ), error && /* @__PURE__ */ import_react16.default.createElement(import_react_native16.View, { style: styles2.error }, /* @__PURE__ */ import_react16.default.createElement(import_vector_icons8.MaterialIcons, { name: "error", color: colors2.error.main, size: 16 }), /* @__PURE__ */ import_react16.default.createElement(Typography_default, { style: styles2.errorText, color: "error" }, error))), options && /* @__PURE__ */ import_react16.default.createElement(
+      SelectMenu_default,
+      {
+        options,
+        value,
+        open: focused,
+        onClose: () => setFocused(false),
+        label,
+        helperText,
+        onChange: onChangeText
+      }
+    ));
+  }
+);
 var TextField_default = TextField;
 
 // ../src/Components/Locator.tsx
 var Location = __toESM(require("expo-location"));
 var import_react_native_size_matters15 = require("react-native-size-matters");
-setTimeout(() => {
-  const { GOOGLE_MAP_API_KEY } = getConfig();
-  if (GOOGLE_MAP_API_KEY)
-    Location.setGoogleApiKey(GOOGLE_MAP_API_KEY);
-}, 500);
 var getPredictionsFromCoords = async (coords) => {
   const { GOOGLE_MAP_API_KEY } = getConfig();
   if (!GOOGLE_MAP_API_KEY)
@@ -1777,6 +1796,27 @@ var getPredictionsFromCoords = async (coords) => {
   }
   return p;
 };
+var getPredictionsFromQuery = async (query, country) => {
+  const { GOOGLE_MAP_API_KEY } = getConfig();
+  const endpoint = `https://maps.googleapis.com/maps/api/place/autocomplete/json?input=${query}&components=country:${country}&radius=20000&key=${GOOGLE_MAP_API_KEY}`;
+  const res = await (await fetch(endpoint)).json();
+  const p = [];
+  for (let key in res.predictions) {
+    const { description, place_id } = res.predictions[key];
+    p.push({
+      description,
+      id: place_id
+    });
+  }
+  return p;
+};
+var getLocationFromPlaceId = async (place_id) => {
+  const { GOOGLE_MAP_API_KEY } = getConfig();
+  const res = await (await fetch(
+    `https://maps.googleapis.com/maps/api/place/details/json?place_id=${place_id}&fields=formatted_address%2Cgeometry&key=${GOOGLE_MAP_API_KEY}`
+  )).json();
+  return res.result;
+};
 var Locator = ({
   variant = "contained",
   onLocationSelected,
@@ -1816,17 +1856,8 @@ var Locator = ({
     }
   });
   const search = async (query) => {
-    const endpoint = `https://maps.googleapis.com/maps/api/place/autocomplete/json?input=${query}&components=country:${country}&radius=20000&key=${GOOGLE_MAP_API_KEY}`;
-    const res = await (await fetch(endpoint)).json();
-    const p = [];
-    for (let key in res.predictions) {
-      const { description, place_id } = res.predictions[key];
-      p.push({
-        description,
-        id: place_id
-      });
-    }
-    setPrediction(p);
+    const predictions = await getPredictionsFromQuery(query, country);
+    setPrediction(predictions);
   };
   const locateMe = () => {
     const getLoc = async () => {
@@ -1860,16 +1891,14 @@ var Locator = ({
   };
   const locationPressed = async (loc) => {
     setValue(loc.description);
-    const res = await (await fetch(
-      `https://maps.googleapis.com/maps/api/place/details/json?place_id=${loc.id}&fields=formatted_address%2Cgeometry&key=${GOOGLE_MAP_API_KEY}`
-    )).json();
+    const res = await getLocationFromPlaceId(loc.id);
     onLocationSelected(
       {
-        latitude: res.result?.geometry.location.lat,
-        longitude: res.result?.geometry.location.lng,
+        latitude: res.geometry.location.lat,
+        longitude: res.geometry.location.lng,
         description: loc.description
       },
-      res.result?.formatted_address
+      res?.formatted_address
     );
     setChanged(false);
     setPrediction([]);
@@ -2004,7 +2033,7 @@ var Spinner = ({
       alignItems: "center",
       justifyContent: "center",
       position: fullscreen ? "absolute" : "relative",
-      backgroundColor: fullscreen ? colors2.white[1] + "d" : void 0,
+      backgroundColor: fullscreen ? colors2.white[1] + "dd" : void 0,
       ...style
     },
     content: {
@@ -2134,7 +2163,9 @@ var next_default = HoddyUI;
   Typography,
   UIThemeContext,
   UIThemeProvider,
+  getLocationFromPlaceId,
   getPredictionsFromCoords,
+  getPredictionsFromQuery,
   showFlashMessage,
   useColors,
   useNavScreenOptions,