react-native-ios-translate-sheet 0.0.1 → 1.0.1

package/README.md

@@ -22,10 +22,6 @@
 - 🌐 Access to all languages supported by iOS translation
 - 📱 Native iOS UI and interactions
 
-## Requirements
-
-- iOS 17.4 or later
-
 ## Platform Compatibility
 
 This library is designed specifically for iOS 17.4 and above. It can be safely installed in your React Native project regardless of your target iOS version or if you're developing for Android. However, please note:
@@ -53,24 +49,24 @@ cd ios && pod install
 
 ### Using the Hook
 
-For a more convenient implementation, you can use the provided `useTranslate` hook:
+For a more convenient implementation, you can use the provided `useIOSTranslateSheet` hook:
 
 ```jsx
 import React from 'react';
 import { View, Button, StyleSheet, Text } from 'react-native';
-import { useTranslate } from 'react-native-ios-translate-sheet';
+import { useIOSTranslateSheet } from 'react-native-ios-translate-sheet';
 
 export default function App() {
-  const { translate, TranslateView } = useTranslate();
+  const { presentIOSTranslateSheet, IOSTranslateSheetView } = useIOSTranslateSheet();
   
   const handleTranslate = () => {
-    translate('Hello world! This is a sample text to translate.');
+    presentIOSTranslateSheet('Hello world! This is a sample text to translate.');
   };
   
   return (
     <View style={styles.container}>
-      {/* Add the TranslateView component to your render tree */}
-      <TranslateView />
+      {/* Add the IOSTranslateSheetView component to your render tree */}
+      <IOSTranslateSheetView />
       <Text style={styles.text}>
         Press the button below to translate text
       </Text>
@@ -96,11 +92,11 @@ const styles = StyleSheet.create({
 });
 ```
 
-The `useTranslate` hook provides:
+The `useIOSTranslateSheet` hook provides:
 
-- `translate(text)`: Function to show the translation sheet with the provided text
-- `TranslateView`: A pre-configured component that handles the translation UI
-- `isPresented`: Boolean state indicating if the translation sheet is currently visible
+- `presentIOSTranslateSheet(text)`: Function to show the translation sheet with the provided text
+- `IOSTranslateSheetView`: A pre-configured component that handles the translation UI
+- `isIOSTranslateSheetPresented`: Boolean state indicating if the translation sheet is currently visible
 
 This approach simplifies state management and allows you to trigger translations from anywhere in your component.
 
@@ -159,7 +155,7 @@ const styles = StyleSheet.create({
 
 ### Important Note on View Positioning
 
-> ⚠️ **Warning**: The `IOSTranslateSheetView` or `TranslateView` from the hook **must** cover the entire screen to work properly.
+> ⚠️ **Warning**: The `IOSTranslateSheetView` or `IOSTranslateSheetView` from the hook **must** cover the entire screen to work properly.
 
 This is necessary because:
 
@@ -167,7 +163,7 @@ This is necessary because:
 2. The component needs to overlay all other UI elements to ensure proper interaction
 3. The iOS translation sheet is presented modally on top of your app's content
 
-`<TranslateView />` from the `useTranslate` hook is an absolute full-screen view, so place it well on your component tree to ensure it covers the entire screen. A good practice is to place it at the root level of your app or screen component.
+`<IOSTranslateSheetView />` from the `useIOSTranslateSheet` hook is an absolute full-screen view, so place it well on your component tree to ensure it covers the entire screen. A good practice is to place it at the root level of your app or screen component.
 
 If the view is not positioned correctly, the translation sheet may not appear or function as expected.
 

package/lib/commonjs/IOSTranslateSheetViewNativeComponent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_codegenNativeComponent","_interopRequireDefault","require","e","__esModule","default","_default","exports","codegenNativeComponent"],"sourceRoot":"../../src","sources":["IOSTranslateSheetViewNativeComponent.ts"],"mappings":";;;;;;AAKA,IAAAA,uBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA6F,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAS9E,IAAAG,+BAAsB,EAAc,uBAAuB,CAAC","ignoreList":[]}
+{"version":3,"names":["_codegenNativeComponent","_interopRequireDefault","require","e","__esModule","default","_default","exports","codegenNativeComponent"],"sourceRoot":"../../src","sources":["IOSTranslateSheetViewNativeComponent.ts"],"mappings":";;;;;;AAKA,IAAAA,uBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA6F,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAS9E,IAAAG,+BAAsB,EACnC,uBACF,CAAC","ignoreList":[]}

package/lib/commonjs/TranslateContext.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useIOSTranslateSheet = exports.TranslateProvider = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _IOSTranslateSheetViewNativeComponent = _interopRequireDefault(require("./IOSTranslateSheetViewNativeComponent"));
+var _useTranslate = require("./useTranslate");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const TranslateContext = /*#__PURE__*/(0, _react.createContext)(null);
+const TranslateProvider = ({
+  children
+}) => {
+  const {
+    presentIOSTranslateSheet,
+    isIOSTranslateSheetPresented,
+    text,
+    opacity,
+    hideTranslateSheet
+  } = (0, _useTranslate.useInternalTranslateSheet)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(TranslateContext.Provider, {
+    value: {
+      presentIOSTranslateSheet
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IOSTranslateSheetViewNativeComponent.default, {
+      text: text,
+      isPresented: isIOSTranslateSheetPresented,
+      onHide: hideTranslateSheet,
+      opacity: opacity,
+      style: styles.translateView
+    }), children]
+  });
+};
+exports.TranslateProvider = TranslateProvider;
+const useIOSTranslateSheet = () => {
+  const context = (0, _react.useContext)(TranslateContext);
+  if (!context) {
+    throw new Error("useTranslateSheet must be used within a TranslateProvider");
+  }
+  return context;
+};
+exports.useIOSTranslateSheet = useIOSTranslateSheet;
+const styles = _reactNative.StyleSheet.create({
+  translateView: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  }
+});
+//# sourceMappingURL=TranslateContext.js.map

