@magmamath/students-features 1.8.6-rc.1 → 1.8.6-rc.2

package/dist/commonjs/features/keyboard/helpers.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isMobileWidth = exports.getUnitsKeyboardGroup = exports.getMainKeyboardGroup = exports.getIsIpadOrIphoneDevice = void 0;
-var _reactNativeUi = require("@magmamath/react-native-ui");
+var _commonConstants = require("../../shared/common.constants.js");
 var _keyboardLayouts = require("./constants/keyboardLayouts.js");
 const getMainKeyboardGroup = (keys, type) => {
   return keys.operators[type];
@@ -14,14 +14,7 @@ const getUnitsKeyboardGroup = (keys, type) => {
   return keys.units[type];
 };
 exports.getUnitsKeyboardGroup = getUnitsKeyboardGroup;
-const getIsIpadOrIphoneDevice = () => {
-  if (!_reactNativeUi.IS_WEB) {
-    return false;
-  }
-  const isIOS = /iPad|iPhone|iPod/.test(navigator.platform);
-  const isIpadOS = navigator?.maxTouchPoints > 2 && /MacIntel/.test(navigator.platform);
-  return isIOS || isIpadOS;
-};
+const getIsIpadOrIphoneDevice = () => _commonConstants.isIosWeb;
 exports.getIsIpadOrIphoneDevice = getIsIpadOrIphoneDevice;
 const isMobileWidth = (width, characterType) => {
   const layoutWidth = (0, _keyboardLayouts.getMobileBreakpointByCharType)(characterType);

package/dist/commonjs/features/keyboard/helpers.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNativeUi","require","_keyboardLayouts","getMainKeyboardGroup","keys","type","operators","exports","getUnitsKeyboardGroup","units","getIsIpadOrIphoneDevice","IS_WEB","isIOS","test","navigator","platform","isIpadOS","maxTouchPoints","isMobileWidth","width","characterType","layoutWidth","getMobileBreakpointByCharType"],"sourceRoot":"../../../../src","sources":["features/keyboard/helpers.ts"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAGO,MAAME,oBAAoB,GAAGA,CAACC,IAAsB,EAAEC,IAAkB,KAAK;EAClF,OAAOD,IAAI,CAACE,SAAS,CAACD,IAAI,CAAC;AAC7B,CAAC;AAAAE,OAAA,CAAAJ,oBAAA,GAAAA,oBAAA;AAEM,MAAMK,qBAAqB,GAAGA,CAACJ,IAAsB,EAAEC,IAA4B,KAAK;EAC7F,OAAOD,IAAI,CAACK,KAAK,CAACJ,IAAI,CAAC;AACzB,CAAC;AAAAE,OAAA,CAAAC,qBAAA,GAAAA,qBAAA;AAEM,MAAME,uBAAuB,GAAGA,CAAA,KAAM;EAC3C,IAAI,CAACC,qBAAM,EAAE;IACX,OAAO,KAAK;EACd;EACA,MAAMC,KAAK,GAAG,kBAAkB,CAACC,IAAI,CAACC,SAAS,CAACC,QAAQ,CAAC;EACzD,MAAMC,QAAQ,GAAGF,SAAS,EAAEG,cAAc,GAAG,CAAC,IAAI,UAAU,CAACJ,IAAI,CAACC,SAAS,CAACC,QAAQ,CAAC;EACrF,OAAOH,KAAK,IAAII,QAAQ;AAC1B,CAAC;AAAAT,OAAA,CAAAG,uBAAA,GAAAA,uBAAA;AAEM,MAAMQ,aAAa,GAAGA,CAACC,KAAa,EAAEC,aAAsB,KAAK;EACtE,MAAMC,WAAW,GAAG,IAAAC,8CAA6B,EAACF,aAAa,CAAC;EAChE,OAAOD,KAAK,IAAIE,WAAW;AAC7B,CAAC;AAAAd,OAAA,CAAAW,aAAA,GAAAA,aAAA","ignoreList":[]}
+{"version":3,"names":["_commonConstants","require","_keyboardLayouts","getMainKeyboardGroup","keys","type","operators","exports","getUnitsKeyboardGroup","units","getIsIpadOrIphoneDevice","isIosWeb","isMobileWidth","width","characterType","layoutWidth","getMobileBreakpointByCharType"],"sourceRoot":"../../../../src","sources":["features/keyboard/helpers.ts"],"mappings":";;;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAGO,MAAME,oBAAoB,GAAGA,CAACC,IAAsB,EAAEC,IAAkB,KAAK;EAClF,OAAOD,IAAI,CAACE,SAAS,CAACD,IAAI,CAAC;AAC7B,CAAC;AAAAE,OAAA,CAAAJ,oBAAA,GAAAA,oBAAA;AAEM,MAAMK,qBAAqB,GAAGA,CAACJ,IAAsB,EAAEC,IAA4B,KAAK;EAC7F,OAAOD,IAAI,CAACK,KAAK,CAACJ,IAAI,CAAC;AACzB,CAAC;AAAAE,OAAA,CAAAC,qBAAA,GAAAA,qBAAA;AAEM,MAAME,uBAAuB,GAAGA,CAAA,KAAMC,yBAAQ;AAAAJ,OAAA,CAAAG,uBAAA,GAAAA,uBAAA;AAE9C,MAAME,aAAa,GAAGA,CAACC,KAAa,EAAEC,aAAsB,KAAK;EACtE,MAAMC,WAAW,GAAG,IAAAC,8CAA6B,EAACF,aAAa,CAAC;EAChE,OAAOD,KAAK,IAAIE,WAAW;AAC7B,CAAC;AAAAR,OAAA,CAAAK,aAAA,GAAAA,aAAA","ignoreList":[]}

package/dist/commonjs/shared/common.constants.js

@@ -3,9 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isWeb = exports.SortingDirection = exports.BURGER_MENU_BREAKPOINT = void 0;
+exports.isWeb = exports.isIosWeb = exports.SortingDirection = exports.BURGER_MENU_BREAKPOINT = void 0;
 var _reactNative = require("react-native");
 const isWeb = exports.isWeb = _reactNative.Platform.OS === 'web';
+
+// iOS Safari / iPadOS on web is the only web platform where the on-screen keyboard
+// overlaps content instead of resizing the viewport (Android resizes it via the
+// `interactive-widget` meta tag; desktop has no virtual keyboard).
+const isIosWeb = exports.isIosWeb = isWeb && (/iPad|iPhone|iPod/.test(navigator.platform) || navigator.maxTouchPoints > 2 && /MacIntel/.test(navigator.platform));
 let SortingDirection = exports.SortingDirection = /*#__PURE__*/function (SortingDirection) {
   SortingDirection["DESC"] = "desc";
   SortingDirection["ASC"] = "asc";

package/dist/commonjs/shared/common.constants.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","isWeb","exports","Platform","OS","SortingDirection","BURGER_MENU_BREAKPOINT"],"sourceRoot":"../../../src","sources":["shared/common.constants.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAGE,qBAAQ,CAACC,EAAE,KAAK,KAAK;AAAA,IAE9BC,gBAAgB,GAAAH,OAAA,CAAAG,gBAAA,0BAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAA,OAAhBA,gBAAgB;AAAA;AAKrB,MAAMC,sBAAsB,GAAAJ,OAAA,CAAAI,sBAAA,GAAG,IAAI","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","isWeb","exports","Platform","OS","isIosWeb","test","navigator","platform","maxTouchPoints","SortingDirection","BURGER_MENU_BREAKPOINT"],"sourceRoot":"../../../src","sources":["shared/common.constants.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAGE,qBAAQ,CAACC,EAAE,KAAK,KAAK;;AAE1C;AACA;AACA;AACO,MAAMC,QAAQ,GAAAH,OAAA,CAAAG,QAAA,GACnBJ,KAAK,KACJ,kBAAkB,CAACK,IAAI,CAACC,SAAS,CAACC,QAAQ,CAAC,IACzCD,SAAS,CAACE,cAAc,GAAG,CAAC,IAAI,UAAU,CAACH,IAAI,CAACC,SAAS,CAACC,QAAQ,CAAE,CAAC;AAAA,IAE9DE,gBAAgB,GAAAR,OAAA,CAAAQ,gBAAA,0BAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAA,OAAhBA,gBAAgB;AAAA;AAKrB,MAAMC,sBAAsB,GAAAT,OAAA,CAAAS,sBAAA,GAAG,IAAI","ignoreList":[]}

package/dist/commonjs/shared/hooks/useKeyboardOffset.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useKeyboardOffset = void 0;
 var _react = require("react");
 var _reactNative = require("react-native");
+var _reactNativeUi = require("@magmamath/react-native-ui");
 var _commonConstants = require("../common.constants.js");
 const SHOW_EVENT = _reactNative.Platform.OS === 'ios' ? 'keyboardWillShow' : 'keyboardDidShow';
 const HIDE_EVENT = _reactNative.Platform.OS === 'ios' ? 'keyboardWillHide' : 'keyboardDidHide';
@@ -14,10 +15,12 @@ const ANIMATION_DURATION = 220;
 /**
  * Returns an animated value tracking the on-screen keyboard height.
  *
- * - native: subscribes to the platform `Keyboard` events.
- * - web: reads `visualViewport`, so it only reacts to a *virtual* keyboard
- *   (mobile browsers). A physical desktop keyboard never shrinks the viewport,
- *   so the value stays 0 and nothing moves.
+ * Only reacts where the keyboard actually overlaps the modal:
+ * - native mobile (`IS_MOBILE`) — via the platform `Keyboard` events;
+ * - iOS web (`isIosWeb`) — via `visualViewport`.
+ *
+ * Android web (the viewport resizes itself via `interactive-widget`) and desktop
+ * (no virtual keyboard) keep the value at 0, so nothing moves.
  */
 const useKeyboardOffset = () => {
   const keyboardHeight = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
@@ -25,9 +28,9 @@ const useKeyboardOffset = () => {
     const animateTo = toValue => _reactNative.Animated.timing(keyboardHeight, {
       toValue,
       duration: ANIMATION_DURATION,
-      useNativeDriver: !_commonConstants.isWeb
+      useNativeDriver: _reactNativeUi.IS_MOBILE
     }).start();
-    if (_commonConstants.isWeb) {
+    if (_commonConstants.isIosWeb) {
       const viewport = window.visualViewport;
       if (!viewport) return;
       const update = () => {
@@ -41,6 +44,7 @@ const useKeyboardOffset = () => {
         viewport.removeEventListener('scroll', update);
       };
     }
+    if (!_reactNativeUi.IS_MOBILE) return;
     const showSub = _reactNative.Keyboard.addListener(SHOW_EVENT, event => animateTo(event.endCoordinates.height));
     const hideSub = _reactNative.Keyboard.addListener(HIDE_EVENT, () => animateTo(0));
     return () => {

package/dist/commonjs/shared/hooks/useKeyboardOffset.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_commonConstants","SHOW_EVENT","Platform","OS","HIDE_EVENT","ANIMATION_DURATION","useKeyboardOffset","keyboardHeight","useRef","Animated","Value","current","useEffect","animateTo","toValue","timing","duration","useNativeDriver","isWeb","start","viewport","window","visualViewport","update","overlap","Math","max","innerHeight","height","offsetTop","addEventListener","removeEventListener","showSub","Keyboard","addListener","event","endCoordinates","hideSub","remove","exports"],"sourceRoot":"../../../../src","sources":["shared/hooks/useKeyboardOffset.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,gBAAA,GAAAF,OAAA;AAEA,MAAMG,UAAU,GAAGC,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAAG,kBAAkB,GAAG,iBAAiB;AACjF,MAAMC,UAAU,GAAGF,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAAG,kBAAkB,GAAG,iBAAiB;AACjF,MAAME,kBAAkB,GAAG,GAAG;;AAE9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACrC,MAAMC,cAAc,GAAG,IAAAC,aAAM,EAAC,IAAIC,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAE5D,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,SAAS,GAAIC,OAAe,IAChCL,qBAAQ,CAACM,MAAM,CAACR,cAAc,EAAE;MAC9BO,OAAO;MACPE,QAAQ,EAAEX,kBAAkB;MAC5BY,eAAe,EAAE,CAACC;IACpB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;IAEZ,IAAID,sBAAK,EAAE;MACT,MAAME,QAAQ,GAAGC,MAAM,CAACC,cAAc;MACtC,IAAI,CAACF,QAAQ,EAAE;MAEf,MAAMG,MAAM,GAAGA,CAAA,KAAM;QACnB,MAAMC,OAAO,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEL,MAAM,CAACM,WAAW,GAAGP,QAAQ,CAACQ,MAAM,GAAGR,QAAQ,CAACS,SAAS,CAAC;QACtFhB,SAAS,CAACW,OAAO,CAAC;MACpB,CAAC;MAEDJ,QAAQ,CAACU,gBAAgB,CAAC,QAAQ,EAAEP,MAAM,CAAC;MAC3CH,QAAQ,CAACU,gBAAgB,CAAC,QAAQ,EAAEP,MAAM,CAAC;MAC3C,OAAO,MAAM;QACXH,QAAQ,CAACW,mBAAmB,CAAC,QAAQ,EAAER,MAAM,CAAC;QAC9CH,QAAQ,CAACW,mBAAmB,CAAC,QAAQ,EAAER,MAAM,CAAC;MAChD,CAAC;IACH;IAEA,MAAMS,OAAO,GAAGC,qBAAQ,CAACC,WAAW,CAACjC,UAAU,EAAGkC,KAAoB,IACpEtB,SAAS,CAACsB,KAAK,CAACC,cAAc,CAACR,MAAM,CACvC,CAAC;IACD,MAAMS,OAAO,GAAGJ,qBAAQ,CAACC,WAAW,CAAC9B,UAAU,EAAE,MAAMS,SAAS,CAAC,CAAC,CAAC,CAAC;IACpE,OAAO,MAAM;MACXmB,OAAO,CAACM,MAAM,CAAC,CAAC;MAChBD,OAAO,CAACC,MAAM,CAAC,CAAC;IAClB,CAAC;EACH,CAAC,EAAE,CAAC/B,cAAc,CAAC,CAAC;EAEpB,OAAOA,cAAc;AACvB,CAAC;AAAAgC,OAAA,CAAAjC,iBAAA,GAAAA,iBAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_reactNativeUi","_commonConstants","SHOW_EVENT","Platform","OS","HIDE_EVENT","ANIMATION_DURATION","useKeyboardOffset","keyboardHeight","useRef","Animated","Value","current","useEffect","animateTo","toValue","timing","duration","useNativeDriver","IS_MOBILE","start","isIosWeb","viewport","window","visualViewport","update","overlap","Math","max","innerHeight","height","offsetTop","addEventListener","removeEventListener","showSub","Keyboard","addListener","event","endCoordinates","hideSub","remove","exports"],"sourceRoot":"../../../../src","sources":["shared/hooks/useKeyboardOffset.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAAG,gBAAA,GAAAH,OAAA;AAEA,MAAMI,UAAU,GAAGC,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAAG,kBAAkB,GAAG,iBAAiB;AACjF,MAAMC,UAAU,GAAGF,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAAG,kBAAkB,GAAG,iBAAiB;AACjF,MAAME,kBAAkB,GAAG,GAAG;;AAE9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACrC,MAAMC,cAAc,GAAG,IAAAC,aAAM,EAAC,IAAIC,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAE5D,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,SAAS,GAAIC,OAAe,IAChCL,qBAAQ,CAACM,MAAM,CAACR,cAAc,EAAE;MAC9BO,OAAO;MACPE,QAAQ,EAAEX,kBAAkB;MAC5BY,eAAe,EAAEC;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;IAEZ,IAAIC,yBAAQ,EAAE;MACZ,MAAMC,QAAQ,GAAGC,MAAM,CAACC,cAAc;MACtC,IAAI,CAACF,QAAQ,EAAE;MAEf,MAAMG,MAAM,GAAGA,CAAA,KAAM;QACnB,MAAMC,OAAO,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEL,MAAM,CAACM,WAAW,GAAGP,QAAQ,CAACQ,MAAM,GAAGR,QAAQ,CAACS,SAAS,CAAC;QACtFjB,SAAS,CAACY,OAAO,CAAC;MACpB,CAAC;MAEDJ,QAAQ,CAACU,gBAAgB,CAAC,QAAQ,EAAEP,MAAM,CAAC;MAC3CH,QAAQ,CAACU,gBAAgB,CAAC,QAAQ,EAAEP,MAAM,CAAC;MAC3C,OAAO,MAAM;QACXH,QAAQ,CAACW,mBAAmB,CAAC,QAAQ,EAAER,MAAM,CAAC;QAC9CH,QAAQ,CAACW,mBAAmB,CAAC,QAAQ,EAAER,MAAM,CAAC;MAChD,CAAC;IACH;IAEA,IAAI,CAACN,wBAAS,EAAE;IAEhB,MAAMe,OAAO,GAAGC,qBAAQ,CAACC,WAAW,CAAClC,UAAU,EAAGmC,KAAoB,IACpEvB,SAAS,CAACuB,KAAK,CAACC,cAAc,CAACR,MAAM,CACvC,CAAC;IACD,MAAMS,OAAO,GAAGJ,qBAAQ,CAACC,WAAW,CAAC/B,UAAU,EAAE,MAAMS,SAAS,CAAC,CAAC,CAAC,CAAC;IACpE,OAAO,MAAM;MACXoB,OAAO,CAACM,MAAM,CAAC,CAAC;MAChBD,OAAO,CAACC,MAAM,CAAC,CAAC;IAClB,CAAC;EACH,CAAC,EAAE,CAAChC,cAAc,CAAC,CAAC;EAEpB,OAAOA,cAAc;AACvB,CAAC;AAAAiC,OAAA,CAAAlC,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/dist/module/features/keyboard/helpers.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import { IS_WEB } from '@magmamath/react-native-ui';
+import { isIosWeb } from "../../shared/common.constants.js";
 import { getMobileBreakpointByCharType } from "./constants/keyboardLayouts.js";
 export const getMainKeyboardGroup = (keys, type) => {
   return keys.operators[type];
@@ -8,14 +8,7 @@ export const getMainKeyboardGroup = (keys, type) => {
 export const getUnitsKeyboardGroup = (keys, type) => {
   return keys.units[type];
 };
-export const getIsIpadOrIphoneDevice = () => {
-  if (!IS_WEB) {
-    return false;
-  }
-  const isIOS = /iPad|iPhone|iPod/.test(navigator.platform);
-  const isIpadOS = navigator?.maxTouchPoints > 2 && /MacIntel/.test(navigator.platform);
-  return isIOS || isIpadOS;
-};
+export const getIsIpadOrIphoneDevice = () => isIosWeb;
 export const isMobileWidth = (width, characterType) => {
   const layoutWidth = getMobileBreakpointByCharType(characterType);
   return width <= layoutWidth;

package/dist/module/features/keyboard/helpers.js.map

@@ -1 +1 @@
-{"version":3,"names":["IS_WEB","getMobileBreakpointByCharType","getMainKeyboardGroup","keys","type","operators","getUnitsKeyboardGroup","units","getIsIpadOrIphoneDevice","isIOS","test","navigator","platform","isIpadOS","maxTouchPoints","isMobileWidth","width","characterType","layoutWidth"],"sourceRoot":"../../../../src","sources":["features/keyboard/helpers.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,4BAA4B;AACnD,SAASC,6BAA6B,QAAQ,gCAA6B;AAG3E,OAAO,MAAMC,oBAAoB,GAAGA,CAACC,IAAsB,EAAEC,IAAkB,KAAK;EAClF,OAAOD,IAAI,CAACE,SAAS,CAACD,IAAI,CAAC;AAC7B,CAAC;AAED,OAAO,MAAME,qBAAqB,GAAGA,CAACH,IAAsB,EAAEC,IAA4B,KAAK;EAC7F,OAAOD,IAAI,CAACI,KAAK,CAACH,IAAI,CAAC;AACzB,CAAC;AAED,OAAO,MAAMI,uBAAuB,GAAGA,CAAA,KAAM;EAC3C,IAAI,CAACR,MAAM,EAAE;IACX,OAAO,KAAK;EACd;EACA,MAAMS,KAAK,GAAG,kBAAkB,CAACC,IAAI,CAACC,SAAS,CAACC,QAAQ,CAAC;EACzD,MAAMC,QAAQ,GAAGF,SAAS,EAAEG,cAAc,GAAG,CAAC,IAAI,UAAU,CAACJ,IAAI,CAACC,SAAS,CAACC,QAAQ,CAAC;EACrF,OAAOH,KAAK,IAAII,QAAQ;AAC1B,CAAC;AAED,OAAO,MAAME,aAAa,GAAGA,CAACC,KAAa,EAAEC,aAAsB,KAAK;EACtE,MAAMC,WAAW,GAAGjB,6BAA6B,CAACgB,aAAa,CAAC;EAChE,OAAOD,KAAK,IAAIE,WAAW;AAC7B,CAAC","ignoreList":[]}
+{"version":3,"names":["isIosWeb","getMobileBreakpointByCharType","getMainKeyboardGroup","keys","type","operators","getUnitsKeyboardGroup","units","getIsIpadOrIphoneDevice","isMobileWidth","width","characterType","layoutWidth"],"sourceRoot":"../../../../src","sources":["features/keyboard/helpers.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,kCAA+B;AACxD,SAASC,6BAA6B,QAAQ,gCAA6B;AAG3E,OAAO,MAAMC,oBAAoB,GAAGA,CAACC,IAAsB,EAAEC,IAAkB,KAAK;EAClF,OAAOD,IAAI,CAACE,SAAS,CAACD,IAAI,CAAC;AAC7B,CAAC;AAED,OAAO,MAAME,qBAAqB,GAAGA,CAACH,IAAsB,EAAEC,IAA4B,KAAK;EAC7F,OAAOD,IAAI,CAACI,KAAK,CAACH,IAAI,CAAC;AACzB,CAAC;AAED,OAAO,MAAMI,uBAAuB,GAAGA,CAAA,KAAMR,QAAQ;AAErD,OAAO,MAAMS,aAAa,GAAGA,CAACC,KAAa,EAAEC,aAAsB,KAAK;EACtE,MAAMC,WAAW,GAAGX,6BAA6B,CAACU,aAAa,CAAC;EAChE,OAAOD,KAAK,IAAIE,WAAW;AAC7B,CAAC","ignoreList":[]}

package/dist/module/shared/common.constants.js

@@ -2,6 +2,11 @@
 
 import { Platform } from 'react-native';
 export const isWeb = Platform.OS === 'web';
+
+// iOS Safari / iPadOS on web is the only web platform where the on-screen keyboard
+// overlaps content instead of resizing the viewport (Android resizes it via the
+// `interactive-widget` meta tag; desktop has no virtual keyboard).
+export const isIosWeb = isWeb && (/iPad|iPhone|iPod/.test(navigator.platform) || navigator.maxTouchPoints > 2 && /MacIntel/.test(navigator.platform));
 export let SortingDirection = /*#__PURE__*/function (SortingDirection) {
   SortingDirection["DESC"] = "desc";
   SortingDirection["ASC"] = "asc";

package/dist/module/shared/common.constants.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","isWeb","OS","SortingDirection","BURGER_MENU_BREAKPOINT"],"sourceRoot":"../../../src","sources":["shared/common.constants.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AAEvC,OAAO,MAAMC,KAAK,GAAGD,QAAQ,CAACE,EAAE,KAAK,KAAK;AAE1C,WAAYC,gBAAgB,0BAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAA,OAAhBA,gBAAgB;AAAA;AAK5B,OAAO,MAAMC,sBAAsB,GAAG,IAAI","ignoreList":[]}
+{"version":3,"names":["Platform","isWeb","OS","isIosWeb","test","navigator","platform","maxTouchPoints","SortingDirection","BURGER_MENU_BREAKPOINT"],"sourceRoot":"../../../src","sources":["shared/common.constants.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AAEvC,OAAO,MAAMC,KAAK,GAAGD,QAAQ,CAACE,EAAE,KAAK,KAAK;;AAE1C;AACA;AACA;AACA,OAAO,MAAMC,QAAQ,GACnBF,KAAK,KACJ,kBAAkB,CAACG,IAAI,CAACC,SAAS,CAACC,QAAQ,CAAC,IACzCD,SAAS,CAACE,cAAc,GAAG,CAAC,IAAI,UAAU,CAACH,IAAI,CAACC,SAAS,CAACC,QAAQ,CAAE,CAAC;AAE1E,WAAYE,gBAAgB,0BAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAhBA,gBAAgB;EAAA,OAAhBA,gBAAgB;AAAA;AAK5B,OAAO,MAAMC,sBAAsB,GAAG,IAAI","ignoreList":[]}

package/dist/module/shared/hooks/useKeyboardOffset.js

@@ -2,7 +2,8 @@
 
 import { useEffect, useRef } from 'react';
 import { Animated, Keyboard, Platform } from 'react-native';
-import { isWeb } from "../common.constants.js";
+import { IS_MOBILE } from '@magmamath/react-native-ui';
+import { isIosWeb } from "../common.constants.js";
 const SHOW_EVENT = Platform.OS === 'ios' ? 'keyboardWillShow' : 'keyboardDidShow';
 const HIDE_EVENT = Platform.OS === 'ios' ? 'keyboardWillHide' : 'keyboardDidHide';
 const ANIMATION_DURATION = 220;
@@ -10,10 +11,12 @@ const ANIMATION_DURATION = 220;
 /**
  * Returns an animated value tracking the on-screen keyboard height.
  *
- * - native: subscribes to the platform `Keyboard` events.
- * - web: reads `visualViewport`, so it only reacts to a *virtual* keyboard
- *   (mobile browsers). A physical desktop keyboard never shrinks the viewport,
- *   so the value stays 0 and nothing moves.
+ * Only reacts where the keyboard actually overlaps the modal:
+ * - native mobile (`IS_MOBILE`) — via the platform `Keyboard` events;
+ * - iOS web (`isIosWeb`) — via `visualViewport`.
+ *
+ * Android web (the viewport resizes itself via `interactive-widget`) and desktop
+ * (no virtual keyboard) keep the value at 0, so nothing moves.
  */
 export const useKeyboardOffset = () => {
   const keyboardHeight = useRef(new Animated.Value(0)).current;
@@ -21,9 +24,9 @@ export const useKeyboardOffset = () => {
     const animateTo = toValue => Animated.timing(keyboardHeight, {
       toValue,
       duration: ANIMATION_DURATION,
-      useNativeDriver: !isWeb
+      useNativeDriver: IS_MOBILE
     }).start();
-    if (isWeb) {
+    if (isIosWeb) {
       const viewport = window.visualViewport;
       if (!viewport) return;
       const update = () => {
@@ -37,6 +40,7 @@ export const useKeyboardOffset = () => {
         viewport.removeEventListener('scroll', update);
       };
     }
+    if (!IS_MOBILE) return;
     const showSub = Keyboard.addListener(SHOW_EVENT, event => animateTo(event.endCoordinates.height));
     const hideSub = Keyboard.addListener(HIDE_EVENT, () => animateTo(0));
     return () => {

package/dist/module/shared/hooks/useKeyboardOffset.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useRef","Animated","Keyboard","Platform","isWeb","SHOW_EVENT","OS","HIDE_EVENT","ANIMATION_DURATION","useKeyboardOffset","keyboardHeight","Value","current","animateTo","toValue","timing","duration","useNativeDriver","start","viewport","window","visualViewport","update","overlap","Math","max","innerHeight","height","offsetTop","addEventListener","removeEventListener","showSub","addListener","event","endCoordinates","hideSub","remove"],"sourceRoot":"../../../../src","sources":["shared/hooks/useKeyboardOffset.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzC,SAASC,QAAQ,EAAEC,QAAQ,EAAEC,QAAQ,QAA4B,cAAc;AAE/E,SAASC,KAAK,QAAQ,wBAAqB;AAE3C,MAAMC,UAAU,GAAGF,QAAQ,CAACG,EAAE,KAAK,KAAK,GAAG,kBAAkB,GAAG,iBAAiB;AACjF,MAAMC,UAAU,GAAGJ,QAAQ,CAACG,EAAE,KAAK,KAAK,GAAG,kBAAkB,GAAG,iBAAiB;AACjF,MAAME,kBAAkB,GAAG,GAAG;;AAE9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACrC,MAAMC,cAAc,GAAGV,MAAM,CAAC,IAAIC,QAAQ,CAACU,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAE5Db,SAAS,CAAC,MAAM;IACd,MAAMc,SAAS,GAAIC,OAAe,IAChCb,QAAQ,CAACc,MAAM,CAACL,cAAc,EAAE;MAC9BI,OAAO;MACPE,QAAQ,EAAER,kBAAkB;MAC5BS,eAAe,EAAE,CAACb;IACpB,CAAC,CAAC,CAACc,KAAK,CAAC,CAAC;IAEZ,IAAId,KAAK,EAAE;MACT,MAAMe,QAAQ,GAAGC,MAAM,CAACC,cAAc;MACtC,IAAI,CAACF,QAAQ,EAAE;MAEf,MAAMG,MAAM,GAAGA,CAAA,KAAM;QACnB,MAAMC,OAAO,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEL,MAAM,CAACM,WAAW,GAAGP,QAAQ,CAACQ,MAAM,GAAGR,QAAQ,CAACS,SAAS,CAAC;QACtFf,SAAS,CAACU,OAAO,CAAC;MACpB,CAAC;MAEDJ,QAAQ,CAACU,gBAAgB,CAAC,QAAQ,EAAEP,MAAM,CAAC;MAC3CH,QAAQ,CAACU,gBAAgB,CAAC,QAAQ,EAAEP,MAAM,CAAC;MAC3C,OAAO,MAAM;QACXH,QAAQ,CAACW,mBAAmB,CAAC,QAAQ,EAAER,MAAM,CAAC;QAC9CH,QAAQ,CAACW,mBAAmB,CAAC,QAAQ,EAAER,MAAM,CAAC;MAChD,CAAC;IACH;IAEA,MAAMS,OAAO,GAAG7B,QAAQ,CAAC8B,WAAW,CAAC3B,UAAU,EAAG4B,KAAoB,IACpEpB,SAAS,CAACoB,KAAK,CAACC,cAAc,CAACP,MAAM,CACvC,CAAC;IACD,MAAMQ,OAAO,GAAGjC,QAAQ,CAAC8B,WAAW,CAACzB,UAAU,EAAE,MAAMM,SAAS,CAAC,CAAC,CAAC,CAAC;IACpE,OAAO,MAAM;MACXkB,OAAO,CAACK,MAAM,CAAC,CAAC;MAChBD,OAAO,CAACC,MAAM,CAAC,CAAC;IAClB,CAAC;EACH,CAAC,EAAE,CAAC1B,cAAc,CAAC,CAAC;EAEpB,OAAOA,cAAc;AACvB,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useRef","Animated","Keyboard","Platform","IS_MOBILE","isIosWeb","SHOW_EVENT","OS","HIDE_EVENT","ANIMATION_DURATION","useKeyboardOffset","keyboardHeight","Value","current","animateTo","toValue","timing","duration","useNativeDriver","start","viewport","window","visualViewport","update","overlap","Math","max","innerHeight","height","offsetTop","addEventListener","removeEventListener","showSub","addListener","event","endCoordinates","hideSub","remove"],"sourceRoot":"../../../../src","sources":["shared/hooks/useKeyboardOffset.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzC,SAASC,QAAQ,EAAEC,QAAQ,EAAEC,QAAQ,QAA4B,cAAc;AAC/E,SAASC,SAAS,QAAQ,4BAA4B;AAEtD,SAASC,QAAQ,QAAQ,wBAAqB;AAE9C,MAAMC,UAAU,GAAGH,QAAQ,CAACI,EAAE,KAAK,KAAK,GAAG,kBAAkB,GAAG,iBAAiB;AACjF,MAAMC,UAAU,GAAGL,QAAQ,CAACI,EAAE,KAAK,KAAK,GAAG,kBAAkB,GAAG,iBAAiB;AACjF,MAAME,kBAAkB,GAAG,GAAG;;AAE9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACrC,MAAMC,cAAc,GAAGX,MAAM,CAAC,IAAIC,QAAQ,CAACW,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAE5Dd,SAAS,CAAC,MAAM;IACd,MAAMe,SAAS,GAAIC,OAAe,IAChCd,QAAQ,CAACe,MAAM,CAACL,cAAc,EAAE;MAC9BI,OAAO;MACPE,QAAQ,EAAER,kBAAkB;MAC5BS,eAAe,EAAEd;IACnB,CAAC,CAAC,CAACe,KAAK,CAAC,CAAC;IAEZ,IAAId,QAAQ,EAAE;MACZ,MAAMe,QAAQ,GAAGC,MAAM,CAACC,cAAc;MACtC,IAAI,CAACF,QAAQ,EAAE;MAEf,MAAMG,MAAM,GAAGA,CAAA,KAAM;QACnB,MAAMC,OAAO,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEL,MAAM,CAACM,WAAW,GAAGP,QAAQ,CAACQ,MAAM,GAAGR,QAAQ,CAACS,SAAS,CAAC;QACtFf,SAAS,CAACU,OAAO,CAAC;MACpB,CAAC;MAEDJ,QAAQ,CAACU,gBAAgB,CAAC,QAAQ,EAAEP,MAAM,CAAC;MAC3CH,QAAQ,CAACU,gBAAgB,CAAC,QAAQ,EAAEP,MAAM,CAAC;MAC3C,OAAO,MAAM;QACXH,QAAQ,CAACW,mBAAmB,CAAC,QAAQ,EAAER,MAAM,CAAC;QAC9CH,QAAQ,CAACW,mBAAmB,CAAC,QAAQ,EAAER,MAAM,CAAC;MAChD,CAAC;IACH;IAEA,IAAI,CAACnB,SAAS,EAAE;IAEhB,MAAM4B,OAAO,GAAG9B,QAAQ,CAAC+B,WAAW,CAAC3B,UAAU,EAAG4B,KAAoB,IACpEpB,SAAS,CAACoB,KAAK,CAACC,cAAc,CAACP,MAAM,CACvC,CAAC;IACD,MAAMQ,OAAO,GAAGlC,QAAQ,CAAC+B,WAAW,CAACzB,UAAU,EAAE,MAAMM,SAAS,CAAC,CAAC,CAAC,CAAC;IACpE,OAAO,MAAM;MACXkB,OAAO,CAACK,MAAM,CAAC,CAAC;MAChBD,OAAO,CAACC,MAAM,CAAC,CAAC;IAClB,CAAC;EACH,CAAC,EAAE,CAAC1B,cAAc,CAAC,CAAC;EAEpB,OAAOA,cAAc;AACvB,CAAC","ignoreList":[]}

package/dist/typescript/commonjs/features/keyboard/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/features/keyboard/helpers.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAEtF,eAAO,MAAM,oBAAoB,SAAU,gBAAgB,QAAQ,YAAY,0CAE9E,CAAA;AAED,eAAO,MAAM,qBAAqB,SAAU,gBAAgB,QAAQ,sBAAsB,8CAEzF,CAAA;AAED,eAAO,MAAM,uBAAuB,eAOnC,CAAA;AAED,eAAO,MAAM,aAAa,UAAW,MAAM,kBAAkB,MAAM,YAGlE,CAAA"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/features/keyboard/helpers.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAEtF,eAAO,MAAM,oBAAoB,SAAU,gBAAgB,QAAQ,YAAY,0CAE9E,CAAA;AAED,eAAO,MAAM,qBAAqB,SAAU,gBAAgB,QAAQ,sBAAsB,8CAEzF,CAAA;AAED,eAAO,MAAM,uBAAuB,eAAiB,CAAA;AAErD,eAAO,MAAM,aAAa,UAAW,MAAM,kBAAkB,MAAM,YAGlE,CAAA"}

package/dist/typescript/commonjs/shared/common.constants.d.ts

@@ -1,4 +1,5 @@
 export declare const isWeb: boolean;
+export declare const isIosWeb: boolean;
 export declare enum SortingDirection {
     DESC = "desc",
     ASC = "asc"

package/dist/typescript/commonjs/shared/common.constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.constants.d.ts","sourceRoot":"","sources":["../../../../src/shared/common.constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,SAAwB,CAAA;AAE1C,oBAAY,gBAAgB;IAC1B,IAAI,SAAS;IACb,GAAG,QAAQ;CACZ;AAED,eAAO,MAAM,sBAAsB,OAAO,CAAA"}
+{"version":3,"file":"common.constants.d.ts","sourceRoot":"","sources":["../../../../src/shared/common.constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,SAAwB,CAAA;AAK1C,eAAO,MAAM,QAAQ,SAGqD,CAAA;AAE1E,oBAAY,gBAAgB;IAC1B,IAAI,SAAS;IACb,GAAG,QAAQ;CACZ;AAED,eAAO,MAAM,sBAAsB,OAAO,CAAA"}

package/dist/typescript/commonjs/shared/hooks/useKeyboardOffset.d.ts

@@ -2,10 +2,12 @@ import { Animated } from 'react-native';
 /**
  * Returns an animated value tracking the on-screen keyboard height.
  *
- * - native: subscribes to the platform `Keyboard` events.
- * - web: reads `visualViewport`, so it only reacts to a *virtual* keyboard
- *   (mobile browsers). A physical desktop keyboard never shrinks the viewport,
- *   so the value stays 0 and nothing moves.
+ * Only reacts where the keyboard actually overlaps the modal:
+ * - native mobile (`IS_MOBILE`) — via the platform `Keyboard` events;
+ * - iOS web (`isIosWeb`) — via `visualViewport`.
+ *
+ * Android web (the viewport resizes itself via `interactive-widget`) and desktop
+ * (no virtual keyboard) keep the value at 0, so nothing moves.
  */
 export declare const useKeyboardOffset: () => Animated.Value;
 //# sourceMappingURL=useKeyboardOffset.d.ts.map

package/dist/typescript/commonjs/shared/hooks/useKeyboardOffset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardOffset.d.ts","sourceRoot":"","sources":["../../../../../src/shared/hooks/useKeyboardOffset.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAA0C,MAAM,cAAc,CAAA;AAQ/E;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,sBAuC7B,CAAA"}
+{"version":3,"file":"useKeyboardOffset.d.ts","sourceRoot":"","sources":["../../../../../src/shared/hooks/useKeyboardOffset.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAA0C,MAAM,cAAc,CAAA;AAS/E;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,sBAyC7B,CAAA"}

package/dist/typescript/module/features/keyboard/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/features/keyboard/helpers.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAEtF,eAAO,MAAM,oBAAoB,SAAU,gBAAgB,QAAQ,YAAY,0CAE9E,CAAA;AAED,eAAO,MAAM,qBAAqB,SAAU,gBAAgB,QAAQ,sBAAsB,8CAEzF,CAAA;AAED,eAAO,MAAM,uBAAuB,eAOnC,CAAA;AAED,eAAO,MAAM,aAAa,UAAW,MAAM,kBAAkB,MAAM,YAGlE,CAAA"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/features/keyboard/helpers.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAEtF,eAAO,MAAM,oBAAoB,SAAU,gBAAgB,QAAQ,YAAY,0CAE9E,CAAA;AAED,eAAO,MAAM,qBAAqB,SAAU,gBAAgB,QAAQ,sBAAsB,8CAEzF,CAAA;AAED,eAAO,MAAM,uBAAuB,eAAiB,CAAA;AAErD,eAAO,MAAM,aAAa,UAAW,MAAM,kBAAkB,MAAM,YAGlE,CAAA"}

package/dist/typescript/module/shared/common.constants.d.ts

@@ -1,4 +1,5 @@
 export declare const isWeb: boolean;
+export declare const isIosWeb: boolean;
 export declare enum SortingDirection {
     DESC = "desc",
     ASC = "asc"

package/dist/typescript/module/shared/common.constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"common.constants.d.ts","sourceRoot":"","sources":["../../../../src/shared/common.constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,SAAwB,CAAA;AAE1C,oBAAY,gBAAgB;IAC1B,IAAI,SAAS;IACb,GAAG,QAAQ;CACZ;AAED,eAAO,MAAM,sBAAsB,OAAO,CAAA"}
+{"version":3,"file":"common.constants.d.ts","sourceRoot":"","sources":["../../../../src/shared/common.constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,SAAwB,CAAA;AAK1C,eAAO,MAAM,QAAQ,SAGqD,CAAA;AAE1E,oBAAY,gBAAgB;IAC1B,IAAI,SAAS;IACb,GAAG,QAAQ;CACZ;AAED,eAAO,MAAM,sBAAsB,OAAO,CAAA"}

package/dist/typescript/module/shared/hooks/useKeyboardOffset.d.ts

@@ -2,10 +2,12 @@ import { Animated } from 'react-native';
 /**
  * Returns an animated value tracking the on-screen keyboard height.
  *
- * - native: subscribes to the platform `Keyboard` events.
- * - web: reads `visualViewport`, so it only reacts to a *virtual* keyboard
- *   (mobile browsers). A physical desktop keyboard never shrinks the viewport,
- *   so the value stays 0 and nothing moves.
+ * Only reacts where the keyboard actually overlaps the modal:
+ * - native mobile (`IS_MOBILE`) — via the platform `Keyboard` events;
+ * - iOS web (`isIosWeb`) — via `visualViewport`.
+ *
+ * Android web (the viewport resizes itself via `interactive-widget`) and desktop
+ * (no virtual keyboard) keep the value at 0, so nothing moves.
  */
 export declare const useKeyboardOffset: () => Animated.Value;
 //# sourceMappingURL=useKeyboardOffset.d.ts.map

package/dist/typescript/module/shared/hooks/useKeyboardOffset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardOffset.d.ts","sourceRoot":"","sources":["../../../../../src/shared/hooks/useKeyboardOffset.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAA0C,MAAM,cAAc,CAAA;AAQ/E;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,sBAuC7B,CAAA"}
+{"version":3,"file":"useKeyboardOffset.d.ts","sourceRoot":"","sources":["../../../../../src/shared/hooks/useKeyboardOffset.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAA0C,MAAM,cAAc,CAAA;AAS/E;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,sBAyC7B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "1.8.6-rc.1",
+  "version": "1.8.6-rc.2",
   "description": "Magmamath features library",
   "source": "src/index.ts",
   "main": "src/index.ts",

package/src/features/keyboard/helpers.ts

@@ -1,4 +1,4 @@
-import { IS_WEB } from '@magmamath/react-native-ui'
+import { isIosWeb } from '../../shared/common.constants'
 import { getMobileBreakpointByCharType } from './constants/keyboardLayouts'
 import { KeyboardType, KeyboardUnitsGroupType, ResolvedKeyboard } from './types/types'
 
@@ -10,14 +10,7 @@ export const getUnitsKeyboardGroup = (keys: ResolvedKeyboard, type: KeyboardUnit
   return keys.units[type]
 }
 
-export const getIsIpadOrIphoneDevice = () => {
-  if (!IS_WEB) {
-    return false
-  }
-  const isIOS = /iPad|iPhone|iPod/.test(navigator.platform)
-  const isIpadOS = navigator?.maxTouchPoints > 2 && /MacIntel/.test(navigator.platform)
-  return isIOS || isIpadOS
-}
+export const getIsIpadOrIphoneDevice = () => isIosWeb
 
 export const isMobileWidth = (width: number, characterType?: number) => {
   const layoutWidth = getMobileBreakpointByCharType(characterType)

package/src/shared/common.constants.ts

@@ -2,6 +2,14 @@ import { Platform } from 'react-native'
 
 export const isWeb = Platform.OS === 'web'
 
+// iOS Safari / iPadOS on web is the only web platform where the on-screen keyboard
+// overlaps content instead of resizing the viewport (Android resizes it via the
+// `interactive-widget` meta tag; desktop has no virtual keyboard).
+export const isIosWeb =
+  isWeb &&
+  (/iPad|iPhone|iPod/.test(navigator.platform) ||
+    (navigator.maxTouchPoints > 2 && /MacIntel/.test(navigator.platform)))
+
 export enum SortingDirection {
   DESC = 'desc',
   ASC = 'asc',

package/src/shared/hooks/useKeyboardOffset.ts

@@ -1,7 +1,8 @@
 import { useEffect, useRef } from 'react'
 import { Animated, Keyboard, Platform, type KeyboardEvent } from 'react-native'
+import { IS_MOBILE } from '@magmamath/react-native-ui'
 
-import { isWeb } from '../common.constants'
+import { isIosWeb } from '../common.constants'
 
 const SHOW_EVENT = Platform.OS === 'ios' ? 'keyboardWillShow' : 'keyboardDidShow'
 const HIDE_EVENT = Platform.OS === 'ios' ? 'keyboardWillHide' : 'keyboardDidHide'
@@ -10,10 +11,12 @@ const ANIMATION_DURATION = 220
 /**
  * Returns an animated value tracking the on-screen keyboard height.
  *
- * - native: subscribes to the platform `Keyboard` events.
- * - web: reads `visualViewport`, so it only reacts to a *virtual* keyboard
- *   (mobile browsers). A physical desktop keyboard never shrinks the viewport,
- *   so the value stays 0 and nothing moves.
+ * Only reacts where the keyboard actually overlaps the modal:
+ * - native mobile (`IS_MOBILE`) — via the platform `Keyboard` events;
+ * - iOS web (`isIosWeb`) — via `visualViewport`.
+ *
+ * Android web (the viewport resizes itself via `interactive-widget`) and desktop
+ * (no virtual keyboard) keep the value at 0, so nothing moves.
  */
 export const useKeyboardOffset = () => {
   const keyboardHeight = useRef(new Animated.Value(0)).current
@@ -23,10 +26,10 @@ export const useKeyboardOffset = () => {
       Animated.timing(keyboardHeight, {
         toValue,
         duration: ANIMATION_DURATION,
-        useNativeDriver: !isWeb,
+        useNativeDriver: IS_MOBILE,
       }).start()
 
-    if (isWeb) {
+    if (isIosWeb) {
       const viewport = window.visualViewport
       if (!viewport) return
 
@@ -43,6 +46,8 @@ export const useKeyboardOffset = () => {
       }
     }
 
+    if (!IS_MOBILE) return
+
     const showSub = Keyboard.addListener(SHOW_EVENT, (event: KeyboardEvent) =>
       animateTo(event.endCoordinates.height),
     )