@hoddy-ui/next 2.5.78 → 2.5.80

package/dist/index.js

@@ -420,7 +420,7 @@ var FlashMessage = () => {
       left: 0,
       paddingTop: top + 10,
       paddingHorizontal: "15@ms",
-      backgroundColor: type === "default" ? "#444" : colors2[type].main,
+      backgroundColor: type === "default" ? "#333" : colors2[type].main,
       width: "100%",
       borderBottomLeftRadius: 10,
       borderBottomRightRadius: 10,
@@ -1356,8 +1356,8 @@ var Grid = ({
 
 // ../src/Components/Locator.tsx
 var import_vector_icons9 = require("@expo/vector-icons");
-var import_react17 = __toESM(require("react"));
-var import_react_native17 = require("react-native");
+var import_react18 = __toESM(require("react"));
+var import_react_native18 = require("react-native");
 
 // ../src/Components/List.tsx
 var import_vector_icons6 = require("@expo/vector-icons");
@@ -1400,14 +1400,27 @@ var ListItem = ({
 
 // ../src/Components/TextField.tsx
 var import_vector_icons8 = require("@expo/vector-icons");
-var import_react16 = __toESM(require("react"));
-var import_react_native16 = require("react-native");
+var import_react17 = __toESM(require("react"));
+var import_react_native17 = require("react-native");
 var import_react_native_size_matters13 = require("react-native-size-matters");
 
-// ../src/Components/SelectMenu.tsx
-var import_vector_icons7 = require("@expo/vector-icons");
+// ../../../node_modules/react-native-modal-datetime-picker/src/DateTimePickerModal.js
 var import_react15 = __toESM(require("react"));
 var import_react_native15 = require("react-native");
+function DateTimePickerModal() {
+  import_react15.default.useEffect(() => {
+    console.warn(`DateTimePicker is not supported on: ${import_react_native15.Platform.OS}`);
+  }, []);
+  return null;
+}
+
+// ../../../node_modules/react-native-modal-datetime-picker/src/index.js
+var src_default = DateTimePickerModal;
+
+// ../src/Components/SelectMenu.tsx
+var import_vector_icons7 = require("@expo/vector-icons");
+var import_react16 = __toESM(require("react"));
+var import_react_native16 = require("react-native");
 var import_react_native_safe_area_context5 = require("react-native-safe-area-context");
 var import_react_native_size_matters12 = require("react-native-size-matters");
 var SelectMenu = ({
@@ -1425,7 +1438,7 @@ var SelectMenu = ({
 }) => {
   const colors2 = useColors();
   const { bottom } = (0, import_react_native_safe_area_context5.useSafeAreaInsets)();
-  const [search, setSearch] = (0, import_react15.useState)("");
+  const [search, setSearch] = (0, import_react16.useState)("");
   const styles = import_react_native_size_matters12.ScaledSheet.create({
     header: {
       marginBottom: "20@vs"
@@ -1439,9 +1452,9 @@ var SelectMenu = ({
       marginBottom: "10@vs"
     }
   });
-  const renderItem = (0, import_react15.useCallback)(
-    ({ item }) => /* @__PURE__ */ import_react15.default.createElement(
-      import_react_native15.TouchableOpacity,
+  const renderItem = (0, import_react16.useCallback)(
+    ({ item }) => /* @__PURE__ */ import_react16.default.createElement(
+      import_react_native16.TouchableOpacity,
       {
         style: {
           ...styles.option,
@@ -1454,8 +1467,8 @@ var SelectMenu = ({
         },
         key: item.label
       },
-      item.start && /* @__PURE__ */ import_react15.default.createElement(import_react_native15.View, { style: { marginRight: 10 } }, item.start),
-      /* @__PURE__ */ import_react15.default.createElement(import_react_native15.View, { style: { flex: 1 } }, /* @__PURE__ */ import_react15.default.createElement(
+      item.start && /* @__PURE__ */ import_react16.default.createElement(import_react_native16.View, { style: { marginRight: 10 } }, item.start),
+      /* @__PURE__ */ import_react16.default.createElement(import_react_native16.View, { style: { flex: 1 } }, /* @__PURE__ */ import_react16.default.createElement(
         Typography_default,
         {
           variant: "body2",
@@ -1464,7 +1477,7 @@ var SelectMenu = ({
           }
         },
         item.label
-      ), item.secondary ? /* @__PURE__ */ import_react15.default.createElement(
+      ), item.secondary ? /* @__PURE__ */ import_react16.default.createElement(
         Typography_default,
         {
           variant: "body2",
@@ -1475,7 +1488,7 @@ var SelectMenu = ({
         },
         item.secondary
       ) : null),
-      value === item.value && /* @__PURE__ */ import_react15.default.createElement(
+      value === item.value && /* @__PURE__ */ import_react16.default.createElement(
         import_vector_icons7.MaterialIcons,
         {
           name: "check",
@@ -1487,7 +1500,7 @@ var SelectMenu = ({
     ),
     [value, colors2]
   );
-  return /* @__PURE__ */ import_react15.default.createElement(
+  return /* @__PURE__ */ import_react16.default.createElement(
     Popup,
     {
       open,
@@ -1495,14 +1508,14 @@ var SelectMenu = ({
       title: label,
       disableAutoKeyboardManagement: true
     },
-    /* @__PURE__ */ import_react15.default.createElement(import_react_native15.View, { style: styles.content }, /* @__PURE__ */ import_react15.default.createElement(
-      import_react_native15.FlatList,
+    /* @__PURE__ */ import_react16.default.createElement(import_react_native16.View, { style: styles.content }, /* @__PURE__ */ import_react16.default.createElement(
+      import_react_native16.FlatList,
       {
         removeClippedSubviews: true,
         keyExtractor: (item) => item.value,
         bounces: false,
         renderItem,
-        ListHeaderComponent: /* @__PURE__ */ import_react15.default.createElement(import_react_native15.View, { style: styles.header }, helperText && /* @__PURE__ */ import_react15.default.createElement(
+        ListHeaderComponent: /* @__PURE__ */ import_react16.default.createElement(import_react_native16.View, { style: styles.header }, helperText && /* @__PURE__ */ import_react16.default.createElement(
           Typography_default,
           {
             variant: "body2",
@@ -1510,7 +1523,7 @@ var SelectMenu = ({
             gutterBottom: 5
           },
           helperText
-        ), searchEnabled && /* @__PURE__ */ import_react15.default.createElement(
+        ), searchEnabled && /* @__PURE__ */ import_react16.default.createElement(
           TextField_default,
           {
             label: searchPlaceholder,
@@ -1537,6 +1550,7 @@ var TextField = ({
   color = "primary",
   value,
   type,
+  placeholder = "",
   helperText,
   onChangeText,
   onSubmitEditing = () => {
@@ -1559,20 +1573,22 @@ var TextField = ({
   ...props
 }) => {
   const colors2 = useColors();
-  const [focused, setFocused] = (0, import_react16.useState)(false);
+  const [focused, setFocused] = (0, import_react17.useState)(false);
+  const [datePickerVisible, setDatePickerVisible] = (0, import_react17.useState)(false);
+  const isDate = type === "date";
   const height2 = (0, import_react_native_size_matters13.moderateScale)(variant === "text" ? 50 : 45) * (size === "large" ? 1.2 : size === "small" ? 0.8 : 1);
-  const labelAnim = (0, import_react16.useRef)(
-    new import_react_native16.Animated.Value(height2 / (0, import_react_native_size_matters13.moderateScale)(variant === "text" ? 2.5 : 3.2))
+  const labelAnim = (0, import_react17.useRef)(
+    new import_react_native17.Animated.Value(height2 / (0, import_react_native_size_matters13.moderateScale)(variant === "text" ? 2.5 : 3.2))
   ).current;
-  import_react16.default.useEffect(() => {
+  import_react17.default.useEffect(() => {
     if (focused || value) {
-      import_react_native16.Animated.timing(labelAnim, {
+      import_react_native17.Animated.timing(labelAnim, {
         toValue: (0, import_react_native_size_matters13.verticalScale)(variant === "text" ? 2 : 4),
         duration: 300,
         useNativeDriver: false
       }).start();
     } else {
-      import_react_native16.Animated.timing(labelAnim, {
+      import_react_native17.Animated.timing(labelAnim, {
         toValue: height2 / (0, import_react_native_size_matters13.moderateScale)(variant === "text" ? 2.5 : 3.2),
         duration: 300,
         useNativeDriver: false
@@ -1616,6 +1632,21 @@ var TextField = ({
       paddingLeft: variant === "text" ? 0 : (0, import_react_native_size_matters13.moderateScale)(15),
       paddingTop: "13@ms"
     },
+    dateContent: {
+      flexDirection: "row",
+      alignItems: "center",
+      flex: 1,
+      paddingLeft: variant === "text" ? 0 : (0, import_react_native_size_matters13.moderateScale)(15),
+      paddingRight: (0, import_react_native_size_matters13.moderateScale)(10),
+      paddingTop: variant === "text" ? (0, import_react_native_size_matters13.ms)(13) : (0, import_react_native_size_matters13.ms)(12)
+    },
+    dateText: {
+      fontSize: "14@ms",
+      flex: 1
+    },
+    datePlaceholder: {
+      color: colors2.textSecondary.main
+    },
     label: {
       fontFamily: getFontFamily(400),
       position: "absolute",
@@ -1661,21 +1692,57 @@ var TextField = ({
     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: styles.root }, /* @__PURE__ */ import_react16.default.createElement(
-    import_react_native16.TouchableOpacity,
+  const parseDateValue = () => {
+    if (!value)
+      return /* @__PURE__ */ new Date();
+    if (value instanceof Date)
+      return value;
+    const parts = `${value}`.split("/");
+    if (parts.length === 3) {
+      const [day, month, year] = parts;
+      const parsed = new Date(
+        parseInt(year, 10),
+        parseInt(month, 10) - 1,
+        parseInt(day, 10)
+      );
+      if (!isNaN(parsed.getTime()))
+        return parsed;
+    }
+    const fallback = new Date(value);
+    return isNaN(fallback.getTime()) ? /* @__PURE__ */ new Date() : fallback;
+  };
+  const handleDateConfirm = (date) => {
+    const day = date.getDate();
+    const month = date.getMonth() + 1;
+    const year = date.getFullYear();
+    const dateString = `${day}/${month}/${year}`;
+    onChangeText?.(dateString);
+    setDatePickerVisible(false);
+  };
+  const handleContainerPress = () => {
+    if (disabled)
+      return;
+    setFocused(true);
+    if (isDate) {
+      onFocus();
+      setDatePickerVisible(true);
+    }
+  };
+  return /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, /* @__PURE__ */ import_react17.default.createElement(import_react_native17.View, { style: styles.root }, /* @__PURE__ */ import_react17.default.createElement(
+    import_react_native17.TouchableOpacity,
     {
-      onPress: () => setFocused(true),
+      onPress: handleContainerPress,
       style: styles.container
     },
-    /* @__PURE__ */ import_react16.default.createElement(import_react_native16.Animated.Text, { style: { ...styles.label, top: labelAnim } }, label),
+    /* @__PURE__ */ import_react17.default.createElement(import_react_native17.Animated.Text, { style: { ...styles.label, top: labelAnim } }, label),
     start,
-    options ? /* @__PURE__ */ import_react16.default.createElement(
-      import_react_native16.View,
+    options ? /* @__PURE__ */ import_react17.default.createElement(
+      import_react_native17.View,
       {
         style: { flex: 1, alignItems: "center", flexDirection: "row" }
       },
-      options.find((cur) => cur.value === value)?.start && /* @__PURE__ */ import_react16.default.createElement(
-        import_react_native16.View,
+      options.find((cur) => cur.value === value)?.start && /* @__PURE__ */ import_react17.default.createElement(
+        import_react_native17.View,
         {
           style: {
             paddingTop: variant !== "outlined" ? (0, import_react_native_size_matters13.ms)(13) : 0,
@@ -1684,9 +1751,26 @@ var TextField = ({
         },
         options.find((cur) => cur.value === value)?.start
       ),
-      /* @__PURE__ */ import_react16.default.createElement(Typography_default, { style: styles.inputText }, options.find((cur) => cur.value === value)?.label)
-    ) : /* @__PURE__ */ import_react16.default.createElement(
-      import_react_native16.TextInput,
+      /* @__PURE__ */ import_react17.default.createElement(Typography_default, { style: styles.inputText }, options.find((cur) => cur.value === value)?.label)
+    ) : isDate ? /* @__PURE__ */ import_react17.default.createElement(import_react_native17.View, { style: styles.dateContent }, /* @__PURE__ */ import_react17.default.createElement(
+      Typography_default,
+      {
+        style: [
+          styles.dateText,
+          !value ? styles.datePlaceholder : void 0
+        ],
+        color: value ? "dark" : "textSecondary"
+      },
+      value || placeholder
+    ), /* @__PURE__ */ import_react17.default.createElement(import_react_native17.View, { style: { marginLeft: 8 } }, end ?? /* @__PURE__ */ import_react17.default.createElement(
+      import_vector_icons8.Ionicons,
+      {
+        name: "calendar-outline",
+        size: 22,
+        color: colors2.textSecondary.main
+      }
+    ))) : /* @__PURE__ */ import_react17.default.createElement(
+      import_react_native17.TextInput,
       {
         onFocus: () => {
           onFocus();
@@ -1708,8 +1792,8 @@ var TextField = ({
         style: styles.input
       }
     ),
-    end && /* @__PURE__ */ import_react16.default.createElement(
-      import_react_native16.View,
+    end && /* @__PURE__ */ import_react17.default.createElement(
+      import_react_native17.View,
       {
         style: {
           marginRight: 20,
@@ -1718,15 +1802,15 @@ var TextField = ({
       },
       end
     ),
-    options && /* @__PURE__ */ import_react16.default.createElement(
-      import_react_native16.View,
+    options && /* @__PURE__ */ import_react17.default.createElement(
+      import_react_native17.View,
       {
         style: {
           marginRight: variant === "text" ? 0 : 20,
           paddingTop: variant === "text" ? (0, import_react_native_size_matters13.ms)(13) : 0
         }
       },
-      /* @__PURE__ */ import_react16.default.createElement(
+      /* @__PURE__ */ import_react17.default.createElement(
         import_vector_icons8.Ionicons,
         {
           name: "chevron-down",
@@ -1735,7 +1819,7 @@ var TextField = ({
         }
       )
     )
-  ), helperText && /* @__PURE__ */ import_react16.default.createElement(
+  ), helperText && /* @__PURE__ */ import_react17.default.createElement(
     Typography_default,
     {
       color: "textSecondary",
@@ -1743,7 +1827,7 @@ var TextField = ({
       variant: "caption"
     },
     helperText
-  ), error && /* @__PURE__ */ import_react16.default.createElement(import_react_native16.View, { style: styles.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: styles.errorText, color: "error" }, error))), options && /* @__PURE__ */ import_react16.default.createElement(
+  ), error && /* @__PURE__ */ import_react17.default.createElement(import_react_native17.View, { style: styles.error }, /* @__PURE__ */ import_react17.default.createElement(import_vector_icons8.MaterialIcons, { name: "error", color: colors2.error.main, size: 16 }), /* @__PURE__ */ import_react17.default.createElement(Typography_default, { style: styles.errorText, color: "error" }, error))), options && /* @__PURE__ */ import_react17.default.createElement(
     SelectMenu_default,
     {
       options,
@@ -1755,9 +1839,21 @@ var TextField = ({
       onChange: onChangeText,
       ...selectMenuProps
     }
+  ), isDate && /* @__PURE__ */ import_react17.default.createElement(
+    src_default,
+    {
+      isVisible: datePickerVisible,
+      mode: "date",
+      date: parseDateValue(),
+      onConfirm: handleDateConfirm,
+      onCancel: () => {
+        setDatePickerVisible(false);
+        setFocused(false);
+      }
+    }
   ));
 };
-var TextField2 = import_react16.default.forwardRef(
+var TextField2 = import_react17.default.forwardRef(
   ({
     label,
     labelProps,
@@ -1765,6 +1861,7 @@ var TextField2 = import_react16.default.forwardRef(
     color = "primary",
     value,
     type,
+    placeholder,
     helperText,
     onChangeText,
     onSubmitEditing = () => {
@@ -1780,7 +1877,6 @@ var TextField2 = import_react16.default.forwardRef(
     style = {},
     inputStyles = {},
     gutterBottom = 8,
-    placeholder,
     end,
     options,
     multiline,
@@ -1788,14 +1884,16 @@ var TextField2 = import_react16.default.forwardRef(
     ...props
   }, ref) => {
     const colors2 = useColors();
-    const [focused, _setFocused] = (0, import_react16.useState)(false);
-    const [showPassword, setShowPassword] = (0, import_react16.useState)(false);
+    const [focused, _setFocused] = (0, import_react17.useState)(false);
+    const [showPassword, setShowPassword] = (0, import_react17.useState)(false);
+    const [datePickerVisible, setDatePickerVisible] = (0, import_react17.useState)(false);
+    const isDate = type === "date";
     const height2 = (0, import_react_native_size_matters13.moderateScale)(
       multiline ? 50 + (props.numberOfLines || 1) * 18 : 50
     );
     const setFocused = (value2) => {
       if (options && value2) {
-        import_react_native16.Keyboard.dismiss();
+        import_react_native17.Keyboard.dismiss();
         setTimeout(() => {
           _setFocused(value2);
         }, 100);
@@ -1840,6 +1938,20 @@ var TextField2 = import_react16.default.forwardRef(
         color: colors2.textSecondary.light,
         paddingLeft: (0, import_react_native_size_matters13.moderateScale)(10)
       },
+      dateContent: {
+        flexDirection: "row",
+        alignItems: "center",
+        flex: 1,
+        paddingHorizontal: (0, import_react_native_size_matters13.moderateScale)(10),
+        paddingTop: multiline ? 4 : 0
+      },
+      dateText: {
+        fontSize: "14@ms",
+        flex: 1
+      },
+      datePlaceholder: {
+        color: colors2.textSecondary.light
+      },
       label: {},
       helperText: {
         paddingHorizontal: "15@s",
@@ -1878,7 +1990,43 @@ var TextField2 = import_react16.default.forwardRef(
       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: styles.root }, label && /* @__PURE__ */ import_react16.default.createElement(
+    const parseDateValue = () => {
+      if (!value)
+        return /* @__PURE__ */ new Date();
+      if (value instanceof Date)
+        return value;
+      const parts = `${value}`.split("/");
+      if (parts.length === 3) {
+        const [day, month, year] = parts;
+        const parsed = new Date(
+          parseInt(year, 10),
+          parseInt(month, 10) - 1,
+          parseInt(day, 10)
+        );
+        if (!isNaN(parsed.getTime()))
+          return parsed;
+      }
+      const fallback = new Date(value);
+      return isNaN(fallback.getTime()) ? /* @__PURE__ */ new Date() : fallback;
+    };
+    const handleDateConfirm = (date) => {
+      const day = date.getDate();
+      const month = date.getMonth() + 1;
+      const year = date.getFullYear();
+      const dateString = `${day}/${month}/${year}`;
+      onChangeText?.(dateString);
+      setDatePickerVisible(false);
+    };
+    const handleContainerPress = () => {
+      if (disabled)
+        return;
+      setFocused(true);
+      if (isDate) {
+        onFocus();
+        setDatePickerVisible(true);
+      }
+    };
+    return /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, /* @__PURE__ */ import_react17.default.createElement(import_react_native17.View, { style: styles.root }, label && /* @__PURE__ */ import_react17.default.createElement(
       Typography_default,
       {
         variant: "body2",
@@ -1887,14 +2035,14 @@ var TextField2 = import_react16.default.forwardRef(
         ...labelProps
       },
       label
-    ), /* @__PURE__ */ import_react16.default.createElement(
-      import_react_native16.TouchableOpacity,
+    ), /* @__PURE__ */ import_react17.default.createElement(
+      import_react_native17.TouchableOpacity,
       {
-        onPress: () => setFocused(true),
+        onPress: handleContainerPress,
         style: styles.container
       },
-      /* @__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: styles.inputText }, options.find((cur) => cur.value === value)?.label) : /* @__PURE__ */ import_react16.default.createElement(Typography_default, { style: styles.placeholder }, placeholder), /* @__PURE__ */ import_react16.default.createElement(
+      /* @__PURE__ */ import_react17.default.createElement(import_react_native17.View, { style: { marginTop: multiline ? 5 : 0 } }, start),
+      options ? /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, value ? /* @__PURE__ */ import_react17.default.createElement(Typography_default, { style: styles.inputText }, options.find((cur) => cur.value === value)?.label) : /* @__PURE__ */ import_react17.default.createElement(Typography_default, { style: styles.placeholder }, placeholder), /* @__PURE__ */ import_react17.default.createElement(
         import_vector_icons8.Ionicons,
         {
           name: "chevron-down",
@@ -1902,8 +2050,25 @@ var TextField2 = import_react16.default.forwardRef(
           style: { marginLeft: "auto", marginRight: 15 },
           color: colors2.dark.light
         }
-      )) : /* @__PURE__ */ import_react16.default.createElement(
-        import_react_native16.TextInput,
+      )) : isDate ? /* @__PURE__ */ import_react17.default.createElement(import_react_native17.View, { style: styles.dateContent }, /* @__PURE__ */ import_react17.default.createElement(
+        Typography_default,
+        {
+          style: [
+            styles.dateText,
+            !value ? styles.datePlaceholder : void 0
+          ],
+          color: value ? "dark" : "textSecondary"
+        },
+        value || placeholder
+      ), /* @__PURE__ */ import_react17.default.createElement(import_react_native17.View, { style: { marginLeft: 8 } }, end ?? /* @__PURE__ */ import_react17.default.createElement(
+        import_vector_icons8.Ionicons,
+        {
+          name: "calendar-outline",
+          size: 22,
+          color: colors2.textSecondary.main
+        }
+      ))) : /* @__PURE__ */ import_react17.default.createElement(
+        import_react_native17.TextInput,
         {
           ref,
           onFocus: () => {
@@ -1930,13 +2095,13 @@ var TextField2 = import_react16.default.forwardRef(
           style: styles.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,
+      end ? /* @__PURE__ */ import_react17.default.createElement(import_react_native17.View, { style: { marginRight: 20 } }, end) : type === "password" && /* @__PURE__ */ import_react17.default.createElement(
+        import_react_native17.TouchableOpacity,
         {
           style: { marginRight: 20 },
           onPress: () => setShowPassword(!showPassword)
         },
-        /* @__PURE__ */ import_react16.default.createElement(
+        /* @__PURE__ */ import_react17.default.createElement(
           import_vector_icons8.Ionicons,
           {
             name: showPassword ? "eye-outline" : "eye-off-outline",
@@ -1945,7 +2110,7 @@ var TextField2 = import_react16.default.forwardRef(
           }
         )
       )
-    ), helperText && /* @__PURE__ */ import_react16.default.createElement(
+    ), helperText && /* @__PURE__ */ import_react17.default.createElement(
       Typography_default,
       {
         color: "textSecondary",
@@ -1953,7 +2118,7 @@ var TextField2 = import_react16.default.forwardRef(
         variant: "caption"
       },
       helperText
-    ), error && /* @__PURE__ */ import_react16.default.createElement(import_react_native16.View, { style: styles.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: styles.errorText, color: "error" }, error))), options && /* @__PURE__ */ import_react16.default.createElement(
+    ), error && /* @__PURE__ */ import_react17.default.createElement(import_react_native17.View, { style: styles.error }, /* @__PURE__ */ import_react17.default.createElement(import_vector_icons8.MaterialIcons, { name: "error", color: colors2.error.main, size: 16 }), /* @__PURE__ */ import_react17.default.createElement(Typography_default, { style: styles.errorText, color: "error" }, error))), options && /* @__PURE__ */ import_react17.default.createElement(
       SelectMenu_default,
       {
         options,
@@ -2037,9 +2202,9 @@ var Locator = ({
   country = "ng"
 }) => {
   const { GOOGLE_MAP_API_KEY } = getConfig();
-  const [changed, setChanged] = (0, import_react17.useState)(false);
-  const [value, setValue] = (0, import_react17.useState)("");
-  const [prediction, setPrediction] = (0, import_react17.useState)([]);
+  const [changed, setChanged] = (0, import_react18.useState)(false);
+  const [value, setValue] = (0, import_react18.useState)("");
+  const [prediction, setPrediction] = (0, import_react18.useState)([]);
   const colors2 = useColors();
   const styles = import_react_native_size_matters14.ScaledSheet.create({
     list: {
@@ -2069,7 +2234,7 @@ var Locator = ({
     const getLoc = async () => {
       const { status } = await Location.requestForegroundPermissionsAsync();
       if (status !== "granted")
-        return import_react_native17.Alert.alert(
+        return import_react_native18.Alert.alert(
           "Error",
           "Permission to access location was denied! "
         );
@@ -2081,7 +2246,7 @@ var Locator = ({
         setPrediction(p);
       } catch (err) {
         console.log(err);
-        import_react_native17.Alert.alert(
+        import_react_native18.Alert.alert(
           "Can't access your location",
           "Make sure your location settings are turned on and you are connected to the internet. "
         );
@@ -2109,13 +2274,13 @@ var Locator = ({
     setChanged(false);
     setPrediction([]);
   };
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!GOOGLE_MAP_API_KEY)
       console.error(
         "Google map api key needs to be set to use this component \nMake sure to run initialize() with a valid google map api key"
       );
   }, [GOOGLE_MAP_API_KEY]);
-  return /* @__PURE__ */ import_react17.default.createElement(import_react_native17.View, { style: { zIndex: 10 } }, renderInput ? renderInput({
+  return /* @__PURE__ */ import_react18.default.createElement(import_react_native18.View, { style: { zIndex: 10 } }, renderInput ? renderInput({
     onFocus: () => search(value),
     onBlur: () => setPrediction([]),
     value: changed ? value : location?.description || value,
@@ -2126,7 +2291,7 @@ var Locator = ({
     },
     clear,
     locateMe
-  }) : /* @__PURE__ */ import_react17.default.createElement(
+  }) : /* @__PURE__ */ import_react18.default.createElement(
     TextField_default,
     {
       label,
@@ -2146,17 +2311,17 @@ var Locator = ({
       error,
       helperText,
       variant,
-      end: /* @__PURE__ */ import_react17.default.createElement(import_react_native17.View, { style: { flexDirection: "row" } }, /* @__PURE__ */ import_react17.default.createElement(import_react_native17.TouchableOpacity, { onPress: locateMe, style: { marginRight: 10 } }, /* @__PURE__ */ import_react17.default.createElement(
+      end: /* @__PURE__ */ import_react18.default.createElement(import_react_native18.View, { style: { flexDirection: "row" } }, /* @__PURE__ */ import_react18.default.createElement(import_react_native18.TouchableOpacity, { onPress: locateMe, style: { marginRight: 10 } }, /* @__PURE__ */ import_react18.default.createElement(
         import_vector_icons9.Ionicons,
         {
           color: colors2.primary.main,
           size: 18,
           name: "location"
         }
-      )), /* @__PURE__ */ import_react17.default.createElement(import_react_native17.TouchableOpacity, { onPress: clear }, /* @__PURE__ */ import_react17.default.createElement(import_vector_icons9.Ionicons, { color: colors2.dark.main, size: 18, name: "close" })))
+      )), /* @__PURE__ */ import_react18.default.createElement(import_react_native18.TouchableOpacity, { onPress: clear }, /* @__PURE__ */ import_react18.default.createElement(import_vector_icons9.Ionicons, { color: colors2.dark.main, size: 18, name: "close" })))
     }
-  ), prediction.length > 0 && /* @__PURE__ */ import_react17.default.createElement(import_react_native17.View, { style: styles.list }, prediction.map(
-    (cur, i) => i < 5 && /* @__PURE__ */ import_react17.default.createElement(
+  ), prediction.length > 0 && /* @__PURE__ */ import_react18.default.createElement(import_react_native18.View, { style: styles.list }, prediction.map(
+    (cur, i) => i < 5 && /* @__PURE__ */ import_react18.default.createElement(
       ListItem,
       {
         divider: i < prediction.length - 1,
@@ -2164,7 +2329,7 @@ var Locator = ({
         link: true,
         onPress: () => locationPressed(cur)
       },
-      /* @__PURE__ */ import_react17.default.createElement(
+      /* @__PURE__ */ import_react18.default.createElement(
         import_vector_icons9.Ionicons,
         {
           name: "location-outline",
@@ -2173,32 +2338,32 @@ var Locator = ({
           color: colors2.textSecondary.main
         }
       ),
-      /* @__PURE__ */ import_react17.default.createElement(Typography_default, { style: { flex: 1 } }, cur.description)
+      /* @__PURE__ */ import_react18.default.createElement(Typography_default, { style: { flex: 1 } }, cur.description)
     )
   )));
 };
 
 // ../src/Components/SafeAreaView.tsx
-var import_react18 = __toESM(require("react"));
+var import_react19 = __toESM(require("react"));
 var import_react_native_safe_area_context6 = require("react-native-safe-area-context");
-var import_react_native18 = require("react-native");
-var SafeAreaView = (0, import_react18.forwardRef)(
+var import_react_native19 = require("react-native");
+var SafeAreaView = (0, import_react19.forwardRef)(
   ({ children, style, ...rest }, ref) => {
     const { top, bottom } = (0, import_react_native_safe_area_context6.useSafeAreaInsets)();
-    const styles = import_react_native18.StyleSheet.create({
+    const styles = import_react_native19.StyleSheet.create({
       root: {
         paddingTop: top,
         paddingBottom: bottom,
         flex: 1
       }
     });
-    return /* @__PURE__ */ import_react18.default.createElement(import_react_native18.View, { ref, style: [styles.root, style], ...rest }, children);
+    return /* @__PURE__ */ import_react19.default.createElement(import_react_native19.View, { ref, style: [styles.root, style], ...rest }, children);
   }
 );
 
 // ../src/Components/Divider.tsx
-var import_react19 = __toESM(require("react"));
-var import_react_native19 = require("react-native");
+var import_react20 = __toESM(require("react"));
+var import_react_native20 = require("react-native");
 var import_react_native_size_matters15 = require("react-native-size-matters");
 var Divider = ({
   height: height2 = 1,
@@ -2215,12 +2380,12 @@ var Divider = ({
       ...style
     }
   });
-  return /* @__PURE__ */ import_react19.default.createElement(import_react_native19.View, { style: styles.root });
+  return /* @__PURE__ */ import_react20.default.createElement(import_react_native20.View, { style: styles.root });
 };
 
 // ../src/Components/Spinner.tsx
-var import_react20 = __toESM(require("react"));
-var import_react_native20 = require("react-native");
+var import_react21 = __toESM(require("react"));
+var import_react_native21 = require("react-native");
 var import_react_native_size_matters16 = require("react-native-size-matters");
 var Spinner = ({
   label,
@@ -2232,8 +2397,8 @@ var Spinner = ({
   const colors2 = useColors();
   const styles = import_react_native_size_matters16.ScaledSheet.create({
     root: {
-      width: fullscreen ? import_react_native20.Dimensions.get("screen").width : "100%",
-      height: fullscreen ? import_react_native20.Dimensions.get("screen").height : "100%",
+      width: fullscreen ? import_react_native21.Dimensions.get("screen").width : "100%",
+      height: fullscreen ? import_react_native21.Dimensions.get("screen").height : "100%",
       left: 0,
       bottom: 0,
       zIndex: 100,
@@ -2256,13 +2421,13 @@ var Spinner = ({
       color: color === "light" ? colors2.white[2] : colors2.black[4]
     }
   });
-  return /* @__PURE__ */ import_react20.default.createElement(import_react_native20.View, { style: styles.root }, /* @__PURE__ */ import_react20.default.createElement(import_react_native20.View, { style: styles.content }, /* @__PURE__ */ import_react20.default.createElement(import_react_native20.ActivityIndicator, { color: colors2[color].dark, size }), label && /* @__PURE__ */ import_react20.default.createElement(Typography_default, { style: styles.label }, label)));
+  return /* @__PURE__ */ import_react21.default.createElement(import_react_native21.View, { style: styles.root }, /* @__PURE__ */ import_react21.default.createElement(import_react_native21.View, { style: styles.content }, /* @__PURE__ */ import_react21.default.createElement(import_react_native21.ActivityIndicator, { color: colors2[color].dark, size }), label && /* @__PURE__ */ import_react21.default.createElement(Typography_default, { style: styles.label }, label)));
 };
 var Spinner_default = Spinner;
 
 // ../src/Components/OTPInput.tsx
-var import_react21 = __toESM(require("react"));
-var import_react_native21 = require("react-native");
+var import_react22 = __toESM(require("react"));
+var import_react_native22 = require("react-native");
 var import_react_native_size_matters17 = require("react-native-size-matters");
 var OTPInput = ({
   length = 6,
@@ -2273,8 +2438,8 @@ var OTPInput = ({
   spacing = 1,
   size = 45
 }) => {
-  const inputRefs = (0, import_react21.useMemo)(
-    () => Array(length).fill(0).map((_) => import_react21.default.createRef()),
+  const inputRefs = (0, import_react22.useMemo)(
+    () => Array(length).fill(0).map((_) => import_react22.default.createRef()),
     [length]
   );
   const onChangeHandler = (val, index) => {
@@ -2323,8 +2488,8 @@ var OTPInput = ({
       fontSize: (0, import_react_native_size_matters17.ms)(size * 0.5)
     }
   });
-  return /* @__PURE__ */ import_react21.default.createElement(import_react_native21.View, { style: styles.root }, /* @__PURE__ */ import_react21.default.createElement(import_react_native21.View, { style: styles.container }, [...Array(length)].map((_, index) => /* @__PURE__ */ import_react21.default.createElement(
-    import_react_native21.TextInput,
+  return /* @__PURE__ */ import_react22.default.createElement(import_react_native22.View, { style: styles.root }, /* @__PURE__ */ import_react22.default.createElement(import_react_native22.View, { style: styles.container }, [...Array(length)].map((_, index) => /* @__PURE__ */ import_react22.default.createElement(
+    import_react_native22.TextInput,
     {
       ref: inputRefs[index],
       onChangeText: (val) => onChangeHandler(val, index),
@@ -2338,19 +2503,19 @@ var OTPInput = ({
 };
 
 // ../src/Components/Animators/hooks/useAppState.ts
-var import_react22 = require("react");
-var import_react_native22 = require("react-native");
+var import_react23 = require("react");
+var import_react_native23 = require("react-native");
 var useAppState = () => {
-  const [isActive, setIsActive] = (0, import_react22.useState)(import_react_native22.AppState.currentState === "active");
-  (0, import_react22.useEffect)(() => {
+  const [isActive, setIsActive] = (0, import_react23.useState)(import_react_native23.AppState.currentState === "active");
+  (0, import_react23.useEffect)(() => {
     const handleAppStateChange = (nextAppState) => {
       setIsActive(nextAppState === "active");
     };
     let subscription;
-    if (import_react_native22.Platform.OS === "android") {
-      subscription = import_react_native22.AppState.addEventListener("change", handleAppStateChange);
+    if (import_react_native23.Platform.OS === "android") {
+      subscription = import_react_native23.AppState.addEventListener("change", handleAppStateChange);
     } else {
-      subscription = import_react_native22.AppState.addEventListener("change", handleAppStateChange);
+      subscription = import_react_native23.AppState.addEventListener("change", handleAppStateChange);
     }
     return () => {
       subscription?.remove();
@@ -2361,8 +2526,8 @@ var useAppState = () => {
 var useAppState_default = useAppState;
 
 // ../src/Components/Animators/hooks/useBlinkAnimation.ts
-var import_react23 = require("react");
-var import_react_native23 = require("react-native");
+var import_react24 = require("react");
+var import_react_native24 = require("react-native");
 var import_react_native_reanimated3 = require("react-native-reanimated");
 var useBlinkAnimation = ({
   delay = 0,
@@ -2393,8 +2558,8 @@ var useBlinkAnimation = ({
       false
     );
   };
-  (0, import_react23.useEffect)(() => {
-    if (!isActive && import_react_native23.Platform.OS === "ios") {
+  (0, import_react24.useEffect)(() => {
+    if (!isActive && import_react_native24.Platform.OS === "ios") {
       opacity.value = maxOpacity;
       return;
     }
@@ -2419,8 +2584,8 @@ var useBlinkAnimation = ({
 };
 
 // ../src/Components/Animators/hooks/useFadeAnimation.ts
-var import_react24 = require("react");
-var import_react_native24 = require("react-native");
+var import_react25 = require("react");
+var import_react_native25 = require("react-native");
 var import_react_native_reanimated4 = require("react-native-reanimated");
 var useFadeAnimation = ({
   duration = 1e3,
@@ -2434,8 +2599,8 @@ var useFadeAnimation = ({
       opacity: opacity.value
     };
   });
-  (0, import_react24.useEffect)(() => {
-    if (!isActive && import_react_native24.Platform.OS === "ios") {
+  (0, import_react25.useEffect)(() => {
+    if (!isActive && import_react_native25.Platform.OS === "ios") {
       opacity.value = 0;
       return;
     }
@@ -2454,8 +2619,8 @@ var useFadeAnimation = ({
 };
 
 // ../src/Components/Animators/hooks/useFloatAnimation.ts
-var import_react25 = require("react");
-var import_react_native25 = require("react-native");
+var import_react26 = require("react");
+var import_react_native26 = require("react-native");
 var import_react_native_reanimated5 = require("react-native-reanimated");
 var useFloatAnimation = ({
   duration = 800,
@@ -2468,7 +2633,7 @@ var useFloatAnimation = ({
   const opacity = (0, import_react_native_reanimated5.useSharedValue)(0);
   const translateY = (0, import_react_native_reanimated5.useSharedValue)(0);
   const { isActive } = useAppState_default();
-  const isFloating = (0, import_react25.useRef)(false);
+  const isFloating = (0, import_react26.useRef)(false);
   const animatedStyle = (0, import_react_native_reanimated5.useAnimatedStyle)(() => {
     return {
       opacity: opacity.value,
@@ -2498,8 +2663,8 @@ var useFloatAnimation = ({
       );
     }
   };
-  (0, import_react25.useEffect)(() => {
-    if (!isActive && import_react_native25.Platform.OS === "ios") {
+  (0, import_react26.useEffect)(() => {
+    if (!isActive && import_react_native26.Platform.OS === "ios") {
       opacity.value = 0;
       translateY.value = 0;
       isFloating.current = false;
@@ -2543,8 +2708,8 @@ var useFloatAnimation = ({
 };
 
 // ../src/Components/Animators/hooks/useGrowAnimation.ts
-var import_react26 = require("react");
-var import_react_native26 = require("react-native");
+var import_react27 = require("react");
+var import_react_native27 = require("react-native");
 var import_react_native_reanimated6 = require("react-native-reanimated");
 var useGrowAnimation = ({
   duration = 500,
@@ -2559,8 +2724,8 @@ var useGrowAnimation = ({
       transform: [{ scale: scale.value }]
     };
   });
-  (0, import_react26.useEffect)(() => {
-    if (!isActive && import_react_native26.Platform.OS === "ios") {
+  (0, import_react27.useEffect)(() => {
+    if (!isActive && import_react_native27.Platform.OS === "ios") {
       scale.value = initialScale;
       return;
     }
@@ -2592,8 +2757,8 @@ var useGrowAnimation = ({
 };
 
 // ../src/Components/Animators/hooks/useRollAnimation.ts
-var import_react27 = require("react");
-var import_react_native27 = require("react-native");
+var import_react28 = require("react");
+var import_react_native28 = require("react-native");
 var import_react_native_reanimated7 = require("react-native-reanimated");
 var useRollAnimation = ({
   duration = 500,
@@ -2618,8 +2783,8 @@ var useRollAnimation = ({
       ]
     };
   });
-  (0, import_react27.useEffect)(() => {
-    if (!isActive && import_react_native27.Platform.OS === "ios") {
+  (0, import_react28.useEffect)(() => {
+    if (!isActive && import_react_native28.Platform.OS === "ios") {
       translateY.value = initialTranslateY;
       rotate.value = 0;
       return;
@@ -2675,10 +2840,10 @@ var useRollAnimation = ({
 };
 
 // ../src/Components/Animators/hooks/useSlideAnimation.ts
-var import_react28 = require("react");
-var import_react_native28 = require("react-native");
+var import_react29 = require("react");
+var import_react_native29 = require("react-native");
 var import_react_native_reanimated8 = require("react-native-reanimated");
-var { width, height } = import_react_native28.Dimensions.get("window");
+var { width, height } = import_react_native29.Dimensions.get("window");
 var getInitialPosition = (direction) => {
   switch (direction) {
     case "up":
@@ -2706,8 +2871,8 @@ var useSlideAnimation = ({
     const slideStyle = direction === "up" || direction === "down" ? { transform: [{ translateY: translateValue.value }] } : { transform: [{ translateX: translateValue.value }] };
     return slideStyle;
   });
-  (0, import_react28.useEffect)(() => {
-    if (!isActive && import_react_native28.Platform.OS === "ios") {
+  (0, import_react29.useEffect)(() => {
+    if (!isActive && import_react_native29.Platform.OS === "ios") {
       const initialPosition2 = initialValue || getInitialPosition(direction);
       translateValue.value = initialPosition2;
       return;
@@ -2745,8 +2910,8 @@ var useSlideAnimation = ({
 };
 
 // ../src/Components/Animators/hooks/useThrownUpAnimation.ts
-var import_react29 = require("react");
-var import_react_native29 = require("react-native");
+var import_react30 = require("react");
+var import_react_native30 = require("react-native");
 var import_react_native_reanimated9 = require("react-native-reanimated");
 var useThrownUpAnimation = ({
   delay = 0,
@@ -2754,7 +2919,7 @@ var useThrownUpAnimation = ({
 } = {}) => {
   const translateY = (0, import_react_native_reanimated9.useSharedValue)(600);
   const opacity = (0, import_react_native_reanimated9.useSharedValue)(0);
-  const isUnmounting = (0, import_react29.useRef)(false);
+  const isUnmounting = (0, import_react30.useRef)(false);
   const { isActive } = useAppState_default();
   const animatedStyle = (0, import_react_native_reanimated9.useAnimatedStyle)(() => {
     return {
@@ -2762,8 +2927,8 @@ var useThrownUpAnimation = ({
       opacity: opacity.value
     };
   });
-  (0, import_react29.useEffect)(() => {
-    if (!isActive && import_react_native29.Platform.OS === "ios") {
+  (0, import_react30.useEffect)(() => {
+    if (!isActive && import_react_native30.Platform.OS === "ios") {
       translateY.value = 600;
       opacity.value = 0;
       return;
@@ -2800,7 +2965,7 @@ var useThrownUpAnimation = ({
 };
 
 // ../src/Components/Animators/Animator.tsx
-var import_react30 = __toESM(require("react"));
+var import_react31 = __toESM(require("react"));
 var import_react_native_reanimated10 = __toESM(require("react-native-reanimated"));
 var Animator = (props) => {
   const { children, type, duration, delay, closeAfter, style = {} } = props;
@@ -2854,7 +3019,7 @@ var Animator = (props) => {
     }
   };
   const { animatedStyle } = getAnimationStyle();
-  return /* @__PURE__ */ import_react30.default.createElement(import_react_native_reanimated10.default.View, { style: [style, animatedStyle] }, children);
+  return /* @__PURE__ */ import_react31.default.createElement(import_react_native_reanimated10.default.View, { style: [style, animatedStyle] }, children);
 };
 
 // index.ts