package/lib/commonjs/TranslateContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_IOSTranslateSheetViewNativeComponent","_interopRequireDefault","_useTranslate","_jsxRuntime","e","__esModule","default","TranslateContext","createContext","TranslateProvider","children","presentIOSTranslateSheet","isIOSTranslateSheetPresented","text","opacity","hideTranslateSheet","useInternalTranslateSheet","jsxs","Provider","value","jsx","isPresented","onHide","style","styles","translateView","exports","useIOSTranslateSheet","context","useContext","Error","StyleSheet","create","position","top","left","right","bottom"],"sourceRoot":"../../src","sources":["TranslateContext.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,qCAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAA2D,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAG,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM3D,MAAMG,gBAAgB,gBAAG,IAAAC,oBAAa,EAA8B,IAAI,CAAC;AAElE,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC;AAAkC,CAAC,KAAK;EAC1E,MAAM;IACJC,wBAAwB;IACxBC,4BAA4B;IAC5BC,IAAI;IACJC,OAAO;IACPC;EACF,CAAC,GAAG,IAAAC,uCAAyB,EAAC,CAAC;EAE/B,oBACE,IAAAb,WAAA,CAAAc,IAAA,EAACV,gBAAgB,CAACW,QAAQ;IAACC,KAAK,EAAE;MAAER;IAAyB,CAAE;IAAAD,QAAA,gBAC7D,IAAAP,WAAA,CAAAiB,GAAA,EAACpB,qCAAA,CAAAM,OAAiB;MAChBO,IAAI,EAAEA,IAAK;MACXQ,WAAW,EAAET,4BAA6B;MAC1CU,MAAM,EAAEP,kBAAmB;MAC3BD,OAAO,EAAEA,OAAQ;MACjBS,KAAK,EAAEC,MAAM,CAACC;IAAc,CAC7B,CAAC,EACDf,QAAQ;EAAA,CACgB,CAAC;AAEhC,CAAC;AAACgB,OAAA,CAAAjB,iBAAA,GAAAA,iBAAA;AAEK,MAAMkB,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACtB,gBAAgB,CAAC;EAC5C,IAAI,CAACqB,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CACb,2DACF,CAAC;EACH;EACA,OAAOF,OAAO;AAChB,CAAC;AAACF,OAAA,CAAAC,oBAAA,GAAAA,oBAAA;AAEF,MAAMH,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAC/BP,aAAa,EAAE;IACbQ,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/index.js

@@ -12,7 +12,7 @@ Object.defineProperty(exports, "IOSTranslateSheet", {
     return _IOSTranslateSheetViewNativeComponent.default;
   }
 });
-var _IOSTranslateSheetViewNativeComponent = _interopRequireWildcard(require("./IOSTranslateSheetViewNativeComponent.js"));
+var _IOSTranslateSheetViewNativeComponent = _interopRequireWildcard(require("./IOSTranslateSheetViewNativeComponent"));
 Object.keys(_IOSTranslateSheetViewNativeComponent).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -24,15 +24,15 @@ Object.keys(_IOSTranslateSheetViewNativeComponent).forEach(function (key) {
     }
   });
 });
