@hoddy-ui/next 2.5.76 → 2.5.78

package/dist/index.mjs

@@ -243,7 +243,7 @@ var Typography = forwardRef(
     const config2 = getConfig();
     const customFontSizes = config2.TYPOGRAPHY?.fontSizes;
     const baseFontSize = customFontSizes?.[variant] ?? DEFAULT_FONT_SIZES[variant];
-    const f = fontSize || baseFontSize;
+    const f = fontSize || style?.fontSize || baseFontSize;
     const lh = lineHeight || f * 1.2;
     const styles = StyleSheet.create({
       text: {
@@ -339,6 +339,7 @@ var FlashMessage = () => {
       opacity: opacity.value
     };
   });
+  const textColor = type === "default" ? "#fff" : colors2[type].text;
   const styles = ScaledSheet.create({
     root: {
       position: "absolute",
@@ -347,7 +348,7 @@ var FlashMessage = () => {
       left: 0,
       paddingTop: top + 10,
       paddingHorizontal: "15@ms",
-      backgroundColor: colors2[type].main,
+      backgroundColor: type === "default" ? "#444" : colors2[type].main,
       width: "100%",
       borderBottomLeftRadius: 10,
       borderBottomRightRadius: 10,
@@ -371,10 +372,10 @@ var FlashMessage = () => {
       variant: "h6",
       fontWeight: 600,
       gutterBottom: 3,
-      style: { color: "#fff" }
+      color: textColor
     },
     message?.title
-  ), /* @__PURE__ */ React2.createElement(Typography_default, { style: { color: "#fff" } }, message?.message)))), message?.actions?.map((cur, i) => /* @__PURE__ */ React2.createElement(
+  ), /* @__PURE__ */ React2.createElement(Typography_default, { color: textColor }, message?.message)))), message?.actions?.map((cur, i) => /* @__PURE__ */ React2.createElement(
     TouchableOpacity,
     {
       key: i,
@@ -621,7 +622,7 @@ var AlertX = ({
 var AlertX_default = AlertX;
 
 // ../src/Components/Avatar.tsx
-import { AntDesign } from "@expo/vector-icons";
+import { Ionicons } from "@expo/vector-icons";
 import React6, { useState as useState3 } from "react";
 import { Image, View as View3 } from "react-native";
 import { ms as ms3, ScaledSheet as ScaledSheet3 } from "react-native-size-matters";
@@ -631,7 +632,8 @@ var Avatar = ({
   variant = "contained",
   source,
   size = 48,
-  style = {}
+  style = {},
+  icon
 }) => {
   const colors2 = useColors();
   const [imageError, setImageError] = useState3(false);
@@ -661,12 +663,12 @@ var Avatar = ({
       source,
       onError: () => setImageError(true)
     }
-  ) : label ? /* @__PURE__ */ React6.createElement(Typography_default, { style: { color: colors2[color].text } }, label[0]) : /* @__PURE__ */ React6.createElement(AntDesign, { name: "user", color: "#fff", size: Math.round(size / 1.5) }));
+  ) : label ? /* @__PURE__ */ React6.createElement(Typography_default, { style: { color: colors2[color].text } }, label[0]) : icon ? icon : /* @__PURE__ */ React6.createElement(Ionicons, { name: "person", color: "#fff", size: Math.round(size / 1.5) }));
 };
 var Avatar_default = Avatar;
 
 // ../src/Components/Button.tsx
-import { Ionicons, MaterialIcons as MaterialIcons2 } from "@expo/vector-icons";
+import { Ionicons as Ionicons2, MaterialIcons as MaterialIcons2 } from "@expo/vector-icons";
 import React7, { forwardRef as forwardRef2 } from "react";
 import { ActivityIndicator, Text as Text2, TouchableOpacity as TouchableOpacity2 } from "react-native";
 import { ScaledSheet as ScaledSheet4, moderateScale, ms as ms4 } from "react-native-size-matters";
@@ -733,7 +735,7 @@ var IconButton = ({
   });
   const IconComp = {
     material: MaterialIcons2,
-    ion: Ionicons
+    ion: Ionicons2
   }[iconType];
   return /* @__PURE__ */ React7.createElement(
     TouchableOpacity2,
@@ -916,7 +918,7 @@ var FormWrapper = forwardRef3(
 );
 
 // ../src/Components/StarRating.tsx
-import { Ionicons as Ionicons2 } from "@expo/vector-icons";
+import { Ionicons as Ionicons3 } from "@expo/vector-icons";
 import * as Haptics from "expo-haptics";
 import React11, { useEffect as useEffect4, useState as useState5 } from "react";
 import {
@@ -1179,7 +1181,7 @@ var RatingInput = ({
       }
     },
     /* @__PURE__ */ React11.createElement(
-      Ionicons2,
+      Ionicons3,
       {
         style: { marginLeft: 10 },
         name: index < rate ? "star" : "star-outline",
@@ -1254,7 +1256,7 @@ var RatingStars = ({
     }
   });
   return /* @__PURE__ */ React11.createElement(View6, { style: styles.root }, [...Array(Math.floor(rating))].map((_, index) => /* @__PURE__ */ React11.createElement(
-    Ionicons2,
+    Ionicons3,
     {
       key: index,
       name: "star",
@@ -1262,7 +1264,7 @@ var RatingStars = ({
       color: colors2[color]?.main || color
     }
   )), [...Array(5 - Math.floor(rating))].map((_, index) => /* @__PURE__ */ React11.createElement(
-    Ionicons2,
+    Ionicons3,
     {
       key: index,
       name: "star",
@@ -1308,7 +1310,7 @@ var Grid = ({
 };
 
 // ../src/Components/Locator.tsx
-import { Ionicons as Ionicons4 } from "@expo/vector-icons";
+import { Ionicons as Ionicons5 } from "@expo/vector-icons";
 import React16, { useEffect as useEffect5, useState as useState8 } from "react";
 import { Alert, TouchableOpacity as TouchableOpacity8, View as View11 } from "react-native";
 
@@ -1352,7 +1354,7 @@ var ListItem = ({
 };
 
 // ../src/Components/TextField.tsx
-import { Ionicons as Ionicons3, MaterialIcons as MaterialIcons5 } from "@expo/vector-icons";
+import { Ionicons as Ionicons4, MaterialIcons as MaterialIcons5 } from "@expo/vector-icons";
 import React15, { useRef as useRef2, useState as useState7 } from "react";
 import {
   Animated as Animated3,
@@ -1691,7 +1693,7 @@ var TextField = ({
         }
       },
       /* @__PURE__ */ React15.createElement(
-        Ionicons3,
+        Ionicons4,
         {
           name: "chevron-down",
           color: colors2.textSecondary.main,
@@ -1859,7 +1861,7 @@ var TextField2 = React15.forwardRef(
       },
       /* @__PURE__ */ React15.createElement(View10, { style: { marginTop: multiline ? 5 : 0 } }, start),
       options ? /* @__PURE__ */ React15.createElement(React15.Fragment, null, value ? /* @__PURE__ */ React15.createElement(Typography_default, { style: styles.inputText }, options.find((cur) => cur.value === value)?.label) : /* @__PURE__ */ React15.createElement(Typography_default, { style: styles.placeholder }, placeholder), /* @__PURE__ */ React15.createElement(
-        Ionicons3,
+        Ionicons4,
         {
           name: "chevron-down",
           size: 24,
@@ -1901,7 +1903,7 @@ var TextField2 = React15.forwardRef(
           onPress: () => setShowPassword(!showPassword)
         },
         /* @__PURE__ */ React15.createElement(
-          Ionicons3,
+          Ionicons4,
           {
             name: showPassword ? "eye-outline" : "eye-off-outline",
             size: 24,
@@ -2111,13 +2113,13 @@ var Locator = ({
       helperText,
       variant,
       end: /* @__PURE__ */ React16.createElement(View11, { style: { flexDirection: "row" } }, /* @__PURE__ */ React16.createElement(TouchableOpacity8, { onPress: locateMe, style: { marginRight: 10 } }, /* @__PURE__ */ React16.createElement(
-        Ionicons4,
+        Ionicons5,
         {
           color: colors2.primary.main,
           size: 18,
           name: "location"
         }
-      )), /* @__PURE__ */ React16.createElement(TouchableOpacity8, { onPress: clear }, /* @__PURE__ */ React16.createElement(Ionicons4, { color: colors2.dark.main, size: 18, name: "close" })))
+      )), /* @__PURE__ */ React16.createElement(TouchableOpacity8, { onPress: clear }, /* @__PURE__ */ React16.createElement(Ionicons5, { color: colors2.dark.main, size: 18, name: "close" })))
     }
   ), prediction.length > 0 && /* @__PURE__ */ React16.createElement(View11, { style: styles.list }, prediction.map(
     (cur, i) => i < 5 && /* @__PURE__ */ React16.createElement(
@@ -2129,7 +2131,7 @@ var Locator = ({
         onPress: () => locationPressed(cur)
       },
       /* @__PURE__ */ React16.createElement(
-        Ionicons4,
+        Ionicons5,
         {
           name: "location-outline",
           style: { marginRight: 10 },