@hero-design/rn 8.98.0 → 8.99.0

package/lib/index.js

@@ -59,6 +59,9 @@ function _assertThisInitialized(e) {
   if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return e;
 }
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 function _classCallCheck(a, n) {
   if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
 }
@@ -121,18 +124,6 @@ function _createForOfIteratorHelper(r, e) {
     }
   };
 }
-function _createSuper(t) {
-  var r = _isNativeReflectConstruct();
-  return function () {
-    var e,
-      o = _getPrototypeOf(t);
-    if (r) {
-      var s = _getPrototypeOf(this).constructor;
-      e = Reflect.construct(o, arguments, s);
-    } else e = o.apply(this, arguments);
-    return _possibleConstructorReturn(this, e);
-  };
-}
 function _defineProperty(e, r, t) {
   return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
     value: t,
@@ -1230,7 +1221,7 @@ var Values = /*#__PURE__*/function () {
     if (!parsed) throw new Error("Unable to parse color from string: ".concat(c));
     return this["_setFrom".concat(parsed.type.toUpperCase())]([].concat(_toConsumableArray(parsed.values), [parsed.alpha]));
   }
-  _createClass(Values, [{
+  return _createClass(Values, [{
     key: "hex",
     get: function get() {
       return this.hexString().replace(/^#/, '');
@@ -1327,7 +1318,6 @@ var Values = /*#__PURE__*/function () {
       return this;
     }
   }]);
-  return Values;
 }();
 Values.VERSION = 'v2.1.1';
 var mixColor = function mixColor(color) {
@@ -1346,8 +1336,7 @@ var STEPS = [5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60, 65, 70, 75, 80, 85,
 var createColorScales = function createColorScales(base) {
   var mixed = mixColor(base);
   return Object.assign(Object.assign({}, STEPS.reduce(function (acc, step) {
-    var _Object$assign;
-    return Object.assign(Object.assign({}, acc), (_Object$assign = {}, _defineProperty(_Object$assign, "lighten".concat(step), mixed.tint(step)), _defineProperty(_Object$assign, "darken".concat(step), mixed.shade(step)), _Object$assign));
+    return Object.assign(Object.assign({}, acc), _defineProperty(_defineProperty({}, "lighten".concat(step), mixed.tint(step)), "darken".concat(step), mixed.shade(step)));
   }, {})), {
     base: mixed.base
   });
@@ -2237,7 +2226,6 @@ var getFontSizes = function getFontSizes(baseFontSize) {
     xsmall: scale(fontSizes[0]) //     10
   };
 };
-
 var getLineHeights = function getLineHeights(fontSizes) {
   var additionalSpace = 8;
   return {
@@ -2308,7 +2296,6 @@ var getBorderWidths = function getBorderWidths(baseBorderWidth) {
     medium: baseBorderWidth * 2 // 2
   };
 };
-
 var getRadii = function getRadii(baseRadius) {
   return {
     rounded: 999,
@@ -7029,7 +7016,6 @@ function requireCssToReactNative() {
         fontWeight: tokenStream.expect(WORD) // Also match numbers as strings
       };
     };
-
     var shadowOffset = function shadowOffset(tokenStream) {
       return {
         shadowOffset: parseShadowOffset(tokenStream)
@@ -9025,7 +9011,6 @@ var StyledText$2 = index$b(Typography.Body)(function (_ref2) {
     ios: {
       lineHeight: 0 // center on ios
     },
-
     android: {
       lineHeight: null,
       // center on android
@@ -9036,7 +9021,6 @@ var StyledText$2 = index$b(Typography.Body)(function (_ref2) {
     }
   }));
 });
-
 var StyledImage$1 = index$b(reactNative.Image)(function (_ref3) {
   var themeSize = _ref3.themeSize,
     theme = _ref3.theme;
@@ -15700,7 +15684,6 @@ var calculateSnapPointsData = function calculateSnapPointsData(minimumHeight, he
     maxHeightOffset: 0 // Max height
   };
 };
-
 var calculateAnimatedToValue = function calculateAnimatedToValue(position, heightSnapPoints) {
   var distances = heightSnapPoints.map(function (height) {
     return Math.abs(position - height);
@@ -17076,7 +17059,7 @@ var StyledErrorDescription = index$b(Typography.Body)(function (_ref9) {
 var _excluded$o = ["variant", "title", "description", "image", "testID", "ctaText", "onCtaPress", "secondaryCtaText", "onSecondaryCtaPress", "icon"],
   _excluded2 = ["visible", "variant", "title", "description", "image", "testID", "ctaText", "onCtaPress", "secondaryCtaText", "onSecondaryCtaPress"];
 var renderImage$1 = function renderImage(image) {
-  if ( /*#__PURE__*/React.isValidElement(image)) {
+  if (/*#__PURE__*/React.isValidElement(image)) {
     return /*#__PURE__*/React__namespace.default.cloneElement(image, {
       testID: 'error-image'
     });
@@ -18998,7 +18981,6 @@ var ProgressCircle = function ProgressCircle(_ref) {
     inputRange: [0, 100],
     outputRange: [circumference - minArc, 0] // Full circle to zero offset
   });
-
   return /*#__PURE__*/React__namespace.default.createElement(reactNative.View, _extends$1({}, nativeProps, {
     testID: testID,
     style: style
@@ -19658,12 +19640,14 @@ var Radio = function Radio(_ref2) {
     testID = _ref2.testID,
     _ref2$inactiveIntent = _ref2.inactiveIntent,
     inactiveIntent = _ref2$inactiveIntent === void 0 ? 'light' : _ref2$inactiveIntent,
-    children = _ref2.children;
+    children = _ref2.children,
+    prefix = _ref2.prefix;
   return /*#__PURE__*/React__namespace.default.createElement(StyledRadio, {
     onPress: onPress,
     selected: checked,
     title: text,
     subtitle: subText,
+    prefix: prefix,
     suffix: /*#__PURE__*/React__namespace.default.createElement(RadioCircle, {
       checked: checked,
       text: text
@@ -19710,7 +19694,8 @@ var RadioGroup = function RadioGroup(_ref) {
       onPress: function onPress() {
         return _onPress(option.value);
       },
-      inactiveIntent: inactiveIntent
+      inactiveIntent: inactiveIntent,
+      prefix: option.prefix
     }, option.children));
   }));
 };
@@ -19780,10 +19765,10 @@ var SectionHeading = function SectionHeading(_ref) {
     icon: icon,
     size: ICON_SIZE_MAP[size],
     intent: ICON_INTENT_MAP[intent]
-  }) : /*#__PURE__*/React__namespace.default.cloneElement(icon, _objectSpread2({
+  }) : (/*#__PURE__*/React__namespace.default.cloneElement(icon, _objectSpread2({
     size: ICON_SIZE_MAP[size],
     intent: ICON_INTENT_MAP[intent]
-  }, icon.props)))), size === 'small' ? /*#__PURE__*/React__namespace.default.createElement(Typography.Caption, {
+  }, icon.props))))), size === 'small' ? /*#__PURE__*/React__namespace.default.createElement(Typography.Caption, {
     intent: intent
   }, text) : /*#__PURE__*/React__namespace.default.createElement(Typography.Body, {
     variant: "small",
@@ -19862,7 +19847,7 @@ var useKeyboard = function useKeyboard() {
     keyboardHeight: keyboardHeight
   };
 };
-var deepCompareValue = function deepCompareValue(a, b) {
+var _deepCompareValue = function deepCompareValue(a, b) {
   // Handle strict equality first (handles primitives, null, undefined)
   if (a === b) return true;
   // Special handling for NaN (NaN !== NaN in JS)
@@ -19877,7 +19862,7 @@ var deepCompareValue = function deepCompareValue(a, b) {
   if (Array.isArray(a) && Array.isArray(b)) {
     if (a.length !== b.length) return false;
     return a.every(function (val, index) {
-      return deepCompareValue(val, b[index]);
+      return _deepCompareValue(val, b[index]);
     });
   }
   // If one is array and the other isn't, return false
@@ -19888,7 +19873,7 @@ var deepCompareValue = function deepCompareValue(a, b) {
     var keysB = Object.keys(b);
     if (keysA.length !== keysB.length) return false;
     return keysA.every(function (key) {
-      return keysB.includes(key) && deepCompareValue(a[key], b[key]);
+      return keysB.includes(key) && _deepCompareValue(a[key], b[key]);
     });
   }
   // If none of the above conditions matched, they're not equal
@@ -20222,7 +20207,7 @@ var OptionList = function OptionList(_ref) {
     rest = _objectWithoutProperties(_ref, _excluded$c);
   var renderItem = function renderItem(info) {
     var item = info.item;
-    var selected = deepCompareValue(item.value, value);
+    var selected = _deepCompareValue(item.value, value);
     var onItemPress = function onItemPress() {
       if (value === item.value) {
         onPress(null);
@@ -20293,7 +20278,7 @@ var SingleSelect = function SingleSelect(_ref) {
   var sections = toSections(options);
   var flatOptions = toFlatOptions(options);
   var displayedValue = (_flatOptions$find = flatOptions.find(function (opt) {
-    return deepCompareValue(opt.value, value);
+    return _deepCompareValue(opt.value, value);
   })) === null || _flatOptions$find === void 0 ? void 0 : _flatOptions$find.text;
   var rawValue = value ? String(value) : undefined;
   var bottomSheetVariant = bottomSheetConfig.variant,
@@ -20559,7 +20544,7 @@ var StyledSuccessModal = index$b(ModalWrapper)({
 
 var _excluded$a = ["variant", "title", "description", "image", "testID", "ctaText", "onCtaPress", "secondaryCtaText", "onSecondaryCtaPress", "icon"];
 var renderImage = function renderImage(image) {
-  if ( /*#__PURE__*/React.isValidElement(image)) {
+  if (/*#__PURE__*/React.isValidElement(image)) {
     return /*#__PURE__*/React__namespace.default.cloneElement(image, {
       testID: 'success-image'
     });
@@ -20946,6 +20931,7 @@ var ActiveTabIndicator = function ActiveTabIndicator(_ref) {
   });
 };
 
+var isAndroid8 = reactNative.Platform.OS === 'android' && (reactNative.Platform.Version === 26 || reactNative.Platform.Version === 27);
 var TabScreen = index$b(reactNative.View)({
   flex: 1
 });
@@ -20985,13 +20971,14 @@ var HeaderTabItemOutline = index$b(reactNative.Animated.View)(function (_ref4) {
 });
 var HeaderTabItemWrapper = index$b(reactNative.View)(function (_ref5) {
   var theme = _ref5.theme;
-  return {
+  return _objectSpread2({
     paddingHorizontal: theme.__hd__.tabs.space.outlineHorizontalPadding,
     paddingVertical: theme.__hd__.tabs.space.outlineVerticalPadding,
     position: 'relative',
-    justifyContent: 'center',
+    justifyContent: 'center'
+  }, !isAndroid8 && {
     alignItems: 'center'
-  };
+  });
 });
 var HeaderTabItemIndicator = index$b(reactNative.Animated.View)(function (_ref6) {
   var theme = _ref6.theme;
@@ -21421,7 +21408,6 @@ var ScrollableTab = function ScrollableTab(_ref) {
     testID: componentTestID ? "".concat(componentTestID, "-tab-bar") : undefined,
     variant: variant
   }), /*#__PURE__*/React__namespace.default.createElement(PagerView__default.default, {
-    useNext: true,
     initialPage: selectedTabIndex,
     ref: pagerViewRef,
     onPageScrollStateChanged: onPageScrollStateChanged,
@@ -21557,7 +21543,6 @@ var Tabs = function Tabs(_ref2) {
     tabsLength: tabs.length,
     tabsWidth: tabsWidth
   }))), /*#__PURE__*/React__namespace.default.createElement(AnimatedPagerView, {
-    useNext: true,
     initialPage: selectedTabIndex,
     ref: pagerViewRef,
     onPageSelected: function onPageSelected(e) {
@@ -24424,7 +24409,7 @@ function requireReactDom_production_min() {
   if (ia) {
     var xe;
     if (ia) {
-      var ye = ("oninput" in document);
+      var ye = "oninput" in document;
       if (!ye) {
         var ze = document.createElement("div");
         ze.setAttribute("oninput", "return;");
@@ -30609,7 +30594,7 @@ function requireLib() {
           }, I.set = function (e, t, r) {
             return L.set.call(this, e[0], t, r, e[0]);
           };
-          var K = new ( /*#__PURE__*/function () {
+          var K = new (/*#__PURE__*/function () {
               function _class(e) {
                 var _this = this;
                 _classCallCheck(this, _class);
@@ -30666,7 +30651,7 @@ function requireLib() {
                   }), r, n];
                 }, "boolean" == typeof (e === null || e === void 0 ? void 0 : e.autoFreeze) && this.setAutoFreeze(e.autoFreeze), "boolean" == typeof (e === null || e === void 0 ? void 0 : e.useStrictShallowCopy) && this.setUseStrictShallowCopy(e.useStrictShallowCopy);
               }
-              _createClass(_class, [{
+              return _createClass(_class, [{
                 key: "createDraft",
                 value: function createDraft(e) {
                   var t;
@@ -30711,7 +30696,6 @@ function requireLib() {
                   });
                 }
               }]);
-              return _class;
             }())(),
             X = K.produce,
             J = (K.produceWithPatches.bind(K), K.setAutoFreeze.bind(K), K.setUseStrictShallowCopy.bind(K), K.applyPatches.bind(K), K.createDraft.bind(K)),
@@ -31275,12 +31259,12 @@ function requireLib() {
                 e.setSelection(t);
               }
             },
-            ve = function ve(e, t) {
+            _ve = function ve(e, t) {
               for (var r in e) {
                 var u = e[r],
                   o = t[r];
                 if (n(u) && n(o)) {
-                  if (!ve(u, o)) return !1;
+                  if (!_ve(u, o)) return !1;
                 } else if (Array.isArray(u) && Array.isArray(o)) {
                   if (u.length !== o.length) return !1;
                   for (var a = 0; a < u.length; a++) if (u[a] !== o[a]) return !1;
@@ -32350,7 +32334,7 @@ function requireLib() {
                 function u(e) {
                   return De(e, _e);
                 }
-                return ve(n ? u(e) : e, n ? u(t) : t);
+                return _ve(n ? u(e) : e, n ? u(t) : t);
               },
               isText: function isText(e) {
                 return n(e) && "string" == typeof e.text;
@@ -32461,7 +32445,7 @@ function requireLib() {
                   var l = s.codePointAt(0);
                   if (!l) break;
                   var c = lt(s, l);
-                  if ((_ref3 = r ? [o, c] : [c, u], _ref4 = _slicedToArray(_ref3, 2), u = _ref4[0], o = _ref4[1]), ct(u, We.ZWJ) && ct(o, We.ExtPict) && !pt(r ? e.substring(0, a) : e.substring(0, e.length - a))) break;
+                  if (_ref3 = r ? [o, c] : [c, u], _ref4 = _slicedToArray(_ref3, 2), u = _ref4[0], o = _ref4[1], ct(u, We.ZWJ) && ct(o, We.ExtPict) && !pt(r ? e.substring(0, a) : e.substring(0, e.length - a))) break;
                   if (ct(u, We.RI) && ct(o, We.RI) && !(i = null !== i ? !i : !!r || Dt(e.substring(0, e.length - a)))) break;
                   if (u !== We.None && o !== We.None && dt(u, o)) break;
                   a += s.length;
@@ -32838,10 +32822,10 @@ function requireLib() {
           }
           var Lt = ["text"],
             It = ["children"],
-            Wt = function Wt(e, t) {
+            _Wt = function Wt(e, t) {
               if (Be.isElement(t)) {
                 var r = t;
-                return !!ke.isVoid(e, t) || 1 === r.children.length && Wt(e, r.children[0]);
+                return !!ke.isVoid(e, t) || 1 === r.children.length && _Wt(e, r.children[0]);
               }
               return !ke.isEditor(t);
             };
@@ -34272,7 +34256,7 @@ function requireLib() {
                                 at: h,
                                 mode: "highest",
                                 match: function match(t) {
-                                  return B.includes(t) && Wt(e, t);
+                                  return B.includes(t) && _Wt(e, t);
                                 }
                               }),
                               E = b && ke.pathRef(e, b[1]);
@@ -35753,13 +35737,13 @@ function requireLib() {
                 n = _hr2[0];
               return n;
             },
-            vr = function vr(e) {
+            _vr = function vr(e) {
               var t = "";
               if (dr(e) && e.nodeValue) return e.nodeValue;
               if (lr(e)) {
                 for (var _i9 = 0, _Array$from = Array.from(e.childNodes); _i9 < _Array$from.length; _i9++) {
                   var r = _Array$from[_i9];
-                  t += vr(r);
+                  t += _vr(r);
                 }
                 var n = getComputedStyle(e).getPropertyValue("display");
                 "block" !== n && "list" !== n && "BR" !== e.tagName || (t += "\n");
@@ -35770,7 +35754,7 @@ function requireLib() {
             gr = function gr(e) {
               return null != e.getSelection ? e.getSelection() : document.getSelection();
             },
-            Cr = function Cr(e, t, r) {
+            _Cr = function Cr(e, t, r) {
               var n = t.target;
               if (lr(n) && n.matches('[contentEditable="false"]')) return !1;
               var _ln$getWindow = ln.getWindow(e),
@@ -35806,7 +35790,7 @@ function requireLib() {
                   _iterator43.f();
                 }
               });
-              return !(!o || o === t) && Cr(e, o, r);
+              return !(!o || o === t) && _Cr(e, o, r);
             },
             mr = function mr(e, t) {
               return Boolean(e.compareDocumentPosition(t) & ar.DOCUMENT_POSITION_PRECEDING);
@@ -36120,7 +36104,7 @@ function requireLib() {
                     if (lr(t) && t.childNodes.length) {
                       var n = r === t.childNodes.length,
                         u = n ? r - 1 : r;
-                      for ((_hr3 = hr(t, u, n ? "backward" : "forward"), _hr4 = _slicedToArray(_hr3, 2), t = _hr4[0], u = _hr4[1]), n = u < r; lr(t) && t.childNodes.length;) {
+                      for (_hr3 = hr(t, u, n ? "backward" : "forward"), _hr4 = _slicedToArray(_hr3, 2), t = _hr4[0], u = _hr4[1], n = u < r; lr(t) && t.childNodes.length;) {
                         var _hr3, _hr4;
                         var o = n ? t.childNodes.length - 1 : 0;
                         t = pr(t, o, n ? "backward" : "forward");
@@ -36224,13 +36208,13 @@ function requireLib() {
                     var f = t.getRangeAt(0),
                       d = t.getRangeAt(t.rangeCount - 1);
                     if (a instanceof HTMLTableRowElement && f.startContainer instanceof HTMLTableRowElement && d.startContainer instanceof HTMLTableRowElement) {
-                      var B = function B(e) {
-                        return e.childElementCount > 0 ? B(e.children[0]) : e;
+                      var _B2 = function B(e) {
+                        return e.childElementCount > 0 ? _B2(e.children[0]) : e;
                       };
                       var h = f.startContainer,
                         p = d.startContainer,
-                        v = B(h.children[f.startOffset]),
-                        D = B(p.children[d.startOffset]);
+                        v = _B2(h.children[f.startOffset]),
+                        D = _B2(p.children[d.startOffset]);
                       i = 0, u = D.childNodes.length > 0 ? D.childNodes[0] : D, a = v.childNodes.length > 0 ? v.childNodes[0] : v, o = D instanceof HTMLElement ? D.innerHTML.length : 0;
                     } else f.startContainer === a ? (u = d.endContainer, o = d.endOffset, i = f.startOffset) : (u = f.startContainer, o = f.endOffset, i = d.startOffset);
                   } else u = t.anchorNode, o = t.anchorOffset, a = t.focusNode, i = t.focusOffset;
@@ -37370,7 +37354,7 @@ function requireLib() {
                       handleDomMutations: function handleDomMutations(e) {
                         var r;
                         D() || v() || e.some(function (r) {
-                          return Cr(t, r, e);
+                          return _Cr(t, r, e);
                         }) && (null === (r = on.get(t)) || void 0 === r || r());
                       },
                       handleInput: function handleInput() {
@@ -37819,15 +37803,14 @@ function requireLib() {
               characterDataOldValue: !0
             };
           var uo = /*#__PURE__*/function (_e$Component) {
-            _inherits(uo, _e$Component);
-            var _super = _createSuper(uo);
             function uo() {
               var _this3;
               _classCallCheck(this, uo);
-              _this3 = _super.apply(this, arguments), yu(_assertThisInitialized(_this3), "context", null), yu(_assertThisInitialized(_this3), "manager", null), yu(_assertThisInitialized(_this3), "mutationObserver", null);
+              _this3 = _callSuper(this, uo, arguments), yu(_assertThisInitialized(_this3), "context", null), yu(_assertThisInitialized(_this3), "manager", null), yu(_assertThisInitialized(_this3), "mutationObserver", null);
               return _this3;
             }
-            _createClass(uo, [{
+            _inherits(uo, _e$Component);
+            return _createClass(uo, [{
               key: "observe",
               value: function observe() {
                 var e,
@@ -37850,7 +37833,7 @@ function requireLib() {
                       if (t.current) {
                         var _r8;
                         var u = n.filter(function (t) {
-                          return Cr(e, t, n);
+                          return _Cr(e, t, n);
                         });
                         (_r8 = r).push.apply(_r8, _toConsumableArray(u));
                       }
@@ -37896,7 +37879,6 @@ function requireLib() {
                 return this.props.children;
               }
             }]);
-            return uo;
           }(e.Component);
           yu(uo, "contextType", Bu);
           var oo = br ? uo : function (e) {
@@ -38288,9 +38270,8 @@ function requireLib() {
                   w(e && N ? null === (t = e.getBoundingClientRect()) || void 0 === t ? void 0 : t.height : void 0);
                 }, [N]);
               if (N) {
-                var _R$push;
                 var z = ke.start(C, []);
-                R.push((_R$push = {}, _defineProperty(_R$push, an, !0), _defineProperty(_R$push, "placeholder", s), _defineProperty(_R$push, "onPlaceholderResize", _), _defineProperty(_R$push, "anchor", z), _defineProperty(_R$push, "focus", z), _R$push));
+                R.push(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, an, !0), "placeholder", s), "onPlaceholderResize", _), "anchor", z), "focus", z));
               }
               var L = C.marks;
               if (P.hasMarkPlaceholder = !1, C.selection && me.isCollapsed(C.selection) && L) {
@@ -39052,7 +39033,7 @@ function requireLib() {
                         g = window.btoa(encodeURIComponent(D));
                       c.setAttribute("data-slate-fragment", g), e.setData("application/".concat(t), g);
                       var C = l.ownerDocument.createElement("div");
-                      return C.appendChild(l), C.setAttribute("hidden", "true"), l.ownerDocument.body.appendChild(C), e.setData("text/html", C.innerHTML), e.setData("text/plain", vr(C)), l.ownerDocument.body.removeChild(C), e;
+                      return C.appendChild(l), C.setAttribute("hidden", "true"), l.ownerDocument.body.appendChild(C), e.setData("text/html", C.innerHTML), e.setData("text/plain", _vr(C)), l.ownerDocument.body.removeChild(C), e;
                     }
                   }
                 }, r.insertData = function (e) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.98.0",
+  "version": "8.99.0",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -32,22 +32,25 @@
     "@ptomasroos/react-native-multi-slider": "^2.2.2",
     "@react-native-community/datetimepicker": "^3.5.2 || ^7.6.1",
     "@react-native-community/slider": "^4.5.1",
-    "react": "18.2.0",
-    "react-native": "^0.74.5",
-    "react-native-gesture-handler": "^2.15.0",
+    "react": "18.3.1",
+    "react-native": "0.76.9",
+    "react-native-gesture-handler": "~2.20.2",
     "react-native-linear-gradient": "^2.8.3",
-    "react-native-pager-view": "^6.2.1",
+    "react-native-pager-view": "^6.7.0",
     "react-native-safe-area-context": "^4.7.0",
     "react-native-svg": "^15.11.2",
     "react-native-vector-icons": "^9.1.0",
     "react-native-webview": "^13.10.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.0",
-    "@babel/preset-env": "^7.20.0",
-    "@babel/preset-react": "^7.20.0",
-    "@babel/preset-typescript": "^7.20.0",
-    "@babel/runtime": "^7.26.10",
+    "@babel/core": "^7.25.2",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/plugin-proposal-private-methods": "^7.18.6",
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@babel/preset-env": "^7.25.3",
+    "@babel/preset-react": "^7.26.3",
+    "@babel/preset-typescript": "^7.27.0",
+    "@babel/runtime": "^7.25.0",
     "@emotion/jest": "^11.11.0",
     "@eslint/compat": "^1.1.1",
     "@eslint/eslintrc": "^3.1.0",
@@ -55,8 +58,15 @@
     "@hero-design/eslint-plugin": "9.2.0",
     "@hero-design/react-native-month-year-picker": "^8.43.1",
     "@ptomasroos/react-native-multi-slider": "^2.2.2",
-    "@react-native-community/datetimepicker": "7.6.1",
+    "@react-native-community/cli": "15.0.1",
+    "@react-native-community/cli-platform-android": "15.0.1",
+    "@react-native-community/cli-platform-ios": "15.0.1",
+    "@react-native-community/datetimepicker": "8.2.0",
     "@react-native-community/slider": "^4.5.1",
+    "@react-native/babel-preset": "0.76.9",
+    "@react-native/eslint-config": "0.76.9",
+    "@react-native/metro-config": "0.76.9",
+    "@react-native/typescript-config": "0.76.9",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^28.0.1",
     "@rollup/plugin-json": "^6.1.0",
@@ -70,24 +80,34 @@
     "@types/jest": "^29.5.3",
     "@types/react": "^18.2.0",
     "@types/react-native-vector-icons": "^6.4.10",
+    "@typescript-eslint/eslint-plugin": "^5.12.1",
+    "@typescript-eslint/parser": "^5.12.1",
     "babel-plugin-inline-import": "^3.0.0",
-    "babel-preset-expo": "^11.0.15",
+    "config-tsconfig": "8.42.5",
     "core-js": "^3.33.0",
     "eslint": "^8.56.0",
+    "eslint-config-airbnb": "^19.0.4",
     "eslint-config-hd": "8.42.5",
-    "eslint-plugin-import": "^2.27.5",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-import-resolver-typescript": "^3.5.2",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-jsx-a11y": "^6.5.1",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-react": "^7.37.3",
+    "eslint-plugin-react-hooks": "^4.3.0",
     "jest": "^29.2.1",
     "jest-environment-jsdom": "^29.2.1",
     "jest-junit": "^16.0.0",
+    "prettier": "^2.5.1",
     "prettier-config-hd": "8.42.4",
-    "react": "18.2.0",
+    "react": "18.3.1",
     "react-dom": "^18.2.0",
-    "react-native": "0.74.5",
-    "react-native-gesture-handler": "^2.15.0",
+    "react-native": "0.76.9",
+    "react-native-gesture-handler": "~2.20.2",
     "react-native-linear-gradient": "2.8.3",
-    "react-native-pager-view": "^6.2.1",
-    "react-native-safe-area-context": "^4.7.0",
-    "react-native-svg": "^15.11.2",
+    "react-native-pager-view": "6.5.1",
+    "react-native-safe-area-context": "4.12.0",
+    "react-native-svg": "15.8.0",
     "react-native-vector-icons": "^9.1.0",
     "react-native-webview": "13.10.3",
     "react-test-renderer": "18.2.0",

package/src/components/AnimatedScroller/__tests__/__snapshots__/ScrollablesWithFAB.spec.tsx.snap

@@ -769,7 +769,6 @@ exports[`Scrollables With FAB [Function ExampleFlatListWithFAB] renders ActionGr
   >
     <View
       collapsable={false}
-      style={{}}
     >
       <View
         accessibilityState={
@@ -1953,7 +1952,6 @@ exports[`Scrollables With FAB [Function ExampleScrollViewWithFAB] renders Action
   >
     <View
       collapsable={false}
-      style={{}}
     >
       <View
         accessibilityState={
@@ -2784,7 +2782,6 @@ exports[`Scrollables With FAB [Function ExampleSectionListWithFAB] renders Actio
   >
     <View
       collapsable={false}
-      style={{}}
     >
       <View
         accessibilityState={