-var _useTranslate = require("./useTranslate.js");
-Object.keys(_useTranslate).forEach(function (key) {
+var _TranslateContext = require("./TranslateContext");
+Object.keys(_TranslateContext).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _useTranslate[key]) return;
+  if (key in exports && exports[key] === _TranslateContext[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _useTranslate[key];
+      return _TranslateContext[key];
     }
   });
 });

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_IOSTranslateSheetViewNativeComponent","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_useTranslate","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","n","__proto__","a","getOwnPropertyDescriptor","u","i","set"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,qCAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,qCAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,qCAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAd,qCAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,aAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,aAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,aAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,aAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AAA+B,SAAAU,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAhB,wBAAAgB,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAN,GAAA,CAAAG,CAAA,OAAAO,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAvB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAwB,wBAAA,WAAAC,CAAA,IAAAX,CAAA,oBAAAW,CAAA,OAAApB,cAAA,CAAAC,IAAA,CAAAQ,CAAA,EAAAW,CAAA,SAAAC,CAAA,GAAAH,CAAA,GAAAvB,MAAA,CAAAwB,wBAAA,CAAAV,CAAA,EAAAW,CAAA,UAAAC,CAAA,KAAAA,CAAA,CAAAf,GAAA,IAAAe,CAAA,CAAAC,GAAA,IAAA3B,MAAA,CAAAS,cAAA,CAAAY,CAAA,EAAAI,CAAA,EAAAC,CAAA,IAAAL,CAAA,CAAAI,CAAA,IAAAX,CAAA,CAAAW,CAAA,YAAAJ,CAAA,CAAAF,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAU,GAAA,CAAAb,CAAA,EAAAO,CAAA,GAAAA,CAAA","ignoreList":[]}
+{"version":3,"names":["_IOSTranslateSheetViewNativeComponent","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_TranslateContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","n","__proto__","a","getOwnPropertyDescriptor","u","i","set"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,qCAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,qCAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,qCAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAd,qCAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,iBAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,iBAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,iBAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,iBAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AAAmC,SAAAU,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAhB,wBAAAgB,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAN,GAAA,CAAAG,CAAA,OAAAO,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAvB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAwB,wBAAA,WAAAC,CAAA,IAAAX,CAAA,oBAAAW,CAAA,OAAApB,cAAA,CAAAC,IAAA,CAAAQ,CAAA,EAAAW,CAAA,SAAAC,CAAA,GAAAH,CAAA,GAAAvB,MAAA,CAAAwB,wBAAA,CAAAV,CAAA,EAAAW,CAAA,UAAAC,CAAA,KAAAA,CAAA,CAAAf,GAAA,IAAAe,CAAA,CAAAC,GAAA,IAAA3B,MAAA,CAAAS,cAAA,CAAAY,CAAA,EAAAI,CAAA,EAAAC,CAAA,IAAAL,CAAA,CAAAI,CAAA,IAAAX,CAAA,CAAAW,CAAA,YAAAJ,CAAA,CAAAF,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAU,GAAA,CAAAb,CAAA,EAAAO,CAAA,GAAAA,CAAA","ignoreList":[]}

package/lib/commonjs/useTranslate.js

@@ -3,40 +3,27 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useTranslate = void 0;
+exports.useInternalTranslateSheet = void 0;
 var _react = require("react");
-var _reactNative = require("react-native");
-var _reactNativeIosTranslateSheet = require("react-native-ios-translate-sheet");
-var _jsxRuntime = require("react/jsx-runtime");
-const useTranslate = () => {
-  const [isPresented, setIsPresented] = (0, _react.useState)(false);
+const useInternalTranslateSheet = () => {
+  const [isIOSTranslateSheetPresented, setIsIOSTranslateSheetPresented] = (0, _react.useState)(false);
   const [text, setText] = (0, _react.useState)("");
-  const translate = _text => {
-    setIsPresented(true);
+  const [opacity, setOpacity] = (0, _react.useState)(0);
+  const presentIOSTranslateSheet = (_text, _opacity) => {
+    setIsIOSTranslateSheetPresented(true);
     setText(_text);
+    setOpacity(_opacity ?? 0);
   };
-  const TranslateView = () => {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeIosTranslateSheet.IOSTranslateSheet, {
-      text: text,
-      isPresented: isPresented,
-      onHide: () => setIsPresented(false),
-      style: styles.translateView
-    });
+  const hideTranslateSheet = () => {
+    setIsIOSTranslateSheetPresented(false);
   };
   return {
-    isPresented,
-    translate,
-    TranslateView
+    isIOSTranslateSheetPresented,
+    presentIOSTranslateSheet,
+    hideTranslateSheet,
+    text,
+    opacity
   };
 };
-exports.useTranslate = useTranslate;
-const styles = _reactNative.StyleSheet.create({
-  translateView: {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0
-  }
-});
+exports.useInternalTranslateSheet = useInternalTranslateSheet;
 //# sourceMappingURL=useTranslate.js.map

package/lib/commonjs/useTranslate.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_reactNativeIosTranslateSheet","_jsxRuntime","useTranslate","isPresented","setIsPresented","useState","text","setText","translate","_text","TranslateView","jsx","IOSTranslateSheet","onHide","style","styles","translateView","exports","StyleSheet","create","position","top","left","right","bottom"],"sourceRoot":"../../src","sources":["useTranslate.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,6BAAA,GAAAF,OAAA;AAAqE,IAAAG,WAAA,GAAAH,OAAA;AAE9D,MAAMI,YAAY,GAAGA,CAAA,KAAM;EAChC,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACrD,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAF,eAAQ,EAAC,EAAE,CAAC;EAEpC,MAAMG,SAAS,GAAIC,KAAa,IAAK;IACnCL,cAAc,CAAC,IAAI,CAAC;IACpBG,OAAO,CAACE,KAAK,CAAC;EAChB,CAAC;EAED,MAAMC,aAAa,GAAGA,CAAA,KAAM;IAC1B,oBACE,IAAAT,WAAA,CAAAU,GAAA,EAACX,6BAAA,CAAAY,iBAAiB;MAChBN,IAAI,EAAEA,IAAK;MACXH,WAAW,EAAEA,WAAY;MACzBU,MAAM,EAAEA,CAAA,KAAMT,cAAc,CAAC,KAAK,CAAE;MACpCU,KAAK,EAAEC,MAAM,CAACC;IAAc,CAC7B,CAAC;EAEN,CAAC;EAED,OAAO;IACLb,WAAW;IACXK,SAAS;IACTE;EACF,CAAC;AACH,CAAC;AAACO,OAAA,CAAAf,YAAA,GAAAA,YAAA;AAEF,MAAMa,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,aAAa,EAAE;IACbI,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","require","useInternalTranslateSheet","isIOSTranslateSheetPresented","setIsIOSTranslateSheetPresented","useState","text","setText","opacity","setOpacity","presentIOSTranslateSheet","_text","_opacity","hideTranslateSheet","exports"],"sourceRoot":"../../src","sources":["useTranslate.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,yBAAyB,GAAGA,CAAA,KAAM;EAC7C,MAAM,CAACC,4BAA4B,EAAEC,+BAA+B,CAAC,GACnE,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACjB,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAF,eAAQ,EAAC,EAAE,CAAC;EACpC,MAAM,CAACG,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAJ,eAAQ,EAAC,CAAC,CAAC;EAEzC,MAAMK,wBAAwB,GAAGA,CAACC,KAAa,EAAEC,QAAiB,KAAK;IACrER,+BAA+B,CAAC,IAAI,CAAC;IACrCG,OAAO,CAACI,KAAK,CAAC;IACdF,UAAU,CAACG,QAAQ,IAAI,CAAC,CAAC;EAC3B,CAAC;EAED,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;IAC/BT,+BAA+B,CAAC,KAAK,CAAC;EACxC,CAAC;EAED,OAAO;IACLD,4BAA4B;IAC5BO,wBAAwB;IACxBG,kBAAkB;IAClBP,IAAI;IACJE;EACF,CAAC;AACH,CAAC;AAACM,OAAA,CAAAZ,yBAAA,GAAAA,yBAAA","ignoreList":[]}

package/lib/module/IOSTranslateSheetViewNativeComponent.js.map

@@ -1 +1 @@
-{"version":3,"names":["codegenNativeComponent"],"sourceRoot":"../../src","sources":["IOSTranslateSheetViewNativeComponent.ts"],"mappings":";;AAKA,OAAOA,sBAAsB,MAAM,yDAAyD;AAS5F,eAAeA,sBAAsB,CAAc,uBAAuB,CAAC","ignoreList":[]}
+{"version":3,"names":["codegenNativeComponent"],"sourceRoot":"../../src","sources":["IOSTranslateSheetViewNativeComponent.ts"],"mappings":";;AAKA,OAAOA,sBAAsB,MAAM,yDAAyD;AAS5F,eAAeA,sBAAsB,CACnC,uBACF,CAAC","ignoreList":[]}

package/lib/module/TranslateContext.js

@@ -0,0 +1,48 @@
+"use strict";
+
+import { createContext, useContext } from "react";
+import { StyleSheet } from "react-native";
+import IOSTranslateSheet from "./IOSTranslateSheetViewNativeComponent";
+import { useInternalTranslateSheet } from "./useTranslate";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const TranslateContext = /*#__PURE__*/createContext(null);
+export const TranslateProvider = ({
+  children
+}) => {
+  const {
+    presentIOSTranslateSheet,
+    isIOSTranslateSheetPresented,
+    text,
+    opacity,
+    hideTranslateSheet
+  } = useInternalTranslateSheet();
+  return /*#__PURE__*/_jsxs(TranslateContext.Provider, {
+    value: {
+      presentIOSTranslateSheet
+    },
+    children: [/*#__PURE__*/_jsx(IOSTranslateSheet, {
+      text: text,
+      isPresented: isIOSTranslateSheetPresented,
+      onHide: hideTranslateSheet,
+      opacity: opacity,
+      style: styles.translateView
+    }), children]
+  });
+};
+export const useIOSTranslateSheet = () => {
+  const context = useContext(TranslateContext);
+  if (!context) {
+    throw new Error("useTranslateSheet must be used within a TranslateProvider");
+  }
+  return context;
+};
+const styles = StyleSheet.create({
+  translateView: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  }
+});
+//# sourceMappingURL=TranslateContext.js.map

package/lib/module/TranslateContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","StyleSheet","IOSTranslateSheet","useInternalTranslateSheet","jsx","_jsx","jsxs","_jsxs","TranslateContext","TranslateProvider","children","presentIOSTranslateSheet","isIOSTranslateSheetPresented","text","opacity","hideTranslateSheet","Provider","value","isPresented","onHide","style","styles","translateView","useIOSTranslateSheet","context","Error","create","position","top","left","right","bottom"],"sourceRoot":"../../src","sources":["TranslateContext.tsx"],"mappings":";;AAAA,SAAyBA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AACjE,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,iBAAiB,MAAM,wCAAwC;AACtE,SAASC,yBAAyB,QAAQ,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAM3D,MAAMC,gBAAgB,gBAAGT,aAAa,CAA8B,IAAI,CAAC;AAEzE,OAAO,MAAMU,iBAAiB,GAAGA,CAAC;EAAEC;AAAkC,CAAC,KAAK;EAC1E,MAAM;IACJC,wBAAwB;IACxBC,4BAA4B;IAC5BC,IAAI;IACJC,OAAO;IACPC;EACF,CAAC,GAAGZ,yBAAyB,CAAC,CAAC;EAE/B,oBACEI,KAAA,CAACC,gBAAgB,CAACQ,QAAQ;IAACC,KAAK,EAAE;MAAEN;IAAyB,CAAE;IAAAD,QAAA,gBAC7DL,IAAA,CAACH,iBAAiB;MAChBW,IAAI,EAAEA,IAAK;MACXK,WAAW,EAAEN,4BAA6B;MAC1CO,MAAM,EAAEJ,kBAAmB;MAC3BD,OAAO,EAAEA,OAAQ;MACjBM,KAAK,EAAEC,MAAM,CAACC;IAAc,CAC7B,CAAC,EACDZ,QAAQ;EAAA,CACgB,CAAC;AAEhC,CAAC;AAED,OAAO,MAAMa,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMC,OAAO,GAAGxB,UAAU,CAACQ,gBAAgB,CAAC;EAC5C,IAAI,CAACgB,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CACb,2DACF,CAAC;EACH;EACA,OAAOD,OAAO;AAChB,CAAC;AAED,MAAMH,MAAM,GAAGpB,UAAU,CAACyB,MAAM,CAAC;EAC/BJ,aAAa,EAAE;IACbK,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-export { default as IOSTranslateSheet } from "./IOSTranslateSheetViewNativeComponent.js";
-export * from "./IOSTranslateSheetViewNativeComponent.js";
-export * from "./useTranslate.js";
+export { default as IOSTranslateSheet } from "./IOSTranslateSheetViewNativeComponent";
+export * from "./IOSTranslateSheetViewNativeComponent";
+export * from "./TranslateContext";
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","IOSTranslateSheet"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,iBAAiB,QAAQ,2CAAwC;AACrF,cAAc,2CAAwC;AACtD,cAAc,mBAAgB","ignoreList":[]}
+{"version":3,"names":["default","IOSTranslateSheet"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,iBAAiB,QAAQ,wCAAwC;AACrF,cAAc,wCAAwC;AACtD,cAAc,oBAAoB","ignoreList":[]}

package/lib/module/useTranslate.js

@@ -1,37 +1,24 @@
 "use strict";
 
 import { useState } from "react";
-import { StyleSheet } from "react-native";
-import { IOSTranslateSheet } from "react-native-ios-translate-sheet";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const useTranslate = () => {
-  const [isPresented, setIsPresented] = useState(false);
+export const useInternalTranslateSheet = () => {
+  const [isIOSTranslateSheetPresented, setIsIOSTranslateSheetPresented] = useState(false);
   const [text, setText] = useState("");
-  const translate = _text => {
-    setIsPresented(true);
+  const [opacity, setOpacity] = useState(0);
+  const presentIOSTranslateSheet = (_text, _opacity) => {
+    setIsIOSTranslateSheetPresented(true);
     setText(_text);
+    setOpacity(_opacity ?? 0);
   };
-  const TranslateView = () => {
-    return /*#__PURE__*/_jsx(IOSTranslateSheet, {
-      text: text,
-      isPresented: isPresented,
-      onHide: () => setIsPresented(false),
-      style: styles.translateView
-    });
+  const hideTranslateSheet = () => {
+    setIsIOSTranslateSheetPresented(false);
   };
   return {
-    isPresented,
-    translate,
-    TranslateView
+    isIOSTranslateSheetPresented,
+    presentIOSTranslateSheet,
+    hideTranslateSheet,
+    text,
+    opacity
   };
 };
-const styles = StyleSheet.create({
-  translateView: {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0
-  }
-});
 //# sourceMappingURL=useTranslate.js.map

package/lib/module/useTranslate.js.map

@@ -1 +1 @@
-{"version":3,"names":["useState","StyleSheet","IOSTranslateSheet","jsx","_jsx","useTranslate","isPresented","setIsPresented","text","setText","translate","_text","TranslateView","onHide","style","styles","translateView","create","position","top","left","right","bottom"],"sourceRoot":"../../src","sources":["useTranslate.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAChC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,iBAAiB,QAAQ,kCAAkC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAErE,OAAO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAChC,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGP,QAAQ,CAAC,KAAK,CAAC;EACrD,MAAM,CAACQ,IAAI,EAAEC,OAAO,CAAC,GAAGT,QAAQ,CAAC,EAAE,CAAC;EAEpC,MAAMU,SAAS,GAAIC,KAAa,IAAK;IACnCJ,cAAc,CAAC,IAAI,CAAC;IACpBE,OAAO,CAACE,KAAK,CAAC;EAChB,CAAC;EAED,MAAMC,aAAa,GAAGA,CAAA,KAAM;IAC1B,oBACER,IAAA,CAACF,iBAAiB;MAChBM,IAAI,EAAEA,IAAK;MACXF,WAAW,EAAEA,WAAY;MACzBO,MAAM,EAAEA,CAAA,KAAMN,cAAc,CAAC,KAAK,CAAE;MACpCO,KAAK,EAAEC,MAAM,CAACC;IAAc,CAC7B,CAAC;EAEN,CAAC;EAED,OAAO;IACLV,WAAW;IACXI,SAAS;IACTE;EACF,CAAC;AACH,CAAC;AAED,MAAMG,MAAM,GAAGd,UAAU,CAACgB,MAAM,CAAC;EAC/BD,aAAa,EAAE;IACbE,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["useState","useInternalTranslateSheet","isIOSTranslateSheetPresented","setIsIOSTranslateSheetPresented","text","setText","opacity","setOpacity","presentIOSTranslateSheet","_text","_opacity","hideTranslateSheet"],"sourceRoot":"../../src","sources":["useTranslate.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAEhC,OAAO,MAAMC,yBAAyB,GAAGA,CAAA,KAAM;EAC7C,MAAM,CAACC,4BAA4B,EAAEC,+BAA+B,CAAC,GACnEH,QAAQ,CAAC,KAAK,CAAC;EACjB,MAAM,CAACI,IAAI,EAAEC,OAAO,CAAC,GAAGL,QAAQ,CAAC,EAAE,CAAC;EACpC,MAAM,CAACM,OAAO,EAAEC,UAAU,CAAC,GAAGP,QAAQ,CAAC,CAAC,CAAC;EAEzC,MAAMQ,wBAAwB,GAAGA,CAACC,KAAa,EAAEC,QAAiB,KAAK;IACrEP,+BAA+B,CAAC,IAAI,CAAC;IACrCE,OAAO,CAACI,KAAK,CAAC;IACdF,UAAU,CAACG,QAAQ,IAAI,CAAC,CAAC;EAC3B,CAAC;EAED,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;IAC/BR,+BAA+B,CAAC,KAAK,CAAC;EACxC,CAAC;EAED,OAAO;IACLD,4BAA4B;IAC5BM,wBAAwB;IACxBG,kBAAkB;IAClBP,IAAI;IACJE;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/typescript/{module/src/IOSTranslateSheetViewNativeComponent.d.ts → IOSTranslateSheetViewNativeComponent.d.ts}

@@ -1,11 +1,11 @@
-import type { ViewProps } from "react-native";
+import type { HostComponent, ViewProps } from "react-native";
 import type { DirectEventHandler, Float } from "react-native/Libraries/Types/CodegenTypes";
-interface NativeProps extends ViewProps {
+export interface IOSTranslateSheetProps extends ViewProps {
     text: string;
     isPresented: boolean;
     onHide: DirectEventHandler<null>;
     opacity?: Float;
 }
-declare const _default: import("react-native/Libraries/Utilities/codegenNativeComponent").NativeComponentType<NativeProps>;
+declare const _default: HostComponent<IOSTranslateSheetProps>;
 export default _default;
 //# sourceMappingURL=IOSTranslateSheetViewNativeComponent.d.ts.map

package/lib/typescript/IOSTranslateSheetViewNativeComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IOSTranslateSheetViewNativeComponent.d.ts","sourceRoot":"","sources":["../../src/IOSTranslateSheetViewNativeComponent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,KAAK,EACV,kBAAkB,EAClB,KAAK,EACN,MAAM,2CAA2C,CAAC;AAGnD,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;IACjC,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;wBAII,aAAa,CAAC,sBAAsB,CAAC;AAF1C,wBAE2C"}

package/lib/typescript/TranslateContext.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from "react";
+type TranslateContextType = {
+    presentIOSTranslateSheet: (text: string, opacity?: number) => void;
+};
+export declare const TranslateProvider: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useIOSTranslateSheet: () => TranslateContextType;
+export {};
+//# sourceMappingURL=TranslateContext.d.ts.map

package/lib/typescript/TranslateContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TranslateContext.d.ts","sourceRoot":"","sources":["../../src/TranslateContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA6B,MAAM,OAAO,CAAC;AAKlE,KAAK,oBAAoB,GAAG;IAC1B,wBAAwB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACpE,CAAC;AAIF,eAAO,MAAM,iBAAiB,iBAAkB;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAqBtE,CAAC;AAEF,eAAO,MAAM,oBAAoB,4BAQhC,CAAC"}

package/lib/typescript/{commonjs/src/index.d.ts → index.d.ts}

@@ -1,4 +1,4 @@
 export { default as IOSTranslateSheet } from "./IOSTranslateSheetViewNativeComponent";
 export * from "./IOSTranslateSheetViewNativeComponent";
-export * from "./useTranslate";
+export * from "./TranslateContext";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AACtF,cAAc,wCAAwC,CAAC;AACvD,cAAc,oBAAoB,CAAC"}

package/lib/typescript/useTranslate.d.ts

@@ -0,0 +1,8 @@
+export declare const useInternalTranslateSheet: () => {
+    isIOSTranslateSheetPresented: boolean;
+    presentIOSTranslateSheet: (_text: string, _opacity?: number) => void;
+    hideTranslateSheet: () => void;
+    text: string;
+    opacity: number;
+};
+//# sourceMappingURL=useTranslate.d.ts.map

package/lib/typescript/useTranslate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTranslate.d.ts","sourceRoot":"","sources":["../../src/useTranslate.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,yBAAyB;;sCAMK,MAAM,aAAa,MAAM;;;;CAiBnE,CAAC"}

package/package.json

@@ -1,22 +1,12 @@
 {
   "name": "react-native-ios-translate-sheet",
-  "version": "0.0.1",
+  "version": "1.0.1",
   "description": "SwiftUI Translate Sheet on React Native",
   "source": "./src/index.tsx",
-  "main": "./lib/commonjs/index.js",
-  "module": "./lib/module/index.js",
-  "exports": {
-    ".": {
-      "import": {
-        "types": "./lib/typescript/module/src/index.d.ts",
-        "default": "./lib/module/index.js"
-      },
-      "require": {
-        "types": "./lib/typescript/commonjs/src/index.d.ts",
-        "default": "./lib/commonjs/index.js"
-      }
-    }
-  },
+  "main": "lib/commonjs/index.js",
+  "react-native": "src/index.tsx",
+  "module": "lib/module/index.js",
+  "types": "lib/typescript/index.d.ts",
   "files": [
     "src",
     "lib",
@@ -70,8 +60,10 @@
   "devDependencies": {
     "@biomejs/biome": "^1.9.4",
     "@commitlint/config-conventional": "^17.0.2",
-    "@react-native-community/cli": "15.0.1",
+    "@react-native-community/cli": "15.1.3",
     "@release-it/conventional-changelog": "^9.0.2",
+    "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/git": "^10.0.1",
     "@types/jest": "^29.5.5",
     "@types/react": "^18.2.44",
     "commitlint": "^17.0.2",
@@ -82,6 +74,7 @@
     "react-native": "0.78.0",
     "react-native-builder-bob": "^0.37.0",
     "release-it": "^17.10.0",
+    "semantic-release": "^24.2.3",
     "turbo": "^1.10.7",
     "typescript": "^5.2.2"
   },
@@ -129,26 +122,9 @@
     "source": "src",
     "output": "lib",
     "targets": [
-      "codegen",
-      [
-        "commonjs",
-        {
-          "esm": true
-        }
-      ],
-      [
-        "module",
-        {
-          "esm": true
-        }
-      ],
-      [
-        "typescript",
-        {
-          "project": "tsconfig.build.json",
-          "esm": true
-        }
-      ]
+      "commonjs",
+      "module",
+      "typescript"
     ]
   },
   "codegenConfig": {

package/src/IOSTranslateSheetViewNativeComponent.ts

@@ -1,15 +1,17 @@
-import type { ViewProps } from "react-native";
+import type { HostComponent, ViewProps } from "react-native";
 import type {
   DirectEventHandler,
   Float,
 } from "react-native/Libraries/Types/CodegenTypes";
 import codegenNativeComponent from "react-native/Libraries/Utilities/codegenNativeComponent";
 
-interface NativeProps extends ViewProps {
+export interface IOSTranslateSheetProps extends ViewProps {
   text: string;
   isPresented: boolean;
   onHide: DirectEventHandler<null>;
   opacity?: Float;
 }
 
-export default codegenNativeComponent<NativeProps>("IOSTranslateSheetView");
+export default codegenNativeComponent<IOSTranslateSheetProps>(
+  "IOSTranslateSheetView",
+) as HostComponent<IOSTranslateSheetProps>;

package/src/TranslateContext.tsx

@@ -0,0 +1,53 @@
+import { type ReactNode, createContext, useContext } from "react";
+import { StyleSheet } from "react-native";
+import IOSTranslateSheet from "./IOSTranslateSheetViewNativeComponent";
+import { useInternalTranslateSheet } from "./useTranslate";
+
+type TranslateContextType = {
+  presentIOSTranslateSheet: (text: string, opacity?: number) => void;
+};
+
+const TranslateContext = createContext<TranslateContextType | null>(null);
+
+export const TranslateProvider = ({ children }: { children: ReactNode }) => {
+  const {
+    presentIOSTranslateSheet,
+    isIOSTranslateSheetPresented,
+    text,
+    opacity,
+    hideTranslateSheet,
+  } = useInternalTranslateSheet();
+
+  return (
+    <TranslateContext.Provider value={{ presentIOSTranslateSheet }}>
+      <IOSTranslateSheet
+        text={text}
+        isPresented={isIOSTranslateSheetPresented}
+        onHide={hideTranslateSheet}
+        opacity={opacity}
+        style={styles.translateView}
+      />
+      {children}
+    </TranslateContext.Provider>
+  );
+};
+
+export const useIOSTranslateSheet = () => {
+  const context = useContext(TranslateContext);
+  if (!context) {
+    throw new Error(
+      "useTranslateSheet must be used within a TranslateProvider",
+    );
+  }
+  return context;
+};
+
+const styles = StyleSheet.create({
+  translateView: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+  },
+});

package/src/index.tsx

@@ -1,3 +1,3 @@
 export { default as IOSTranslateSheet } from "./IOSTranslateSheetViewNativeComponent";
 export * from "./IOSTranslateSheetViewNativeComponent";
-export * from "./useTranslate";
+export * from "./TranslateContext";