@hoddy-ui/next 2.0.13 → 2.0.15

package/dist/index.mjs

@@ -192,54 +192,57 @@ import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { ScaledSheet } from "react-native-size-matters";
 
 // ../src/Components/Typography.tsx
-import React2 from "react";
-import { Text, StyleSheet } from "react-native";
+import React2, { forwardRef } from "react";
+import { StyleSheet, Text } from "react-native";
 import { moderateScale, verticalScale } from "react-native-size-matters";
-var Typography = ({
-  children,
-  color = "dark",
-  style = {},
-  textCase = null,
-  variant = "body1",
-  align = "left",
-  gutterBottom = 0,
-  numberOfLines,
-  adjustsFontSizeToFit,
-  fontWeight = 400
-}) => {
-  const colors2 = useColors();
-  const fontSize = {
-    h1: moderateScale(42),
-    h2: moderateScale(37),
-    h3: moderateScale(32),
-    h4: moderateScale(27),
-    h5: moderateScale(22),
-    h6: moderateScale(17),
-    body1: moderateScale(15),
-    body2: moderateScale(12),
-    caption: moderateScale(10)
-  };
-  const styles2 = StyleSheet.create({
-    text: {
-      fontSize: fontSize[variant],
-      marginBottom: verticalScale(gutterBottom) || 0,
-      color: colors2[color]?.main || color,
-      textTransform: textCase,
-      alignItems: "center",
-      textAlign: align,
-      fontWeight: fontWeight.toString()
-    }
-  });
-  return /* @__PURE__ */ React2.createElement(
-    Text,
-    {
-      numberOfLines,
-      adjustsFontSizeToFit,
-      style: { ...styles2.text, ...style }
-    },
-    children
-  );
-};
+var Typography = forwardRef(
+  ({
+    children,
+    color = "dark",
+    style = {},
+    textCase = null,
+    variant = "body1",
+    align = "left",
+    gutterBottom = 0,
+    numberOfLines,
+    adjustsFontSizeToFit,
+    fontWeight = 400
+  }, ref) => {
+    const colors2 = useColors();
+    const fontSize = {
+      h1: moderateScale(42),
+      h2: moderateScale(37),
+      h3: moderateScale(32),
+      h4: moderateScale(27),
+      h5: moderateScale(22),
+      h6: moderateScale(17),
+      body1: moderateScale(15),
+      body2: moderateScale(12),
+      caption: moderateScale(10)
+    };
+    const styles2 = StyleSheet.create({
+      text: {
+        fontSize: fontSize[variant],
+        marginBottom: verticalScale(gutterBottom) || 0,
+        color: colors2[color]?.main || color,
+        textTransform: textCase,
+        alignItems: "center",
+        textAlign: align,
+        fontWeight: fontWeight.toString()
+      }
+    });
+    return /* @__PURE__ */ React2.createElement(
+      Text,
+      {
+        ref,
+        numberOfLines,
+        adjustsFontSizeToFit,
+        style: { ...styles2.text, ...style }
+      },
+      children
+    );
+  }
+);
 var Typography_default = Typography;
 
 // ../src/Components/FlashMessage.tsx
@@ -551,7 +554,7 @@ var Avatar_default = Avatar;
 
 // ../src/Components/Button.tsx
 import { Ionicons, MaterialIcons as MaterialIcons2 } from "@expo/vector-icons";
-import React8, { forwardRef } from "react";
+import React8, { forwardRef as forwardRef2 } from "react";
 import { ActivityIndicator, Text as Text2, TouchableOpacity as TouchableOpacity2 } from "react-native";
 import { ScaledSheet as ScaledSheet4, moderateScale as moderateScale2 } from "react-native-size-matters";
 var LinkButton = ({
@@ -628,7 +631,7 @@ var IconButton = ({
     /* @__PURE__ */ React8.createElement(IconComp, { style: { ...styles2.text, ...style }, name: icon, size })
   );
 };
-var Button = forwardRef(
+var Button = forwardRef2(
   ({
     elevation = 0,
     onPress = () => {
@@ -1144,7 +1147,7 @@ var ListItem = ({
 
 // ../src/Components/TextField.tsx
 import { Ionicons as Ionicons3, MaterialIcons as MaterialIcons5 } from "@expo/vector-icons";
-import React15, { startTransition, useRef, useState as useState7 } from "react";
+import React15, { useRef, useState as useState7 } from "react";
 import { Animated, TextInput as TextInput2, TouchableOpacity as TouchableOpacity7, View as View10 } from "react-native";
 import {
   ScaledSheet as ScaledSheet12,
@@ -1486,7 +1489,6 @@ var TextField = ({
 var TextField2 = ({
   label,
   keyboardType,
-  variant,
   color = "primary",
   value,
   type,
@@ -1517,9 +1519,7 @@ var TextField2 = ({
     props.multiline ? 50 + (props.numberOfLines || 1) * 18 : 50
   );
   const setFocused = (value2) => {
-    startTransition(() => {
-      _setFocused(value2);
-    });
+    _setFocused(value2);
   };
   const styles2 = ScaledSheet12.create({
     root: {