@hoddy-ui/next 2.0.13 → 2.0.15

package/dist/index.js

@@ -256,51 +256,54 @@ var import_react_native_size_matters2 = require("react-native-size-matters");
 var import_react = __toESM(require("react"));
 var import_react_native = require("react-native");
 var import_react_native_size_matters = require("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: (0, import_react_native_size_matters.moderateScale)(42),
-    h2: (0, import_react_native_size_matters.moderateScale)(37),
-    h3: (0, import_react_native_size_matters.moderateScale)(32),
-    h4: (0, import_react_native_size_matters.moderateScale)(27),
-    h5: (0, import_react_native_size_matters.moderateScale)(22),
-    h6: (0, import_react_native_size_matters.moderateScale)(17),
-    body1: (0, import_react_native_size_matters.moderateScale)(15),
-    body2: (0, import_react_native_size_matters.moderateScale)(12),
-    caption: (0, import_react_native_size_matters.moderateScale)(10)
-  };
-  const styles2 = import_react_native.StyleSheet.create({
-    text: {
-      fontSize: fontSize[variant],
-      marginBottom: (0, import_react_native_size_matters.verticalScale)(gutterBottom) || 0,
-      color: colors2[color]?.main || color,
-      textTransform: textCase,
-      alignItems: "center",
-      textAlign: align,
-      fontWeight: fontWeight.toString()
-    }
-  });
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_react_native.Text,
-    {
-      numberOfLines,
-      adjustsFontSizeToFit,
-      style: { ...styles2.text, ...style }
-    },
-    children
-  );
-};
+var Typography = (0, import_react.forwardRef)(
+  ({
+    children,
+    color = "dark",
+    style = {},
+    textCase = null,
+    variant = "body1",
+    align = "left",
+    gutterBottom = 0,
+    numberOfLines,
+    adjustsFontSizeToFit,
+    fontWeight = 400
+  }, ref) => {
+    const colors2 = useColors();
+    const fontSize = {
+      h1: (0, import_react_native_size_matters.moderateScale)(42),
+      h2: (0, import_react_native_size_matters.moderateScale)(37),
+      h3: (0, import_react_native_size_matters.moderateScale)(32),
+      h4: (0, import_react_native_size_matters.moderateScale)(27),
+      h5: (0, import_react_native_size_matters.moderateScale)(22),
+      h6: (0, import_react_native_size_matters.moderateScale)(17),
+      body1: (0, import_react_native_size_matters.moderateScale)(15),
+      body2: (0, import_react_native_size_matters.moderateScale)(12),
+      caption: (0, import_react_native_size_matters.moderateScale)(10)
+    };
+    const styles2 = import_react_native.StyleSheet.create({
+      text: {
+        fontSize: fontSize[variant],
+        marginBottom: (0, import_react_native_size_matters.verticalScale)(gutterBottom) || 0,
+        color: colors2[color]?.main || color,
+        textTransform: textCase,
+        alignItems: "center",
+        textAlign: align,
+        fontWeight: fontWeight.toString()
+      }
+    });
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_react_native.Text,
+      {
+        ref,
+        numberOfLines,
+        adjustsFontSizeToFit,
+        style: { ...styles2.text, ...style }
+      },
+      children
+    );
+  }
+);
 var Typography_default = Typography;
 
 // ../src/Components/FlashMessage.tsx
@@ -1522,7 +1525,6 @@ var TextField = ({
 var TextField2 = ({
   label,
   keyboardType,
-  variant,
   color = "primary",
   value,
   type,
@@ -1553,9 +1555,7 @@ var TextField2 = ({
     props.multiline ? 50 + (props.numberOfLines || 1) * 18 : 50
   );
   const setFocused = (value2) => {
-    (0, import_react16.startTransition)(() => {
-      _setFocused(value2);
-    });
+    _setFocused(value2);
   };
   const styles2 = import_react_native_size_matters14.ScaledSheet.create({
     root: {