@ornikar/kitt-universal 21.0.3 → 22.0.0

package/dist/index.es.js

@@ -874,9 +874,6 @@ var typography = {
     warning: colors.warning
   },
   types: {
-    get header() {
-      throw new Error('typography.types.header is deprecated, use typography.type.headings instead');
-    },
     headings: {
       fontFamily: {
         "native": {
@@ -910,9 +907,6 @@ var typography = {
         'heading-xxs': createTypographyConfig(16, 1.3)
       }
     },
-    get 'headers-impact'() {
-      throw new Error('typography.types.headers-impact is deprecated, use typography.type.headings-impact instead');
-    },
     'headings-impact': {
       fontFamily: {
         "native": {
@@ -1700,7 +1694,9 @@ function ActionCardContentWrapper(_ref) {
       style: sharedTransform
     },
     _web: {
-      style: sharedTransform
+      style: {
+        transform: "translateY(".concat(translateY, "px)")
+      }
     },
     width: "100%",
     backgroundColor: "kitt.actionCard.".concat(themeName, ".").concat(state, ".backgroundColor"),
@@ -2082,7 +2078,7 @@ var createHeading = function (level, defaultBase) {
       accessibilityRole: "header",
       base: defaultBase
     }, props), {}, {
-      accessibilityLevel: level
+      "aria-level": level
     }));
   }
   TypographyHeading.displayName = "TypographyHeading".concat(level);
@@ -2385,34 +2381,13 @@ var useNativeAnimation$3 = function (_ref) {
     pressedBackgroundColor = _getVariantValuesIfEx.pressedBackgroundColor;
   var scale = theme.kitt.button.scale;
   var animatedStyles = useAnimatedStyle(function () {
-    var _f = function () {
-      return {
-        backgroundColor: interpolateColor(color.value, [0, 1], [backgroundColor, pressedBackgroundColor]),
-        transform: [{
-          scale: withSpring(pressed.value ? scale.base.active : scale.base["default"])
-        }]
-      };
-    };
-    _f._closure = {
-      interpolateColor: interpolateColor,
-      color: color,
-      backgroundColor: backgroundColor,
-      pressedBackgroundColor: pressedBackgroundColor,
-      withSpring: withSpring,
-      pressed: pressed,
-      scale: {
-        base: {
-          active: scale.base.active,
-          "default": scale.base["default"]
-        }
-      }
+    return {
+      backgroundColor: interpolateColor(color.value, [0, 1], [backgroundColor, pressedBackgroundColor]),
+      transform: [{
+        scale: withSpring(pressed.value ? scale.base.active : scale.base["default"])
+      }]
     };
-    _f.asString = "function _f(){const{interpolateColor,color,backgroundColor,pressedBackgroundColor,withSpring,pressed,scale}=jsThis._closure;{return{backgroundColor:interpolateColor(color.value,[0,1],[backgroundColor,pressedBackgroundColor]),transform:[{scale:withSpring(pressed.value?scale.base.active:scale.base.default)}]};}}";
-    _f.__workletHash = 5368461229978;
-    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/Button/hooks/useNativeAnimation.ts (31:42)";
-    _f.__optimalization = 2;
-    return _f;
-  }());
+  });
   return {
     onPressIn: function handlePressIn() {
       color.value = withSpring(1);
@@ -2765,7 +2740,7 @@ function AvatarContent(_ref) {
       width: size,
       height: size,
       alt: alt,
-      accessibilityLabel: alt
+      "aria-label": alt
     });
   }
   if (firstname && lastname) {
@@ -2993,58 +2968,24 @@ function NativeOpacityAnimation$2(_ref) {
     }
   }
   var opacityStyle = useAnimatedStyle(function () {
-    var _f = function () {
-      var _theme$kitt$cardModal = theme.kitt.cardModal.animation.overlay,
-        duration = _theme$kitt$cardModal.duration,
-        easing = _theme$kitt$cardModal.easing;
-      var _easing = _slicedToArray(easing, 4),
-        x1 = _easing[0],
-        y1 = _easing[1],
-        x2 = _easing[2],
-        y2 = _easing[3];
-      return {
-        opacity: withTiming(visible ? 1 : 0, {
-          duration: duration,
-          easing: Easing$1.bezier(x1, y1, x2, y2)
-        }, function () {
-          var _f = function (isFinished) {
-            if (!isFinished) return;
-            runOnJS(handleAnimationFinished)();
-          };
-          _f._closure = {
-            runOnJS: runOnJS,
-            handleAnimationFinished: handleAnimationFinished
-          };
-          _f.asString = "function _f(isFinished){const{runOnJS,handleAnimationFinished}=jsThis._closure;{if(!isFinished)return;runOnJS(handleAnimationFinished)();}}";
-          _f.__workletHash = 14707844242190;
-          _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/CardModal/CardModalAnimation/NativeOpacityAnimation.tsx (32:96)";
-          return _f;
-        }())
-      };
-    };
-    _f._closure = {
-      theme: {
-        kitt: {
-          cardModal: {
-            animation: {
-              overlay: theme.kitt.cardModal.animation.overlay
-            }
-          }
-        }
-      },
-      withTiming: withTiming,
-      visible: visible,
-      Easing: {
-        bezier: Easing$1.bezier
-      },
-      runOnJS: runOnJS,
-      handleAnimationFinished: handleAnimationFinished
+    var _theme$kitt$cardModal = theme.kitt.cardModal.animation.overlay,
+      duration = _theme$kitt$cardModal.duration,
+      easing = _theme$kitt$cardModal.easing;
+    var _easing = _slicedToArray(easing, 4),
+      x1 = _easing[0],
+      y1 = _easing[1],
+      x2 = _easing[2],
+      y2 = _easing[3];
+    return {
+      opacity: withTiming(visible ? 1 : 0, {
+        duration: duration,
+        easing: Easing$1.bezier(x1, y1, x2, y2)
+      }, function (isFinished) {
+        if (!isFinished) return;
+        runOnJS(handleAnimationFinished)();
+      })
     };
-    _f.asString = "function _f(){const{theme,withTiming,visible,Easing,runOnJS,handleAnimationFinished}=jsThis._closure;{const{duration:duration,easing:easing}=theme.kitt.cardModal.animation.overlay;const[x1,y1,x2,y2]=easing;return{opacity:withTiming(visible?1:0,{duration:duration,easing:Easing.bezier(x1,y1,x2,y2)},function(isFinished){if(!isFinished)return;runOnJS(handleAnimationFinished)();})};}}";
-    _f.__workletHash = 14370179131905;
-    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/CardModal/CardModalAnimation/NativeOpacityAnimation.tsx (27:40)";
-    return _f;
-  }());
+  });
   return /*#__PURE__*/jsx(Animated.View, {
     style: [StyleSheet.absoluteFillObject, opacityStyle],
     children: children
@@ -3067,71 +3008,36 @@ function NativeRotationAnimation$1(_ref) {
     if (!visible && hasRunAnimationRef.current) onExited();
   }
   var animatedStyle = useAnimatedStyle(function () {
-    var _f = function () {
-      var _theme$kitt$cardModal = theme.kitt.cardModal.animation.content,
-        duration = _theme$kitt$cardModal.duration,
-        easing = _theme$kitt$cardModal.easing;
-      var _easing = _slicedToArray(easing, 4),
-        x1 = _easing[0],
-        y1 = _easing[1],
-        x2 = _easing[2],
-        y2 = _easing[3];
-      rotation.value = withTiming(visible ? 0 : 5, {
+    var _theme$kitt$cardModal = theme.kitt.cardModal.animation.content,
+      duration = _theme$kitt$cardModal.duration,
+      easing = _theme$kitt$cardModal.easing;
+    var _easing = _slicedToArray(easing, 4),
+      x1 = _easing[0],
+      y1 = _easing[1],
+      x2 = _easing[2],
+      y2 = _easing[3];
+    rotation.value = withTiming(visible ? 0 : 5, {
+      duration: duration,
+      easing: Easing$1.bezier(x1, y1, x2, y2)
+    }, function (isFinished) {
+      if (!isFinished) return;
+      runOnJS(handleAnimationFinished)();
+    });
+    return {
+      opacity: withTiming(visible ? 1 : 0, {
         duration: duration,
         easing: Easing$1.bezier(x1, y1, x2, y2)
-      }, function () {
-        var _f = function (isFinished) {
-          if (!isFinished) return;
-          runOnJS(handleAnimationFinished)();
-        };
-        _f._closure = {
-          runOnJS: runOnJS,
-          handleAnimationFinished: handleAnimationFinished
-        };
-        _f.asString = "function _f(isFinished){const{runOnJS,handleAnimationFinished}=jsThis._closure;{if(!isFinished)return;runOnJS(handleAnimationFinished)();}}";
-        _f.__workletHash = 14707844242190;
-        _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/CardModal/CardModalAnimation/NativeRotationAnimation.tsx (41:102)";
-        return _f;
-      }());
-      return {
-        opacity: withTiming(visible ? 1 : 0, {
+      }),
+      transform: [{
+        scale: withTiming(visible ? 1 : 0.8, {
           duration: duration,
           easing: Easing$1.bezier(x1, y1, x2, y2)
-        }),
-        transform: [{
-          scale: withTiming(visible ? 1 : 0.8, {
-            duration: duration,
-            easing: Easing$1.bezier(x1, y1, x2, y2)
-          })
-        }, {
-          rotateZ: "".concat(rotation.value, "deg")
-        }]
-      };
-    };
-    _f._closure = {
-      theme: {
-        kitt: {
-          cardModal: {
-            animation: {
-              content: theme.kitt.cardModal.animation.content
-            }
-          }
-        }
-      },
-      rotation: rotation,
-      withTiming: withTiming,
-      visible: visible,
-      Easing: {
-        bezier: Easing$1.bezier
-      },
-      runOnJS: runOnJS,
-      handleAnimationFinished: handleAnimationFinished
+        })
+      }, {
+        rotateZ: "".concat(rotation.value, "deg")
+      }]
     };
-    _f.asString = "function _f(){const{theme,rotation,withTiming,visible,Easing,runOnJS,handleAnimationFinished}=jsThis._closure;{const{duration:duration,easing:easing}=theme.kitt.cardModal.animation.content;const[x1,y1,x2,y2]=easing;rotation.value=withTiming(visible?0:5,{duration:duration,easing:Easing.bezier(x1,y1,x2,y2)},function(isFinished){if(!isFinished)return;runOnJS(handleAnimationFinished)();});return{opacity:withTiming(visible?1:0,{duration:duration,easing:Easing.bezier(x1,y1,x2,y2)}),transform:[{scale:withTiming(visible?1:0.8,{duration:duration,easing:Easing.bezier(x1,y1,x2,y2)})},{rotateZ:rotation.value+\"deg\"}]};}}";
-    _f.__workletHash = 14560674497944;
-    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/CardModal/CardModalAnimation/NativeRotationAnimation.tsx (36:41)";
-    return _f;
-  }());
+  });
   return /*#__PURE__*/jsx(Animated.View, {
     style: [animatedStyle],
     children: children
@@ -3432,68 +3338,26 @@ var useNativeAnimation$2 = function (_ref) {
   var theme = useTheme();
   var pressed = useSharedValue(Boolean(isPressedInternal));
   var progress = useDerivedValue(function () {
-    var _f = function () {
-      return withTiming(pressed.value ? 1 : 0, {
-        duration: theme.kitt.choices.item.transition.duration
-      });
-    };
-    _f._closure = {
-      withTiming: withTiming,
-      pressed: pressed,
-      theme: {
-        kitt: {
-          choices: {
-            item: {
-              transition: {
-                duration: theme.kitt.choices.item.transition.duration
-              }
-            }
-          }
-        }
-      }
-    };
-    _f.asString = "function _f(){const{withTiming,pressed,theme}=jsThis._closure;{return withTiming(pressed.value?1:0,{duration:theme.kitt.choices.item.transition.duration});}}";
-    _f.__workletHash = 1120030177160;
-    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/Choices/hooks/useNativeAnimation.tsx (31:35)";
-    return _f;
-  }());
+    return withTiming(pressed.value ? 1 : 0, {
+      duration: theme.kitt.choices.item.transition.duration
+    });
+  });
   var backgroundStyles = useAnimatedStyle(function () {
-    var _f = function () {
-      var _theme$kitt$choices$i = theme.kitt.choices.item.backgroundColor,
-        defaultBg = _theme$kitt$choices$i["default"],
-        pressedBg = _theme$kitt$choices$i.pressed,
-        selectedBg = _theme$kitt$choices$i.selected,
-        disabledBg = _theme$kitt$choices$i.disabled;
-      if (disabled) return {
-        backgroundColor: disabledBg
-      };
-      if (selected) return {
-        backgroundColor: selectedBg
-      };
-      return {
-        backgroundColor: interpolateColor(progress.value, [0, 1], [defaultBg, pressedBg])
-      };
+    var _theme$kitt$choices$i = theme.kitt.choices.item.backgroundColor,
+      defaultBg = _theme$kitt$choices$i["default"],
+      pressedBg = _theme$kitt$choices$i.pressed,
+      selectedBg = _theme$kitt$choices$i.selected,
+      disabledBg = _theme$kitt$choices$i.disabled;
+    if (disabled) return {
+      backgroundColor: disabledBg
     };
-    _f._closure = {
-      theme: {
-        kitt: {
-          choices: {
-            item: {
-              backgroundColor: theme.kitt.choices.item.backgroundColor
-            }
-          }
-        }
-      },
-      disabled: disabled,
-      selected: selected,
-      interpolateColor: interpolateColor,
-      progress: progress
+    if (selected) return {
+      backgroundColor: selectedBg
     };
-    _f.asString = "function _f(){const{theme,disabled,selected,interpolateColor,progress}=jsThis._closure;{const{default:defaultBg,pressed:pressedBg,selected:selectedBg,disabled:disabledBg}=theme.kitt.choices.item.backgroundColor;if(disabled)return{backgroundColor:disabledBg};if(selected)return{backgroundColor:selectedBg};return{backgroundColor:interpolateColor(progress.value,[0,1],[defaultBg,pressedBg])};}}";
-    _f.__workletHash = 15506726129309;
-    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/Choices/hooks/useNativeAnimation.tsx (35:44)";
-    return _f;
-  }());
+    return {
+      backgroundColor: interpolateColor(progress.value, [0, 1], [defaultBg, pressedBg])
+    };
+  });
   return {
     onPressIn: function onPressIn() {
       pressed.value = true;
@@ -3662,7 +3526,7 @@ function Choices(_ref2) {
   return /*#__PURE__*/jsx(ChoicesContainer, {
     direction: direction,
     testID: testID,
-    nativeID: id,
+    id: id,
     children: childrenArray.map(function (child, index) {
       var element = /*#__PURE__*/cloneElement(child, _objectSpread({
         selected: isForm ? child.props.value === currentValue : undefined
@@ -3701,58 +3565,24 @@ function NativeOpacityAnimation$1(_ref) {
     }
   }
   var opacityStyle = useAnimatedStyle(function () {
-    var _f = function () {
-      var _theme$kitt$dialogMod = theme.kitt.dialogModal.animation.overlay,
-        duration = _theme$kitt$dialogMod.duration,
-        easing = _theme$kitt$dialogMod.easing;
-      var _easing = _slicedToArray(easing, 4),
-        x1 = _easing[0],
-        y1 = _easing[1],
-        x2 = _easing[2],
-        y2 = _easing[3];
-      return {
-        opacity: withTiming(visible ? 1 : 0, {
-          duration: duration,
-          easing: Easing$1.bezier(x1, y1, x2, y2)
-        }, function () {
-          var _f = function (isFinished) {
-            if (!isFinished) return;
-            runOnJS(handleAnimationFinished)();
-          };
-          _f._closure = {
-            runOnJS: runOnJS,
-            handleAnimationFinished: handleAnimationFinished
-          };
-          _f.asString = "function _f(isFinished){const{runOnJS,handleAnimationFinished}=jsThis._closure;{if(!isFinished)return;runOnJS(handleAnimationFinished)();}}";
-          _f.__workletHash = 14707844242190;
-          _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/DialogModal/DialogModalAnimation/NativeOpacityAnimation.tsx (32:96)";
-          return _f;
-        }())
-      };
-    };
-    _f._closure = {
-      theme: {
-        kitt: {
-          dialogModal: {
-            animation: {
-              overlay: theme.kitt.dialogModal.animation.overlay
-            }
-          }
-        }
-      },
-      withTiming: withTiming,
-      visible: visible,
-      Easing: {
-        bezier: Easing$1.bezier
-      },
-      runOnJS: runOnJS,
-      handleAnimationFinished: handleAnimationFinished
+    var _theme$kitt$dialogMod = theme.kitt.dialogModal.animation.overlay,
+      duration = _theme$kitt$dialogMod.duration,
+      easing = _theme$kitt$dialogMod.easing;
+    var _easing = _slicedToArray(easing, 4),
+      x1 = _easing[0],
+      y1 = _easing[1],
+      x2 = _easing[2],
+      y2 = _easing[3];
+    return {
+      opacity: withTiming(visible ? 1 : 0, {
+        duration: duration,
+        easing: Easing$1.bezier(x1, y1, x2, y2)
+      }, function (isFinished) {
+        if (!isFinished) return;
+        runOnJS(handleAnimationFinished)();
+      })
     };
-    _f.asString = "function _f(){const{theme,withTiming,visible,Easing,runOnJS,handleAnimationFinished}=jsThis._closure;{const{duration:duration,easing:easing}=theme.kitt.dialogModal.animation.overlay;const[x1,y1,x2,y2]=easing;return{opacity:withTiming(visible?1:0,{duration:duration,easing:Easing.bezier(x1,y1,x2,y2)},function(isFinished){if(!isFinished)return;runOnJS(handleAnimationFinished)();})};}}";
-    _f.__workletHash = 3254948230845;
-    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/DialogModal/DialogModalAnimation/NativeOpacityAnimation.tsx (27:40)";
-    return _f;
-  }());
+  });
   return /*#__PURE__*/jsx(Animated.View, {
     style: [StyleSheet.absoluteFillObject, opacityStyle],
     children: children
@@ -3775,71 +3605,36 @@ function NativeRotationAnimation(_ref) {
     if (!visible && hasRunAnimationRef.current) onExited();
   }
   var animatedStyle = useAnimatedStyle(function () {
-    var _f = function () {
-      var _theme$kitt$dialogMod = theme.kitt.dialogModal.animation.content,
-        duration = _theme$kitt$dialogMod.duration,
-        easing = _theme$kitt$dialogMod.easing;
-      var _easing = _slicedToArray(easing, 4),
-        x1 = _easing[0],
-        y1 = _easing[1],
-        x2 = _easing[2],
-        y2 = _easing[3];
-      rotation.value = withTiming(visible ? 0 : 5, {
+    var _theme$kitt$dialogMod = theme.kitt.dialogModal.animation.content,
+      duration = _theme$kitt$dialogMod.duration,
+      easing = _theme$kitt$dialogMod.easing;
+    var _easing = _slicedToArray(easing, 4),
+      x1 = _easing[0],
+      y1 = _easing[1],
+      x2 = _easing[2],
+      y2 = _easing[3];
+    rotation.value = withTiming(visible ? 0 : 5, {
+      duration: duration,
+      easing: Easing$1.bezier(x1, y1, x2, y2)
+    }, function (isFinished) {
+      if (!isFinished) return;
+      runOnJS(handleAnimationFinished)();
+    });
+    return {
+      opacity: withTiming(visible ? 1 : 0, {
         duration: duration,
         easing: Easing$1.bezier(x1, y1, x2, y2)
-      }, function () {
-        var _f = function (isFinished) {
-          if (!isFinished) return;
-          runOnJS(handleAnimationFinished)();
-        };
-        _f._closure = {
-          runOnJS: runOnJS,
-          handleAnimationFinished: handleAnimationFinished
-        };
-        _f.asString = "function _f(isFinished){const{runOnJS,handleAnimationFinished}=jsThis._closure;{if(!isFinished)return;runOnJS(handleAnimationFinished)();}}";
-        _f.__workletHash = 14707844242190;
-        _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/DialogModal/DialogModalAnimation/NativeRotationAnimation.tsx (41:102)";
-        return _f;
-      }());
-      return {
-        opacity: withTiming(visible ? 1 : 0, {
+      }),
+      transform: [{
+        scale: withTiming(visible ? 1 : 0.8, {
           duration: duration,
           easing: Easing$1.bezier(x1, y1, x2, y2)
-        }),
-        transform: [{
-          scale: withTiming(visible ? 1 : 0.8, {
-            duration: duration,
-            easing: Easing$1.bezier(x1, y1, x2, y2)
-          })
-        }, {
-          rotateZ: "".concat(rotation.value, "deg")
-        }]
-      };
-    };
-    _f._closure = {
-      theme: {
-        kitt: {
-          dialogModal: {
-            animation: {
-              content: theme.kitt.dialogModal.animation.content
-            }
-          }
-        }
-      },
-      rotation: rotation,
-      withTiming: withTiming,
-      visible: visible,
-      Easing: {
-        bezier: Easing$1.bezier
-      },
-      runOnJS: runOnJS,
-      handleAnimationFinished: handleAnimationFinished
+        })
+      }, {
+        rotateZ: "".concat(rotation.value, "deg")
+      }]
     };
-    _f.asString = "function _f(){const{theme,rotation,withTiming,visible,Easing,runOnJS,handleAnimationFinished}=jsThis._closure;{const{duration:duration,easing:easing}=theme.kitt.dialogModal.animation.content;const[x1,y1,x2,y2]=easing;rotation.value=withTiming(visible?0:5,{duration:duration,easing:Easing.bezier(x1,y1,x2,y2)},function(isFinished){if(!isFinished)return;runOnJS(handleAnimationFinished)();});return{opacity:withTiming(visible?1:0,{duration:duration,easing:Easing.bezier(x1,y1,x2,y2)}),transform:[{scale:withTiming(visible?1:0.8,{duration:duration,easing:Easing.bezier(x1,y1,x2,y2)})},{rotateZ:rotation.value+\"deg\"}]};}}";
-    _f.__workletHash = 14448961480868;
-    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/DialogModal/DialogModalAnimation/NativeRotationAnimation.tsx (36:41)";
-    return _f;
-  }());
+  });
   return /*#__PURE__*/jsx(Animated.View, {
     style: [animatedStyle],
     children: children
@@ -4012,7 +3807,7 @@ function Emoji(_ref) {
     testID: testID,
     size: size,
     alt: emojiData.text,
-    accessibilityLabel: emojiData.text,
+    "aria-label": emojiData.text,
     source: {
       uri: emojiData.url
     },
@@ -4224,7 +4019,7 @@ function InputTextContainer(_ref) {
   });
 }
 
-var _excluded$v = ["id", "right", "state", "variant", "internalForceState", "disabled", "autoCorrect", "textContentType", "autoComplete", "keyboardType", "multiline", "onSubmitEditing"];
+var _excluded$v = ["id", "right", "state", "variant", "internalForceState", "disabled", "autoCorrect", "textContentType", "autoComplete", "inputMode", "multiline", "onSubmitEditing"];
 var InputText = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var id = _ref.id,
     right = _ref.right;
@@ -4240,8 +4035,8 @@ var InputText = /*#__PURE__*/forwardRef(function (_ref, ref) {
     textContentType = _ref$textContentType === void 0 ? 'none' : _ref$textContentType,
     _ref$autoComplete = _ref.autoComplete,
     autoComplete = _ref$autoComplete === void 0 ? 'off' : _ref$autoComplete,
-    _ref$keyboardType = _ref.keyboardType,
-    keyboardType = _ref$keyboardType === void 0 ? 'default' : _ref$keyboardType,
+    _ref$inputMode = _ref.inputMode,
+    inputMode = _ref$inputMode === void 0 ? 'none' : _ref$inputMode,
     multiline = _ref.multiline,
     onSubmitEditing = _ref.onSubmitEditing,
     props = _objectWithoutProperties(_ref, _excluded$v);
@@ -4254,11 +4049,11 @@ var InputText = /*#__PURE__*/forwardRef(function (_ref, ref) {
     children: [/*#__PURE__*/jsx(Input, _objectSpread(_objectSpread({
       ref: ref,
       multiline: multiline,
-      nativeID: id,
+      id: id,
       isDisabled: internalForceState ? internalForceState === 'disabled' : disabled,
       isHovered: internalForceState ? internalForceState === 'hover' : undefined,
       isFocused: internalForceState ? internalForceState === 'focus' : undefined,
-      keyboardType: keyboardType,
+      inputMode: inputMode,
       autoComplete: autoComplete,
       autoCorrect: autoCorrect,
       textContentType: textContentType,
@@ -4639,7 +4434,7 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var theme = useTheme();
   return /*#__PURE__*/jsx(Pressable, {
     ref: ref,
-    nativeID: id,
+    id: id,
     testID: testID,
     accessibilityRole: "checkbox",
     accessibilityState: {
@@ -4715,10 +4510,10 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
   });
 });
 
-function getReturnKeyTypeForNumericInput(returnKeyType) {
-  // returnKey is only displayed on number input on iOS if value is done
+function getEnterKeyHintForNumericInput(enterKeyHint) {
+  // enterKeyHint is only displayed on number input on iOS if value is done
   if (Platform.OS === 'ios') return 'done';
-  return returnKeyType;
+  return enterKeyHint;
 }
 
 function prefixWithZero$1(value) {
@@ -4914,7 +4709,7 @@ var InputPart = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     isFocusedInternal = _ref2.isFocusedInternal,
     isHoveredInternal = _ref2.isHoveredInternal,
     isPressedInternal = _ref2.isPressedInternal,
-    returnKeyType = _ref2.returnKeyType,
+    enterKeyHint = _ref2.enterKeyHint,
     onChange = _ref2.onChange,
     onBlur = _ref2.onBlur,
     onSubmitEditing = _ref2.onSubmitEditing;
@@ -4930,8 +4725,8 @@ var InputPart = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     value: value,
     placeholder: placeholder,
     disabled: disabled,
-    keyboardType: "numeric",
-    returnKeyType: returnKeyType,
+    inputMode: "numeric",
+    enterKeyHint: enterKeyHint,
     textAlign: "center",
     onChange: onChange,
     onBlur: onBlur,
@@ -4952,7 +4747,7 @@ function PartContainer(_ref) {
   });
 }
 
-var _excluded$s = ["id", "value", "testID", "stretch", "placeholder", "minDate", "maxDate", "disabled", "isFocusedInternal", "isHoveredInternal", "isPressedInternal", "returnKeyType", "onChange", "onBlur", "onFocus", "onSubmitEditing"];
+var _excluded$s = ["id", "value", "testID", "stretch", "placeholder", "minDate", "maxDate", "disabled", "isFocusedInternal", "isHoveredInternal", "isPressedInternal", "enterKeyHint", "onChange", "onBlur", "onFocus", "onSubmitEditing"];
 var KeyboardDatePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var id = _ref.id,
     value = _ref.value,
@@ -4965,7 +4760,7 @@ var KeyboardDatePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
     isFocusedInternal = _ref.isFocusedInternal,
     isHoveredInternal = _ref.isHoveredInternal,
     isPressedInternal = _ref.isPressedInternal,
-    returnKeyType = _ref.returnKeyType,
+    enterKeyHint = _ref.enterKeyHint,
     onChange = _ref.onChange,
     onBlur = _ref.onBlur,
     onFocus = _ref.onFocus,
@@ -5016,7 +4811,7 @@ var KeyboardDatePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
   };
   return /*#__PURE__*/jsx(View, {
     testID: testID,
-    nativeID: id,
+    id: id,
     children: /*#__PURE__*/jsxs(HStack, {
       space: "kitt.2",
       children: [/*#__PURE__*/jsx(PartContainer, {
@@ -5028,7 +4823,7 @@ var KeyboardDatePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
         }, sharedInputPartProps), {}, {
           placeholder: placeholder === null || placeholder === void 0 ? void 0 : placeholder.day,
           value: state.displayedDay,
-          returnKeyType: getReturnKeyTypeForNumericInput('next'),
+          enterKeyHint: getEnterKeyHintForNumericInput('next'),
           onChange: function (e) {
             var nextDay = stringToNumber(e.nativeEvent.text);
             dispatch({
@@ -5059,7 +4854,7 @@ var KeyboardDatePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
         }, sharedInputPartProps), {}, {
           placeholder: placeholder === null || placeholder === void 0 ? void 0 : placeholder.month,
           value: state.displayedMonth,
-          returnKeyType: getReturnKeyTypeForNumericInput('next'),
+          enterKeyHint: getEnterKeyHintForNumericInput('next'),
           onChange: function (e) {
             var nextMonth = stringToNumber(e.nativeEvent.text);
             dispatch({
@@ -5090,7 +4885,7 @@ var KeyboardDatePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
         }, sharedInputPartProps), {}, {
           placeholder: placeholder === null || placeholder === void 0 ? void 0 : placeholder.year,
           value: state.displayedYear,
-          returnKeyType: returnKeyType ? getReturnKeyTypeForNumericInput(returnKeyType) : undefined,
+          enterKeyHint: enterKeyHint ? getEnterKeyHintForNumericInput(enterKeyHint) : undefined,
           onChange: function (e) {
             var nextYear = stringToNumber(e.nativeEvent.text);
             dispatch({
@@ -5136,14 +4931,16 @@ var PressableDateInputs = /*#__PURE__*/forwardRef(function (_ref, ref) {
     flexDirection: "row",
     position: "relative",
     alignSelf: createResponsiveStyleFromProp(stretch, undefined, 'baseline'),
-    nativeID: id,
+    id: id,
     disabled: disabled,
     testID: testID,
     onPress: onPress,
     children: /*#__PURE__*/jsxs(View, {
       position: "relative",
       width: createResponsiveStyleFromProp(stretch, '100%'),
-      pointerEvents: "none",
+      style: {
+        pointerEvents: 'none'
+      },
       children: [/*#__PURE__*/jsxs(HStack, {
         space: "kitt.2",
         width: createResponsiveStyleFromProp(stretch, '100%'),
@@ -5420,11 +5217,11 @@ var NativeUIDatePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, props));
 });
 
-var _excluded$n = ["fillMode", "returnKeyType", "value", "onSubmitEditing"];
+var _excluded$n = ["fillMode", "enterKeyHint", "value", "onSubmitEditing"];
 var DatePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$fillMode = _ref.fillMode,
     fillMode = _ref$fillMode === void 0 ? 'native' : _ref$fillMode,
-    returnKeyType = _ref.returnKeyType,
+    enterKeyHint = _ref.enterKeyHint,
     value = _ref.value,
     onSubmitEditing = _ref.onSubmitEditing,
     props = _objectWithoutProperties(_ref, _excluded$n);
@@ -5435,7 +5232,7 @@ var DatePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
       ref: ref
     }, props), {}, {
       value: currentValue,
-      returnKeyType: returnKeyType,
+      enterKeyHint: enterKeyHint,
       onSubmitEditing: onSubmitEditing
     }));
   }
@@ -5852,9 +5649,7 @@ function InputAddressOption(_ref) {
   var item = _ref.item;
   var sharedTransform = {
     style: {
-      transform: [{
-        translateY: 4
-      }]
+      transform: 'translateY(4)'
     }
   };
   return /*#__PURE__*/jsx(Autocomplete.Option, {
@@ -5955,7 +5750,7 @@ var InputEmail = /*#__PURE__*/forwardRef(function (props, ref) {
   return /*#__PURE__*/jsx(InputText, _objectSpread({
     ref: ref,
     autoComplete: "email",
-    keyboardType: "email-address",
+    inputMode: "email",
     textContentType: "emailAddress",
     autoCapitalize: "none"
   }, props));
@@ -6060,7 +5855,7 @@ var InputPassword = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }));
 });
 
-var _excluded$j = ["returnKeyType", "autoComplete", "phoneNumberLength", "value", "onChange"];
+var _excluded$j = ["enterKeyHint", "autoComplete", "phoneNumberLength", "value", "onChange"];
 function isPhoneNumberValid(number) {
   return isValidNumber(number);
 }
@@ -6068,7 +5863,7 @@ function prefixWithZero(value, phoneNumberLength) {
   return value.padStart(phoneNumberLength, '0');
 }
 var InputPhone = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var returnKeyType = _ref.returnKeyType,
+  var enterKeyHint = _ref.enterKeyHint,
     _ref$autoComplete = _ref.autoComplete,
     autoComplete = _ref$autoComplete === void 0 ? 'tel' : _ref$autoComplete,
     _ref$phoneNumberLengt = _ref.phoneNumberLength,
@@ -6080,13 +5875,13 @@ var InputPhone = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _useState2 = _slicedToArray(_useState, 2),
     currentValue = _useState2[0],
     setCurrentValue = _useState2[1];
-  var currentReturnKeyType = returnKeyType ? getReturnKeyTypeForNumericInput(returnKeyType) : undefined;
+  var currentEnterKeyHint = enterKeyHint ? getEnterKeyHintForNumericInput(enterKeyHint) : undefined;
   return /*#__PURE__*/jsx(InputText, _objectSpread(_objectSpread({
     ref: ref
   }, props), {}, {
     value: currentValue,
-    keyboardType: "phone-pad",
-    returnKeyType: currentReturnKeyType,
+    inputMode: "tel",
+    enterKeyHint: currentEnterKeyHint,
     autoComplete: autoComplete,
     textContentType: "telephoneNumber",
     onChange: function handleChange(event) {
@@ -6160,7 +5955,7 @@ function Label(_ref) {
   var isWeb = Platform.OS === 'web';
   return /*#__PURE__*/jsx(Typography.Text, {
     base: "body",
-    nativeID: isWeb ? undefined : id,
+    id: isWeb ? undefined : id,
     children: isWeb ? /*#__PURE__*/jsx("label", {
       id: id,
       htmlFor: htmlFor,
@@ -6182,7 +5977,7 @@ function InnerCircle(_ref) {
     backgroundColor: "kitt.forms.radio.innerCircle.backgroundColor",
     _web: {
       style: {
-        transform: sharedTransform,
+        transform: "scale(".concat(isChecked ? 1 : 0, "))"),
         transitionProperty: 'all',
         transitionDuration: theme.kitt.forms.radio.transition.duration,
         transitionTimingFunction: theme.kitt.forms.radio.transition.timingFunction
@@ -6282,7 +6077,7 @@ var Radio = /*#__PURE__*/forwardRef(function (_ref, ref) {
   return /*#__PURE__*/jsx(Pressable, {
     ref: ref,
     testID: testID,
-    nativeID: id,
+    id: id,
     disabled: disabled,
     accessibilityRole: "radio",
     "aria-checked": checked,
@@ -6391,55 +6186,23 @@ var useNativeAnimation$1 = function (_ref) {
     borderColor = _theme$kitt$forms$rad2["default"],
     pressedBorderColor = _theme$kitt$forms$rad2.pressed;
   var animatedStyles = useAnimatedStyle(function () {
-    var _f = function () {
-      if (isDisabled) {
-        return {
-          backgroundColor: theme.kitt.forms.radioButtonGroup.item.backgroundColor.disabled,
-          borderColor: theme.kitt.forms.radioButtonGroup.item.borderColor.disabled
-        };
-      }
-      if (isSelected) {
-        return {
-          backgroundColor: pressedBackgroundColor,
-          borderColor: pressedBorderColor
-        };
-      }
+    if (isDisabled) {
       return {
-        backgroundColor: interpolateColor(color.value, [0, 1], [backgroundColor, pressedBackgroundColor]),
-        borderColor: interpolateColor(color.value, [0, 1], [borderColor, pressedBorderColor])
+        backgroundColor: theme.kitt.forms.radioButtonGroup.item.backgroundColor.disabled,
+        borderColor: theme.kitt.forms.radioButtonGroup.item.borderColor.disabled
       };
+    }
+    if (isSelected) {
+      return {
+        backgroundColor: pressedBackgroundColor,
+        borderColor: pressedBorderColor
+      };
+    }
+    return {
+      backgroundColor: interpolateColor(color.value, [0, 1], [backgroundColor, pressedBackgroundColor]),
+      borderColor: interpolateColor(color.value, [0, 1], [borderColor, pressedBorderColor])
     };
-    _f._closure = {
-      isDisabled: isDisabled,
-      theme: {
-        kitt: {
-          forms: {
-            radioButtonGroup: {
-              item: {
-                backgroundColor: {
-                  disabled: theme.kitt.forms.radioButtonGroup.item.backgroundColor.disabled
-                },
-                borderColor: {
-                  disabled: theme.kitt.forms.radioButtonGroup.item.borderColor.disabled
-                }
-              }
-            }
-          }
-        }
-      },
-      isSelected: isSelected,
-      pressedBackgroundColor: pressedBackgroundColor,
-      pressedBorderColor: pressedBorderColor,
-      interpolateColor: interpolateColor,
-      color: color,
-      backgroundColor: backgroundColor,
-      borderColor: borderColor
-    };
-    _f.asString = "function _f(){const{isDisabled,theme,isSelected,pressedBackgroundColor,pressedBorderColor,interpolateColor,color,backgroundColor,borderColor}=jsThis._closure;{if(isDisabled){return{backgroundColor:theme.kitt.forms.radioButtonGroup.item.backgroundColor.disabled,borderColor:theme.kitt.forms.radioButtonGroup.item.borderColor.disabled};}if(isSelected){return{backgroundColor:pressedBackgroundColor,borderColor:pressedBorderColor};}return{backgroundColor:interpolateColor(color.value,[0,1],[backgroundColor,pressedBackgroundColor]),borderColor:interpolateColor(color.value,[0,1],[borderColor,pressedBorderColor])};}}";
-    _f.__workletHash = 1728775972872;
-    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/forms/RadioButtonGroup/hooks/useNativeAnimation.ts (31:42)";
-    return _f;
-  }());
+  });
   return {
     onPressIn: function handlePressIn() {
       color.value = withSpring(1);
@@ -6653,44 +6416,21 @@ function NativeOpacityAnimation(_ref) {
     children = _ref.children;
   var theme = useTheme();
   var opacityStyle = useAnimatedStyle(function () {
-    var _f = function () {
-      var _theme$kitt$fullscree = theme.kitt.fullscreenModal.animation.overlay,
-        duration = _theme$kitt$fullscree.duration,
-        easing = _theme$kitt$fullscree.easing;
-      var _easing = _slicedToArray(easing, 4),
-        x1 = _easing[0],
-        y1 = _easing[1],
-        x2 = _easing[2],
-        y2 = _easing[3];
-      return {
-        opacity: withTiming(visible ? 1 : 0, {
-          duration: duration,
-          easing: Easing$1.bezier(x1, y1, x2, y2)
-        })
-      };
-    };
-    _f._closure = {
-      theme: {
-        kitt: {
-          fullscreenModal: {
-            animation: {
-              overlay: theme.kitt.fullscreenModal.animation.overlay
-            }
-          }
-        }
-      },
-      withTiming: withTiming,
-      visible: visible,
-      Easing: {
-        bezier: Easing$1.bezier
-      }
+    var _theme$kitt$fullscree = theme.kitt.fullscreenModal.animation.overlay,
+      duration = _theme$kitt$fullscree.duration,
+      easing = _theme$kitt$fullscree.easing;
+    var _easing = _slicedToArray(easing, 4),
+      x1 = _easing[0],
+      y1 = _easing[1],
+      x2 = _easing[2],
+      y2 = _easing[3];
+    return {
+      opacity: withTiming(visible ? 1 : 0, {
+        duration: duration,
+        easing: Easing$1.bezier(x1, y1, x2, y2)
+      })
     };
-    _f.asString = "function _f(){const{theme,withTiming,visible,Easing}=jsThis._closure;{const{duration:duration,easing:easing}=theme.kitt.fullscreenModal.animation.overlay;const[x1,y1,x2,y2]=easing;return{opacity:withTiming(visible?1:0,{duration:duration,easing:Easing.bezier(x1,y1,x2,y2)})};}}";
-    _f.__workletHash = 7884472191878;
-    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/FullscreenModal/components/NativeOpacityAnimation.tsx (14:40)";
-    _f.__optimalization = 2;
-    return _f;
-  }());
+  });
   return /*#__PURE__*/jsx(Animated.View, {
     style: [StyleSheet.absoluteFillObject, opacityStyle],
     children: children
@@ -6716,61 +6456,26 @@ function NativeSlideInAnimation(_ref) {
     if (!visible && hasRunAnimationRef.current) onExited();
   }
   var translateStyle = useAnimatedStyle(function () {
-    var _f = function () {
-      var _theme$kitt$fullscree = theme.kitt.fullscreenModal.animation.content,
-        duration = _theme$kitt$fullscree.duration,
-        easing = _theme$kitt$fullscree.easing;
-      var _easing = _slicedToArray(easing, 4),
-        x1 = _easing[0],
-        y1 = _easing[1],
-        x2 = _easing[2],
-        y2 = _easing[3];
-      return {
-        transform: [{
-          translateY: withTiming(visible ? 0 : wHeight, {
-            duration: duration,
-            easing: Easing$1.bezier(x1, y1, x2, y2)
-          }, function () {
-            var _f = function (isFinished) {
-              if (!isFinished) return;
-              runOnJS(handleAnimationFinished)();
-            };
-            _f._closure = {
-              runOnJS: runOnJS,
-              handleAnimationFinished: handleAnimationFinished
-            };
-            _f.asString = "function _f(isFinished){const{runOnJS,handleAnimationFinished}=jsThis._closure;{if(!isFinished)return;runOnJS(handleAnimationFinished)();}}";
-            _f.__workletHash = 14707844242190;
-            _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/FullscreenModal/components/NativeSlideInAnimation.tsx (45:12)";
-            return _f;
-          }())
-        }]
-      };
-    };
-    _f._closure = {
-      theme: {
-        kitt: {
-          fullscreenModal: {
-            animation: {
-              content: theme.kitt.fullscreenModal.animation.content
-            }
-          }
-        }
-      },
-      withTiming: withTiming,
-      visible: visible,
-      wHeight: wHeight,
-      Easing: {
-        bezier: Easing$1.bezier
-      },
-      runOnJS: runOnJS,
-      handleAnimationFinished: handleAnimationFinished
+    var _theme$kitt$fullscree = theme.kitt.fullscreenModal.animation.content,
+      duration = _theme$kitt$fullscree.duration,
+      easing = _theme$kitt$fullscree.easing;
+    var _easing = _slicedToArray(easing, 4),
+      x1 = _easing[0],
+      y1 = _easing[1],
+      x2 = _easing[2],
+      y2 = _easing[3];
+    return {
+      transform: [{
+        translateY: withTiming(visible ? 0 : wHeight, {
+          duration: duration,
+          easing: Easing$1.bezier(x1, y1, x2, y2)
+        }, function (isFinished) {
+          if (!isFinished) return;
+          runOnJS(handleAnimationFinished)();
+        })
+      }]
     };
-    _f.asString = "function _f(){const{theme,withTiming,visible,wHeight,Easing,runOnJS,handleAnimationFinished}=jsThis._closure;{const{duration:duration,easing:easing}=theme.kitt.fullscreenModal.animation.content;const[x1,y1,x2,y2]=easing;return{transform:[{translateY:withTiming(visible?0:wHeight,{duration:duration,easing:Easing.bezier(x1,y1,x2,y2)},function(isFinished){if(!isFinished)return;runOnJS(handleAnimationFinished)();})}]};}}";
-    _f.__workletHash = 16793352522068;
-    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/FullscreenModal/components/NativeSlideInAnimation.tsx (35:42)";
-    return _f;
-  }());
+  });
   return /*#__PURE__*/jsx(Animated.View, {
     style: [{
       transform: [{
@@ -7083,51 +6788,17 @@ function useNativeAnimation(_ref) {
   var theme = useTheme();
   var pressed = useSharedValue(!!isPressed);
   var opacityStyles = useAnimatedStyle(function () {
-    var _f = function () {
-      return {
-        opacity: withSpring(pressed.value ? 1 : 0)
-      };
-    };
-    _f._closure = {
-      withSpring: withSpring,
-      pressed: pressed
+    return {
+      opacity: withSpring(pressed.value ? 1 : 0)
     };
-    _f.asString = "function _f(){const{withSpring,pressed}=jsThis._closure;{return{opacity:withSpring(pressed.value?1:0)};}}";
-    _f.__workletHash = 10645190329247;
-    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/IconButton/hooks/useNativeAnimation.ts (24:41)";
-    _f.__optimalization = 2;
-    return _f;
-  }());
+  });
   var scaleStyles = useAnimatedStyle(function () {
-    var _f = function () {
-      return {
-        transform: [{
-          scale: withSpring(pressed.value ? theme.kitt.iconButton.scale.base.active : theme.kitt.iconButton.scale.base["default"])
-        }]
-      };
-    };
-    _f._closure = {
-      withSpring: withSpring,
-      pressed: pressed,
-      theme: {
-        kitt: {
-          iconButton: {
-            scale: {
-              base: {
-                active: theme.kitt.iconButton.scale.base.active,
-                "default": theme.kitt.iconButton.scale.base["default"]
-              }
-            }
-          }
-        }
-      }
+    return {
+      transform: [{
+        scale: withSpring(pressed.value ? theme.kitt.iconButton.scale.base.active : theme.kitt.iconButton.scale.base["default"])
+      }]
     };
-    _f.asString = "function _f(){const{withSpring,pressed,theme}=jsThis._closure;{return{transform:[{scale:withSpring(pressed.value?theme.kitt.iconButton.scale.base.active:theme.kitt.iconButton.scale.base.default)}]};}}";
-    _f.__workletHash = 13861998831411;
-    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/IconButton/hooks/useNativeAnimation.ts (30:39)";
-    _f.__optimalization = 2;
-    return _f;
-  }());
+  });
   return {
     opacityStyles: opacityStyles,
     scaleStyles: scaleStyles,
@@ -7158,7 +6829,7 @@ function IconButton(_ref) {
     color = _ref$color === void 0 ? 'black' : _ref$color,
     disabled = _ref.disabled,
     testID = _ref.testID,
-    accessibilityLabel = _ref.accessibilityLabel,
+    ariaLabel = _ref.ariaLabel,
     _ref$accessibilityRol = _ref.accessibilityRole,
     accessibilityRole = _ref$accessibilityRol === void 0 ? 'button' : _ref$accessibilityRol,
     isHoveredInternal = _ref.isHoveredInternal,
@@ -7178,14 +6849,12 @@ function IconButton(_ref) {
     disabled: disabled,
     width: "kitt.iconButton.width",
     height: "kitt.iconButton.height",
-    accessibilityLabel: accessibilityLabel,
+    "aria-label": ariaLabel,
     accessibilityRole: accessibilityRole,
     _web: {
       style: {
         backfaceVisibility: 'hidden',
-        transform: [{
-          translate3d: '0'
-        }]
+        transform: 'translate3d(0px)'
       }
     },
     borderRadius: "kitt.iconButton.borderRadius",
@@ -9461,20 +9130,10 @@ function AnimatedLoaderCircle(_ref) {
   var centerCoord = size * 0.5;
   var circlePerimeter = 2 * Math.PI * (size * 0.5 - strokeWidth);
   var strokeAnimation = useAnimatedProps(function () {
-    var _f = function () {
-      return {
-        strokeDashoffset: circlePerimeter - circlePerimeter * progress.value
-      };
-    };
-    _f._closure = {
-      circlePerimeter: circlePerimeter,
-      progress: progress
+    return {
+      strokeDashoffset: circlePerimeter - circlePerimeter * progress.value
     };
-    _f.asString = "function _f(){const{circlePerimeter,progress}=jsThis._closure;{return{strokeDashoffset:circlePerimeter-circlePerimeter*progress.value};}}";
-    _f.__workletHash = 1345639818356;
-    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/PageLoader/AnimatedLoaderCircle.tsx (23:43)";
-    return _f;
-  }());
+  });
   return /*#__PURE__*/jsx(AnimatedCircle, {
     "transform-origin": "center center",
     strokeWidth: strokeWidth,
@@ -9536,22 +9195,12 @@ function AnimatedFillCircleContainer(_ref) {
     }), isInfinitAnimation$1));
   }, [progress, animation, duration]);
   var rotationStyles = useAnimatedStyle(function () {
-    var _f = function () {
-      return {
-        transform: [{
-          rotate: "".concat(360 * progress.value, "deg")
-        }]
-      };
-    };
-    _f._closure = {
-      progress: progress
+    return {
+      transform: [{
+        rotate: "".concat(360 * progress.value, "deg")
+      }]
     };
-    _f.asString = "function _f(){const{progress}=jsThis._closure;{return{transform:[{rotate:360*progress.value+\"deg\"}]};}}";
-    _f.__workletHash = 16553090406738;
-    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/PageLoader/AnimatedFillCircleContainer.tsx (36:42)";
-    _f.__optimalization = 3;
-    return _f;
-  }());
+  });
   return /*#__PURE__*/jsx(Animated.View, {
     style: [StyleSheet.absoluteFill, rotationStyles],
     children: children
@@ -9904,24 +9553,12 @@ function SkeletonContent(_ref) {
     }
   }, [sharedX, width, isLoading, theme]);
   var linearGradientStyle = useAnimatedStyle(function () {
-    var _f = function () {
-      return {
-        transform: [{
-          translateX: interpolate(sharedX.value, [0, 1], [-width, width])
-        }]
-      };
-    };
-    _f._closure = {
-      interpolate: interpolate,
-      sharedX: sharedX,
-      width: width
+    return {
+      transform: [{
+        translateX: interpolate(sharedX.value, [0, 1], [-width, width])
+      }]
     };
-    _f.asString = "function _f(){const{interpolate,sharedX,width}=jsThis._closure;{return{transform:[{translateX:interpolate(sharedX.value,[0,1],[-width,width])}]};}}";
-    _f.__workletHash = 1670955855244;
-    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/Skeleton/SkeletonContent.tsx (36:47)";
-    _f.__optimalization = 3;
-    return _f;
-  }());
+  });
   return /*#__PURE__*/jsx(View, {
     height: "100%",
     width: "100%",
@@ -10810,9 +10447,6 @@ var Arrow = /*#__PURE__*/forwardRef(function (_ref, ref) {
     left = _ref.left,
     display = _ref.display;
   var theme = useTheme();
-  var transformStyle = [{
-    rotate: position === 'bottom' ? '180deg' : '0deg'
-  }];
   return /*#__PURE__*/jsx(View, {
     ref: ref,
     display: display || {
@@ -10824,7 +10458,7 @@ var Arrow = /*#__PURE__*/forwardRef(function (_ref, ref) {
     left: left,
     top: top,
     style: {
-      transform: transformStyle
+      transform: "rotate(".concat(position === 'bottom' ? '180deg' : '0deg', ")")
     },
     children: /*#__PURE__*/jsx(SvgArrowinline, {
       color: theme.kitt.tooltip.backgroundColor,
@@ -10939,31 +10573,13 @@ function Tooltip(_ref) {
   var pressableRectRef = useRef(undefined);
   var pressed = useSharedValue(defaultVisible);
   var animatedStyles = useAnimatedStyle(function () {
-    var _f = function () {
-      return {
-        opacity: withSpring(pressed.value ? theme.kitt.tooltip.opacity : 0),
-        transform: [{
-          scale: withSpring(pressed.value ? 1 : 0.8)
-        }]
-      };
-    };
-    _f._closure = {
-      withSpring: withSpring,
-      pressed: pressed,
-      theme: {
-        kitt: {
-          tooltip: {
-            opacity: theme.kitt.tooltip.opacity
-          }
-        }
-      }
+    return {
+      opacity: withSpring(pressed.value ? theme.kitt.tooltip.opacity : 0),
+      transform: [{
+        scale: withSpring(pressed.value ? 1 : 0.8)
+      }]
     };
-    _f.asString = "function _f(){const{withSpring,pressed,theme}=jsThis._closure;{return{opacity:withSpring(pressed.value?theme.kitt.tooltip.opacity:0),transform:[{scale:withSpring(pressed.value?1:0.8)}]};}}";
-    _f.__workletHash = 1087298059737;
-    _f.__location = "/home/circleci/repo/@ornikar/kitt-universal/src/Tooltip/Tooltip.tsx (112:42)";
-    _f.__optimalization = 2;
-    return _f;
-  }());
+  });
   var _useFloating = useFloating({
       placement: position,
       middleware: [
@@ -11128,7 +10744,6 @@ function TypographyEmoji(_ref3) {
     emoji: emoji,
     alignSelf: "center",
     _web: {
-      // @ts-expect-error -- transform expects number, but string works on web
       style: {
         transform: 'translateY(20%)'
       },